H5的所有标签
HTML基础语法,在HTML中,用于描述功能的符号称为 标记
标记在使用过程中,必须用 <> 括起来
- 标记分为:
- 封闭类型标记
- 非封闭类型标记
我们分别来解释这两个标记的意思和用法:
1、封闭类型标记,必须成对出现:
<标记>内容</标记>
注意:封闭类型标记必须有结束</>***
ex:
< a>百度< /a>
< a>百度< /a>
2、非封闭类型标记,也称为 空标记,单标记
语法:
<标记>
或
<标记/>
ex:
< br/>
< hr/>
< img>
< link>
单标记很少,我们现在能用到这就是这几个,好好记忆一下,以后我们会用的多,也会越来越学的多。
接下来我们介绍一下H5的标签以及意思和它的用法:
- < html>< /html>标识HTML文档的起始和终止
(---->所有的内容都要在他里面写出来,不可以写到外面) - < head>< /head>标识HTML文档的头部区域
- < title>< /title>标识网页标题
这样之类的网页标题,都是在这个标签下写出来
- < body>< /body>标识HTML文档的主体区域
一张网页面显示的内容都在body这个标签下写出来,也是文档的主体区域
- < hi>< /hi>标识标题文本,其中i 表示1,2,3,4,5,6,分别标识几级的意思。
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
# 注意:
只有1~6个标题,没有第7个以及更多,标题只有六个,切记
- < p>< /p>标识段落文本
- < pre>< /pre>标识预定义文本(被包围在per元素的文本中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体)
- < div>< /div>通常作为容纳其它元素的容器,俗称盒子,为块级元素
表现形式:独占一行 - < blink>< /blink> 标识闪烁文本,以闪烁效果显示(IE浏览器不支持该标签)
- < span>< /span> 设置同一行文本的不同样式
- < hr />:水平线标签,哪里需要放哪里。
- < pre>< /pre> 预格式标签pre:浏览器默认显示样式:
1、显示为等宽字体
2、代码中的换行,空格等元素可在浏览器直接显示 - < ol>< /ol>:有序列表。其中包含< li>为列表项。
- < ul>< /ul>:无序列表。其中包含< li>为列表项。
- < dl>< /dl>:定义描述列表。< dt>列表标题。一般仅一项,标题顶格
< dd>列表描述项。可以有多项,对比标题缩进显示。 - < figure>< /figure>:组合标签。用于显示图片及图片标题
两个子标签: < img />图片
< figcaption>< /figcaption>图片的标题
文本标记
1、在html中,任意多个空格,和回车,最后都会被解析成1个空格
2、由<所包裹的文本,会当成标记被解析>
3、通过 转义字符 的特殊表现方式表示特殊效果
& lt; : < (less than)
& gt; : > (greater than)
& nbsp; :空格
& copy; : ©️
& yen; : ¥
二、文本标记
文本样式
< b>要添加的文字< /b> 加粗
< i>要添加的文字< /i> 斜体
< u>要添加的文字< /u> 下划线
< s>要添加的文字< /s> 删除线
< sup>要添加的文字< /sup> 上标
< sub>要添加的文字< /sub> 下标
好了,以上这些都是最常用的标签,可能提供的不详细,不完整,希望大家多提意见多评论,我会在后期再次进行整理的,并配合代码图进行讲解。
还有,这些都是要背过的,可不要偷懒啊