HTML整理

HTML常用标签

<h1>标题标签</h1>   h1-h6

<hr/>水平线标签

• size属性:设置水平线的高度,单位是像素(px)
• noshade属性:没有阴影,表示纯色,取值:noshade
• color属性:用于设置颜色
• width属性:设置标签的宽度,属性值可以是像素,也可以是百分比
• align属性:设置标签的对齐方式，属性值:left rigth center(默认)

<font>字体标签</font>

• size:设置字体的大小,范围1(小)--7(大),不写默认3号字体
• color:设置字体的颜色,不写默认黑色
• face:设置字体
   

<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<p>分段</p>
<br/> 换行

<img/> 图片标签

• src:设置图片的路径
• title:设置图片的标题,鼠标移动到图片上,会显示标题
• alt:图片丢失,显示文字
• height:设置图片的高度,单位是像素px
• width:设置图片的宽度,单位是像素px

列表标签:

• 有序列表:使用ol标签
  • <ol>
    <li>列表项</li>
    ...
    <li>列表项</li>
    </ol>
    type:用于设置列表显示的文字(1,I,A,a...),不写默认是阿拉伯数字
• 无序列表:使用ul标签
  • <ul>
    <li>列表项</li>
    ...
    <li>列表项</li>
    </ul>
    type:用于设置列表显示的形状,disc实心圆(不写默认) square方块 circle空心圆

超链接标签:用于页面的跳转
<a>文字|图片</a>
href:设置跳转的路径
target:设置跳转的方式

• _self:默认属性,在当前页面打开新的链接
• _blank:在新的页面打开新的链接

<table></table>表格标签

• border:表格边框的宽度。单位像素px
• width:表格的宽度。单位像素px
• cellpadding:单元边沿与其内容之间的空白。单位像素px
• cellspacing:单元格之间的空白。 单位像素px
• bgcolor:表格的背景颜色。
• align:单元格内容的水平对齐方式,left、right、center。

<tr></tr>标签用于定义行
<th>标签用于定义表头,单元格内的内容默认居中、加粗。
<td>标签用于定义列

• colspan:单元格可横跨的列数。
• rowspan:单元格可横跨的行数。
• nowrap:设置单元格中的内容是否折行(内容不换行)

转义字符

• 半个英语字母英文空格&nbsp;
• 一个汉字中文空格&emsp;
• 小于号&lt;
• 大于号&gt;
• &符号&amp;
• ×叉号&times;
• ￥人民币符号&yen;
• $美元符号

<div>行间标签,会占用html中的一行</div>
<span>行内标签,会占用一行中的一部分</span>

注意:div标签和span标签一般都是和css一起使用,否则没有意义

表单相关标签

form表单标签