html知识总结
01_HTTP基础
一、协议：是指通信双方共同遵守的规则。
二、常用名词:
1、IP:ip地址，用于唯一的标识一台网络上的计算机。
2、URL:统一资源定位符(例如：网址)
3、DNS:域名解析服务器(把域名转换为IP地址）
4、telnet:远程登录协议
5、SMTP:简单邮件传输协议（用于发送文件）
6、POP3:邮局协议(用于接收邮件)
7、HTTP:超文本协议
8、HTTPS:安全的超文本协议
三、Tcp/Ip模型
层次划分:
1、网络接口层：接入网线（提供IP地址)
2、网际层(IP协议):进行路由选择，选择最佳传输路径。
3、传输层(TCP、UDP):进行数据传输
4、应用层：实现具体应用。
四、浏览器与服务器通信步骤
1、建立连接
2、浏览器发送请求
3、服务器接受(或拒绝)请求
4、关闭连接
五、常用状态码
1、200：服务器响应成功。
2、304:请求的资源没有发生改变。
3、404:请求的资源不存在
4、500:服务器错误
02_html基础
一、HTML文档结构
<html> -- 文档的开始标签
<head> -- 文档头的开始标签
<title>标题</title> -- 文档标题，显示的浏览器标题栏中
</head> -- 文档头的结束标签
<body> -- 文档内容的开始标签
内容
</body> -- 文档内容的结束标签
</html> -- 文档的结束标签
二、块级元素
<h1>...</h6> 标题(h1最大)
<p></p>段落
<pre></pre>预格式化
<div></div> 容器
<hr/> 水平线
三、内联标签
<br/> 换行
<i> 强调，大部分浏览器渲染为斜体。
<b> 强调，大部分浏览器渲染为黑体。
<sub> 下标
<sup> 上标
<code> 代码块
<span> 文本块
四、实体字符
空格
< <
> >
& &
" “
© ©
® ®
五、超链接
5.1 普通连接
<a href="连接地址" target="打开方式"> ... </a>
相对路径：
./:当前目录（默认)
../:上一层目录
/:根目录
target:值
_self:当前窗口(默认)
_blank:新窗口
_parent:父窗口
_top:顶部窗口
targetFrame:指定名称的框架
5.2锚连接
作用：连接到页面某一位置。
步骤：
1、设置锚点
2、连接到锚点
<a name="footer"/>
<a href="#footer">连接到footer</a>
<a href="b.html#footer">连接到b页面footer</a>
六：图片
<img src="图片路径" border="边框宽度" width="宽度" height="高度" alt="替代文字" align="left|center|right|top|middle|bottom"/>
七、内容滚动
<marquee direction="left|rigth|up|down" scrolldelay="滚动速度" width="宽度" height="高度">...</marquee>
八、列表
8.1 有序列表
<ol type="1|a|A|i|I" start="开始位置">
<li>步骤一</li>
</ol>
8.2 无序列表
<ul type="disc|circle|square" >
<li>步骤一</li>
</ul>
九、表格
基本结构:
<table border="边框宽度" bordercolor="边框颜色" cellpadding="内边距" cellspacing="外边距" width="宽度" height="高度" background="背景图片" bgcolor="背景颜色">
<tr align="" valign="" bgcolor="背景颜色">
<td align="left|center|right" valign="top|middle|bottom" width="宽度" height="高度" background="背景图片" bgcolor="背景颜色">...</td>
</tr>
</table>
单元格属性:
rowspan:跨行
colspan:跨列
十、IIS(Internet Information server)
给asp、asp.net提供运行时环境。
安装：
1、添加删除程序->添加删除组件->选中Internet信息服务
配置主目录：
1、控制面板->管理工具->Internet信息服务->网站->默认网站->属性(主目录)
设置主页：
1、控制面板->管理工具->Internet信息服务->网站->默认网站->属性(文档)
部署：
把要部署的网站放到网站根目录下（默认:c:\Inetpub\wwwroot)
win7配置:
安装:
1、控制面板->程序和功能->打开或关闭windows特性->选中Internet信息服务
配置主目录:
1、控制面板->管理工具->Internet信息服务->目录选项
设置主页
1、控制面板->管理工具->Internet信息服务->默认页
九、其他标签
<center>...</center>:居中
<font size="字体大小(1-7)" color="字体颜色"></font>
<body bgcolor="背景颜色">
03_Html表单
一、Form
<form method="get|post" action="处理页面">...</form>
get与post的区别：
1、get提交的信息附加在url中，不安全，适合提交少量信息（小于4kb，且不考虑安全性)。
2、post提交的信息在http请求的正文中，安全性高，适合提交大量信息。
二、表单元素
1、input元素
<input type="text|password|radio|checkbox|file|hidden|submit|reset|button|image"
name="名称" id="标识" value="值" readonly="readonly" disabled="disabled" maxlength="最大输入长度" tabindex="tab索引" size="文本框或密码框大小"/>
单选框、复选框特性：
checked:默认选中
2、下拉框、列表框
<select id="" name="" size="可见行数" multiple="multiple">
<optgroup label="">
<option value="" selected="selected">...</option>
</optgroup>
</select>
3、多行文本框
<textarea id="" name="" rows="行数" cols="列数">...</textarea>
4、分组框
<fieldset id="" name="">
<legend>标题</legend>
...
</fieldset>
5、标签
<label for="关联的表单id">...</label>
6、框架
作用：把一个浏览器窗口分割成多个部分，每个部分可以单独显示一个页面的内容。
优点:
1、减少页面刷新量，速度快。
2、简化页面的设计，避免重复。
缺点：
1、单个页面无法正确描述所有内容。
2、对搜索引擎支持不好。
适用：
1、小型站点。
2、网站后台。
<frameset cols="水平分割" rows="垂直分割" border="边框宽度" bordercolor="边框颜色" frameborder="yes|no">
<frame name="框架名" src="引用的页面" scrolling="yes|no|auto" noresize="noresize"/>
</frameset>
7、内联框架
作用：在当前页面中嵌入其他页面的内容。
<iframe name="" src="" frameborder="yes|no" scrolling="yes|no|auto" width="宽度" height="高度"></iframe>
浙公网安备 33010602011771号