HTML
HyperText Markup Language
超文本标记语言
文件结构
<!DOCTYPE html> // 起始行 <html> // 开始标签 <head> // 文档描述信息 <title></title> </head> <body> // 网页内容 </body> </html> // 结束标签
常用标签
1、标题标签
<h1>一级标题</h1>
<h2>二级标题</h2><h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2、段落标签
<p>这是一段正文</p>
这是一段正文
3、文本样式标签
<b>加粗</b>
<i>斜体</i>
文本<sub>下标</sub>
<del>删除线</del>
<br />换行
加粗
斜体
文本下标
删除线
换行
4、列表标签
无序列表
<ul>
<li>苹果</li>
<li>橙子</li>
</ul>
- 苹果
- 橙子
有序列表
<ol>
<li>苹果</li>
<li>橙子</li>
</ol>
- 苹果
- 橙子
5、超链接标签
<a href="http://www.baidu.com";>百度</a>
6、图片标签
<img src="./image.jpg" />
7、多媒体标签
视频标签
<video src="./video.mp4" controls></video>
8、音频标签
<audio src="./music.mp3" controls></audio>
9、div标签
<div>
<h3>标题</h3>
<p>内容</p>
</div>
标题
内容
10、布局标签
<header>头部信息</header>
<nav>导航栏</nav>
<aside>侧边栏</aside>
<main>内容区域</main>
<footer>底部信息</footer>
<article>文章详情</article>
<section>页面分区</section>
更多内容
</div>