<!-- h5文档声明 -->
<!DOCTYPE html>
<!-- html标签，标记了整个网页的文档 -->
<html>
<!-- head标签，标记了文档的一些相关设置 -->
<head>
<!-- meat 单标签 -->
<meta charset="UTF-8">
<!-- 标题 -->
<title></title>
</head>
<!-- body标记了文档中所有的内容 -->
<body>
hello world !!! 你好 世界 。
<!-- div,没有意义,一般情况下用于页面布局 -->
<!-- css 层叠样式表 -->
<!-- style 样式 background:颜色，width:长度，heigth:高度。-->
<!-- px 像素 -->
<!-- 1.行间样式 2.内部引入样式 3.外部引入样式 -->
<!-- 块标签和行标签的区别：
行标签，特点：
1.不能设置 宽、高，内容撑开宽、高。
2.在一行显示。
块标签，特点：
1.能设置宽、高，默认情况下宽度为100%，高度是内容撑开的。
2.独占一行显示。 -->
<!-- 基本标签 -->
<!-- h标签叫做‘标题’ 是块标签。 -->
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<!-- p标签叫做’段落‘ 一般用于显示文字 -->
<p>p1标签</p>
<p>p2标签</p>
<!-- br标签作用是’换行‘。 -->
<br>
<!-- hr标签作用是’分割线‘，为块标签。 -->
<hr>
<!-- strong标签作用是’加粗‘，为行标签。 -->
<strong>strong1</strong>
<!-- em标签的作用是’倾斜‘，为行标签。 -->
<em>em1</em>
<!-- 标签嵌套使用 -->
<!-- ul标签叫做’无序列表‘，行标签。 -->
<ul>
<!-- li标签叫做’列表项‘。 -->
<li>li1</li>
</ul>
<!-- ol标签叫做’有序列表‘，快标签。 -->
<ol>
<li>LI1</li>
<li>LI2</li>
<li>LI3</li>
</ol>
<!-- 定义列表 -->
<dl>
<!-- dt标签叫做’定义列表标题‘。 -->
<dt>dt1</dt>
<!-- dd标签作用是’定义列表项‘。 -->
<dd>dd1</dd><dd>dd2</dd>
</dl>
<!-- 重要标签 -->
<!-- href叫做’超链接，行标签。 -->
<a href="https://www.baidu.com">百度</a>
<!-- src叫做‘图片路径’，alt作用是‘提示信息’。 -->
<img src="10.png" alt="SB不给你看">
<!-- type叫做’类型‘，test作用提供’文本输入框‘，button提供’按钮‘。 -->
<input type="text">
<!-- <input type="button" value="看你麻痹"> -->
<!-- 标签嵌套规则：
1.a标签不能嵌套a标签。
2.快标签可以任意嵌套（除了p、h与dt标签，这三个标签可以嵌套行标签）。
3.行标签不能嵌套快标签，
块标签：div,ul,ol,li,hr,h1-h6,p,dt,dd,dl
行标签：span,strong,em,input,a,img
br
CSS的引入方式：
1.内联样式（行间样式）
2.内部引入样式
3.外部引入样式
-->
</body>
</html>
```
本文标题：标签和布局
本文链接：https://www.haomeiwen.com/subject/gsmvpttx.html
网友评论