网页编程day-37：HTML的标签

一、互联网的三大基石

1.互联网中的三大基石：

1）HTTP：超文本标记语言；

2）HTML：超文本传输协议；

3）URL：统一资源定位符；

2.三者的关系：

html是主体，装载各种dom元素；css用来装饰dom元素；js控制dom元素。

二、HTML入门

1.HTML的作用是什么？

HTML是一种专门对网页信息进行规范化展示的语言。把网页的信息格式化展现的语言。

2.什么是HTML?

HTML是超文本标记语言；

1）超文本：文本信息 、图片、声音、视频、超链接等；

2）标记：标签的体现。

HTML不是编程语言，而是一种标记语言；

三、HTML标签

1.HTML标签：

1）HTML 标签是由尖括号包围的关键词，比如 ；

2）HTML 标签通常是成对出现的，比如   和 ；

3）标签对中的第一个标签是开始标签，第二个标签是结束标签；

4）开始和结束标签也被称为开放标签和闭合标签；

2.Head中的子标签：

（1）标签的作用：HTML5中的文档约束；

（2）HTML中标签的作用：告诉浏览器按照UTF-8编码解析该网页。

（3）head书写一些和浏览器中的配置信息：

2.基础标签：

（1）列表标签：

1）有序列表：

...

；

2）无序列表:

...

；

3）自定列表

...

；

（2）小标签的作用：

1）:下划线标签；

2）：斜体标签；

3）：加粗加黑标签；

4）:删除线标签；

5）：上标标签；

6）:下标标签；

（3）分割线标签：

---

:分割线；

:换行；

（4）常用的属性：

width：宽度；color:颜色；align:位置（默认center，）；size:垂直方向的大小；

3.超级链接标签：

实现不同页面之间的跳转;实现锚点功能。

1）Href: 指定跳转到指定资源的位置；

2）Target:打开网页的方式；

4.图片标签：

（1）src属性可以书写的路径：

1）相对路径；

2）绝对路径；

3）网路路径；

（2）常用属性和属性的作用：

1）img (不会自动的换行);

2）src:引入图片的位置(相对路径、绝对路径、网络路径 )；

3）title：图片的标题；

4）border:图片的边框；

5）alt：图片无法正常显示的时候显示的属性;

6）align:图片的位置 ，必须有参照物。

5.表格标签：

（1）常用的属性和对应的作用：

1）width，height：高度和宽度；

2）cellpadding：内容和单元格的距离 cellspacing：单元格和单元格的距离；

3）tr：行：height；

4）td/th：列 width；

5）td:普通的列；

6）th:标题列:自动的居中，加黑效果；

7）colspan:列合并；

8）rowspan：行合并；

9）bgcolor：背景颜色；