web前端：HTML5 基础知识（1）——基本标签

作者:好啊郝 更新于： 2020-03-16 20:37:14

　　H5即HTML5。万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3CRecommendation、见本处参考资料原文内容)。

　　##HTML

　　**概念**：是最基础的网页开发语言

　　（HyperTextMarkupLangage超文本标记语言）

　　>1.超文本：超文本是用超链接的方式i，将各种不同空间的文字组织在一起的网状文本。

　　>2.标记语言：由表签构成的语言，如HTML，XML。（标记语言不是编程语言）

　　**快速入门**：

　　-语法：

　　```css

　　1.HTML文档后缀名为.html或.htm

　　2.标签分为：

　　*围堵标签：有开始标签有结束结束标签。如：

　　*自闭和标签：开始标签和结束标签在一起。如：
.

　　3.标签可以嵌套：需要正确嵌套，不能你中有我，我中有你的形式。

　　例如：错误："",正确""

　　4.在开始标签中可以定义属性。属性是由键值对构成，值需要引号（单双都可以）引起来

　　5.HTML的标签不区分大小写，但建议小写。

　　```

　　**标签学习**

　　```Javascript

　　1.文件标签：

　　HTML：HTML文档的根标签

　　head：头标签。用于指定HTML文档的一些属性。引用外部资源。

　　title：标题标签

　　body：体标签

　　:html5中定义该文档为HTML文档

　　2.文本标签：

　　注释：

to

:标题标签

　　h1--h6字体大小逐渐减小

　　

:段落标签

　　
:换行标签

　　

---

：水平线标签

　　属性：

　　color：颜色

　　width：宽度

　　size：高度

　　align：对齐方式

　　center：居中

　　left：左对齐

　　right：右对齐

　　：字体加粗

　　：斜体

　　字体标签（不在使用）

　　属性定义：

　　color：

　　1.英文单词：red，green，blue

　　2.rgb（值1，值2，值3）：值的范围：0~255如：rgb（0，0，255）

　　3，#值1，值2，值3：值的范围：00~FF之间。如：#FF00FF

　　width：

　　1。数值：width=‘20’，数值的单位‘px’，默认是像素。

　　2.数值%：占比相对于父元素的比例。

　　```

　　**列表标签**

　　```javascript

　　1。有序标签：

　　ol：外层

　　li：内层

　　2.无序标签：

　　ul：外层

　　li：内层

　　```

　　**链接标签**

　　```javascript

　　:定义一个超链接标签

　　属性：

　　href：指定访问访问资源的URl（统一资源定位符）

　　target：指定打开资源的方式

　　_self:默认值，在当前界面打开

　　_blank：在新的界面窗口打开

　　```

　　**div和span:**

　　```javascript

　　

:每一个div占满一行。块级标签

　　:文本信息在一行展示，行内标签内联标签。

　　```

　　**语义化标签：**

　　```javascript

　　HTML5中为了提高程序的可读性，提供了一些标签

　　1.

:页眉

　　2.