一:HTML5简介与结构
HTML(Hypertext Markup Language):超文本标记语言,是用来编写网页
的标记语言。
HTML5的基本结构:
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
<meta charset="utf-8"/>
</head>
<body>
网页主体
</body>
</html>
二:html5标签
1. 标题标签
<h1></h1> <h2></h2> ... <h6></h6>
2. 横线标签
<hr/>
3. 换行标签
<br/>
4. 段落标签
<p></p>
5. 超链接标签
<a href="链接地址" target="_blank">链接内容</a>
6. 图片标签
<img src="图片地址" width="图片宽度" height="图片高度"/>
7. 列表标签
有序列表 无序列表
<ol> <ul>
<li>列表项</li> <li>列表项</li>
... ...
<li>列表项</li> <li>列表项</li>
</ol> </ul>
8. 表格标签
<table border="1" cellpadding=" #单元格边距" cellspacing="#单元格间距">
<table border="边框">
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
...
<td>单元格内容</td>
</tr>
</table>
9. 分区标签div
<div>内容</div>
注意:每对div分区标签独占一块区域,其他内容只能显示在它的下一行。
10. 视频标签
<video src="视频地址" controls="controls">
</video>
HTML(Hypertext Markup Language):超文本标记语言,是用来编写网页
的标记语言。
HTML5的基本结构:
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
<meta charset="utf-8"/>
</head>
<body>
网页主体
</body>
</html>
二:html5标签
1. 标题标签
<h1></h1> <h2></h2> ... <h6></h6>
2. 横线标签
<hr/>
3. 换行标签
<br/>
4. 段落标签
<p></p>
5. 超链接标签
<a href="链接地址" target="_blank">链接内容</a>
6. 图片标签
<img src="图片地址" width="图片宽度" height="图片高度"/>
7. 列表标签
有序列表 无序列表
<ol> <ul>
<li>列表项</li> <li>列表项</li>
... ...
<li>列表项</li> <li>列表项</li>
</ol> </ul>
8. 表格标签
<table border="1" cellpadding=" #单元格边距" cellspacing="#单元格间距">
<table border="边框">
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
...
<td>单元格内容</td>
</tr>
</table>
9. 分区标签div
<div>内容</div>
注意:每对div分区标签独占一块区域,其他内容只能显示在它的下一行。
10. 视频标签
<video src="视频地址" controls="controls">
</video>