寒假Day34:HTML标签+段落与文字+列表
HTML标签、段落与文字
一般只有6个标签能放在<head>标签内:
<title> <link> <style> <script> <base>
<meta>:该标签提供的信息不显示在页面中;目的是便于搜索引擎搜索到主要关键字;其两个重要属性:name、http-equiv(作用:定义页面所使用的语言、实现页面的自动刷新跳转)
定义网页的基本信息(供搜索引擎)
html共有六级标签,h1只能有一个(作为总标题),其他可以有多个
<p> </p>:段落标签,每个段落标签会自动换行,且会有段落间距出现,但是不会有首行缩进,所以需要手动添加空格
 ; :空格
<
br/
>
:自闭合标签,换行标签,不会导致行与行之间出现间距
<
strong
>
</
strong
>:加粗
<em
>
</em
>:斜体
<
sup
>
</
sup
>:上标标签 superscripted
<
sub
>
</
sub
>:上标标签 subscripted
<
s
>
<s/
>:删除线标签,一般用css实现
<u
>
</u
>:下划线标签,一般用css来实现
<hr/>:自闭合标签,水平线标签
<div
>
</div
>:区隔标签,分别独占一行,内容放里面
&+特殊字符+; :输入特殊字符 (直接输入;输入该字符对应的代码)
€ €欧元 £ £英镑 ¥ ¥日元 ° °度
块元素:独占一行(在浏览器显示效果独占一行)的,块元素内部可以包含其他块元素或行元素
行内元素:两个行内元素可以位于同一行,行内内部可以容纳其他行内元素,但不可以包含块元素
HTML列表
分为三种:有序、无序、定义列表
有序列表(常用)
有序列表(默认数字递增)
<ol> <li>内容</li> <li>内容</li> </ol>
<ol>和<li>不可以单独使用,而且<ol>内部一般情况下只能存在<li>;
如果不想要数字,可以通过有序列表的type属性来改变:
只需将第一行改为
<ol type="a">
就变成a、b、c...递增了
a也可以替换成A、i、I(后两个是大小写罗马数字)
无序列表(最常用)
<ul> <li>内容</li> <li>内容</li> </ul>
默认小黑点
符号类型:disc(默认小黑点)、circle(空心圆)、square(实心小方块)
<ul type="符号类型"> <li>内容</li> <li>内容</li> </ul>
文本不能直接放在ul元素内部,可以放在body下,ul上
定义列表(少用)
<dl> <dt>定义名词</dt> <dd>定义描述</dd> ………… </dl>
<dd>用于文本缩进,但是会造成不好的后果
In Addition:
使用标签为了语义化,使用语义化标签可以使代码更规范
没有p标签,css直接就给你用body样式了
另外语义化对屏幕阅读器等无障碍阅读、搜索引擎、建站初期找bug也有很重要的作用,这也是学习html的目的
学习的目的:学习更多标签、把正确的标签用在正确的位置