html简单教程第一章
玖柒丶 2019-06-22 05:40:09 <!-- != tab 补齐-->
<!-- ctrl + ? 注释与反注释 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>百度搜索</title>
<!-- title 标签用于显示标题 -->
<!-- link标签显示标题上的图标 -->
<!-- rel 图片类型,href 图片名字 -->
<link rel="icon" href="666.png">
</head>
<body>
<!-- 常见标签 -->
<!-- 文字标签 -->
<span>普通文字标签</span>
<p>段落标签</p>
<small>较小的文字</small>
<i>斜体字</i>
<b>加粗文字</b>
<del>带删除的文字</del>
<u>带下划线的文字</u>
<sub>下标</sub>
<sup>上标</sup>
<h1>大标题</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>小标题</h6>
<!-- 关于结构化标签 -->
<div>最常用的块标签</div>
<section>一样也是块标签</section>
<headr>网页顶部的导航条</headr>
<main>网页主要内容</main>
<footer> 网页尾部的附加信息</footer>
<aside>侧边栏一般放广告</aside>
<ul>
<!-- li*n快速生成n个标签 -->
<li>我是一号</li>
<li>我是二号</li>
<li>我十三号</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>葫芦娃和他的爷爷</li>
<li>职业法师刘海柱</li>
<li>黑猫警长和老鼠们</li>
</ol>
<!-- 超链接标签,链接要写全 -->
<a href="http://www.baidu.com/">lalalal</a>
<!-- alt备用信息 -->
<img src="666.png" alt="shiabai">
<!-- audio音频标签 -->
<!-- src是音乐文件的路径 controls 播放控制器 -->
<audio src="三国.mp3" controls autoplay>77888</audio>
<!-- video 视频文件标签 -->
<video controls src="1.mp4">99</video>
</body>
</html>