HTML04.标签
1.1排版标签
HTML5中支持的元素：HTML5元素周期表
h
标题：head
h1~h6:表示1级标题~6级标题
输入：h$*6>{$级标题} + 点Tab键 会出现如下 <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6>
段落：paragraphs
输入：p*3>{这是一个段落} + 点Tab键 会出现如下 <p>这是一个段落</p> <p>这是一个段落</p> <p>这是一个段落</p>
拓展：为了让同一个网页里面的内容格式不变，但为了测试所有符号都能用，要用如下测试：
lorem,乱数假文，没有任何实际含义的文字
输入：p*6>lorem 输出：看p元素.html 随机生成一堆英文字母
输入：p*6>lorem1 输出：<p>Lorem.</p> <p>Quos!</p> <p>Alias.</p> <p>At!</p> <p>Asperiores.</p> <p>Ipsam.</p> 随机生成一个英文
pre
预格式化文本元素（少用，因为很难整体控制）
标签可定义预格式化文本，被包围在<pre>标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
pre元素功能的本质：它有一个默认的css属性
该元素通常用于在网页显示一些代码
显示代码时，通常外面套code元素，code表示代码区域
hr
水平线标签（横线 horizontal）
<hr />是单标签
在网页中显示默认样式的水平线。
br
换行标签 （换行、打断 break）
<br />
在网页上希望某段文本强制换行显示
注意：段落虽然也换行，但是两行中间会有一定的距离，而换行仅仅只是换行
div
div是division的缩写 分割、分区的意思，其实有很多div来组合网页
<div>
这是头部
</div>
-
div标签 用来布局的，但是现在一行只能放一个div
span
没有语义，仅用于设置样式
<span>今日价格</span>
以前：某些元素在显示时会独占一行（块级元素），如：<p>这是</p>。某些元素不会（行级元素：不会换行） 到了HTML5，已经弃用这种说法。因为元素代表什么含义，与显示无关，块级行级这种说法是显示
-
span标签 用来布局的，一行上可以放好多个span
注意：div是一行只能放一样东西，span是一行可以放很多东西
1.2文本格式化标签（熟记）
| 标签 | 显示效果 |
|---|---|
| <b></b> <strong></strong> | 文字以粗体方式显示（XHTML推荐使用strong） |
| <i></i>和<em></em> | 文字以斜体方式显示（XHTML推荐使用em） |
| 文字以加删除线方式显示（XHTML推荐使用del） | |
| <u></u>和<ins></ins> | 文字以加下划线方式显示（XHTML不赞成使用u） |
1.3 注释标签
注释是不会在页面中显示的，且一般写在要注释的代码行的上一行
语法格式：
<!-- 注释语句 --> 快捷键是：crtl+/ 或 crtl+shift+/
1.4base标签
语法：
<base target="_blank" />
总结：
-
base可以设置整体链接的打开状态
-
base写到<head></head>之间
-
把所有的链接都默认添加target="blank"
浙公网安备 33010602011771号