第一章 HTML结构和标签

HTML结构和标签
1. 网页的组成：结构：网页的结构部分
　　　　　　　表现：网页的样式
　　　　　　　行为：网页要实现的交互功能
2. 站点命名规范:
　　　　小写英文字母、数字、下划线的组合；
　　　　不能包含汉字、空格和特殊字符；
　　　　必须以英文字母开头.
3.标签：
（1）文本标题标签h1-h6
　　　　注;h1.唯一性，多为网站logo使用
　　　　所有的标题标签自带加粗
（2)字体倾斜和加粗
　　倾斜
　　　　<i></i>
　　　　<em></em>
　　加粗
　　　　<b></b>
　　　　<strong></strong>
　　　　　　strong偏向强调语气作用
(3)下划线
　　　　<u></u>
(4)换行和水平线
　　　　<br>
　　　　<hr>
(5）上标和下标
　　　　
　　　　
(6)段落标记
　　　　<p></p>
(7)字符（小段文本）
　　　　<span></span>
(8)常用转义字符
　　　　&nbsp；   空格
　　　　&gt；　　 >右尖括号
　　　　&lt; 　　　<左尖括号
　　　　&copy;　   版权号
(9)盒子标签
　　　　<div></div>
列表
（1）无序列表
　　<ul>
　　　　<li></li>
　　　　<li></li>
　　　　<li></li>
　　</ul>
（2）有序列表
　　<ol>
　　　　<li></li>
　　　　<li></li>
　　　　<li></li>
　　</ol>
（3）自定义列表
　　<dl>
　　　　<dt></dt>
　　　　<dd></dd>
　　</dl>
超链接
　　<a href="链接" target="_blank" title="图片上的文字">文字内容</a>
　　　　注：
　　　　　　href:跳转的地址
　　　　　　target=""
　　　　　　　　属性值：-self：默认值，在当前页面打开
　　　　　　　　　　　_blank:新创建一个窗口打开
　　　　　　title=""

　　　　　　　　提示信息（大部分标签都支持title属性）
图片
　　<img src="图片路径" alt="文本替换图片" title="">
　　　　注：alt:图片加载不出来时，alt里面的文本替换图片
　　　　　　有利于seo优化，方便搜素引擎对图片进行检索
　　　　　　title：提示文本；作为图片的小标题
表格结构
　　<table>
　　　　<tr>
　　　　　　<td></td>
　　　　　　<td></td>
　　　　</tr>
　　</table>
　　注：table为表格。tr为行。td为列
　　表格属性：
　　　　width：宽
　　　　height:高
　　　　border：边框
　　　　bordercolor:边框色
　　　　cellspacing:单元格与单元间的间距
　　　　cellpadding：单元格和内容间的距离
　　　　align：表格对齐方式
　　　　　　left、right、center
　　1)td属性：
　　　　align="文本水平对其方式"
　　　　　　left、right、center
　　2)valign="垂直对齐" top/bottom/middle
　　3)合并单元格属性（td）
　　　　合并列：colspan=""
　　　　合并行：rowspan=""

表单
　　<form action="接口地址“ method=”get/post" name="表单名称></form>
　　文本框
　　　　<input type="text" value="默认值“/>
　　密码框
　　　　<input type="password" />
　　提交按钮
　　　　<input type="submit" value="按钮内容“/>
　　重置按钮
　　　　<input type="reset" value="按钮内容“/>
　　空按钮
　　　　<input type="button" value="按钮内容“/>
　　表单控件:
　　　　<input>
　　　　type="控件类型“
　　　　　　指定type生成的类型（输入框，提交按钮、空按钮等等）
　　　　name:属性标识表单域的名称
　　　　value:属性定义表单域的默认值，其他属性根据type的不同而有所变化。
　　　　maxlength:控制最多输入的字符数
　　　　size:控制框的宽度（以字符为单位）