H5的所有标签

HTML基础语法,在HTML中,用于描述功能的符号称为 标记
标记在使用过程中,必须用 <> 括起来

  • 标记分为:
  1. 封闭类型标记
  2. 非封闭类型标记

我们分别来解释这两个标记的意思和用法:
1、封闭类型标记,必须成对出现:

<标记>内容</标记>
 	 注意:封闭类型标记必须有结束</>***

ex:
< a>百度< /a>
< a>百度< /a>

2、非封闭类型标记,也称为 空标记,单标记

语法:
	  <标记>
	  或
	  <标记/>

ex:
< br/>
< hr/>
< img>
< link>

单标记很少,我们现在能用到这就是这几个,好好记忆一下,以后我们会用的多,也会越来越学的多。

接下来我们介绍一下H5的标签以及意思和它的用法:
  • < html>< /html>标识HTML文档的起始和终止
    (---->所有的内容都要在他里面写出来,不可以写到外面)
  • < head>< /head>标识HTML文档的头部区域
  • < title>< /title>标识网页标题
  • html5标签归纳 html5的标签大全_html

这样之类的网页标题,都是在这个标签下写出来

  • < body>< /body>标识HTML文档的主体区域

html5标签归纳 html5的标签大全_html5标签归纳_02

一张网页面显示的内容都在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> 下标

好了,以上这些都是最常用的标签,可能提供的不详细,不完整,希望大家多提意见多评论,我会在后期再次进行整理的,并配合代码图进行讲解。

还有,这些都是要背过的,可不要偷懒啊