html5的基本知识,HTML5 基础知识（1）——基本标签

HTML5 基础知识(1)——基本标签

## HTML

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

(Hyper Text Markup Langage 超文本标记语言)

> 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

< a >: 定义一个超链接标签

属性：

href：指定访问访问资源的URl(统一资源定位符)

target：指定打开资源的方式

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

_blank：在新的界面窗口打开

```

**div 和 span:**

```javascript

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

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

```

**语义化标签：**

```javascript

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

1. :页眉

2. :页脚

```

**表格标签**

```javascript

1.table：定义一个表格

width：宽度

border：边框

bgcolor：背景色

align：对齐方式

2.tr：定义行

3.td：定义单元格

4.th：定义表头单元格

5.

：表格标题

：表示表格的头部分

：表示表格的体部分：表示表格的脚部分

```

以上就是一些基本的HTML的标签。

原文链接:https://www.cnblogs.com/haoshaoqian/p/12458634.html

如有疑问请与原作者联系

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有