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

2019-09-28  本文已影响0人  开源oo柒

一、互联网的三大基石

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 标签是由尖括号包围的关键词,比如 <html>;

2)HTML 标签通常是成对出现的,比如  <b> 和 </b>;

3)标签对中的第一个标签是开始标签,第二个标签是结束标签;

4)开始和结束标签也被称为开放标签和闭合标签;

2.Head中的子标签:

(1)<!DOCTYPE html>标签的作用:HTML5中的文档约束;

(2)HTML中<meta charset="utf-8" />标签的作用:告诉浏览器按照UTF-8编码解析该网页。

(3)head书写一些和浏览器中的配置信息:

2.基础标签:

(1)列表标签:

1)有序列表:<ol><li></li><li></li><li></li>...</ol>;

2)无序列表:<ul><li></li><li></li><li></li>...</ul>;

3)自定列表<dl><li></li><li></li><li></li>...</dl>;

(2)小标签的作用:

1)<u></u>:下划线标签;

2)<i></i>:斜体标签;

3)<b></b>:加粗加黑标签;

4)<del></del>:删除线标签;

5)<sup></sup>:上标标签;

6)<sub></sub>:下标标签;

(3)分割线标签:

<hr />:分割线;

<dr />:换行;

(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:背景颜色;

上一篇 下一篇

猜你喜欢

热点阅读