前端之HTML语法及常用标签

html语法：

1.常规标记：

<标记属性=“属性值” 属性=“属性值”></标记>；

2.空标记：

<标记属性=“属性值” 属性=“属性值”/>

注意事项：

= 和 “”都是必须加的，同时两个属性之间用空格隔开；

html常用标签：

1.文本标题： h1 h2 h3 h4 h5 h6 ;

2.段落标记： p ;

3.空格（html转义字符）：&nbsp ;

> &gt ;

< &lt ;

4.换行： <br/>

5.加粗 : strong b ;

6.倾斜： i em ;

7.水平分隔线： <hr/> ;

8.上标： sup ;

下标： sub ;

9.列表：

　　无序列表： ul ;

　　有序列表： ol ;

自定义列表； dl ;

10.图片：

<img src="图片路径"

title="鼠标悬停在图片上时显示的提示信息"

alt="当图片由于某些原因无法正常加载时显示的替换信息"

width="x"

height="y"/>

11.超链接：

<a href="链接地址" target="_blank" title="提示信息">链接文本或图片</a>　　　

　　　　　　　　rget="_blank" 链接在新页面打开

　　　　　　　　 target="_self" 默认属性值，在本页面打开

12.表格： table

　　　　 <tr>

　　　　 ...

　　　　 </tr>

　　</table>

注：table相关属性

a）width="值" 设置表格宽度或单元格宽度

b) height="值" 设置表格高度或单元格高度

c) border="值" 设置表格边框（一般给table加）

d）cellspacing="值" 设置单元格之间的间距（给table加，一般设为0）

e) ellpadding="值" 设置内容与单元格之间的空隙（给table加，一般设为0）

f) align="left|center|right" 设置单元格内容水平对齐方式

g) valign="top|middle|bottom" 设置单元格内容垂直对齐方式

h) bgcolor="颜色值" 设置表格背景色（一般通过css样式去设置）

i) colspan="数值" 合并列（给td加）

j) rowspan="数值" 合并行（给td加）

注：table常用到的标签

a）table 定义表格

b) tr 代表行

c) td 代表列

d) th 定义表格的表头（会有加粗，居中的效果）

e) caption 定义表格的标题

f）thead 定义表格的页眉

g) tbody 定义表格的主体

h) tfoot 定义表格的页脚

巴特西

前端之HTML语法及常用标签

最新文章

热门文章