html编程之上下级标签,HTML常用标签(上)

搜索热词

HTML常用标签

1. web标准

1.1 web标准的构成

主要包括结构、表现和行为三个方面。

标准

说明

结构

用于对网页元素进行整理和分类(HTML)

表现

用于设置网页元素的外观样式(CSS)

行为

网页模型的定义及交互的编写(JavaScript)

如果将web标准比喻为一只鸟，则

结构=身体

表现=羽毛

行为=动作(飞行、站立等)

1.2 标签关系

双标签关系分为：

包含关系(父子)

并列关系(兄弟)

(1)包含关系

(2)并列关系

2. HTML基本结构

定义

html标签

文档的头部

文档的标题

文档的主体

3. HTML常用标签

一个标题独占一行。(块级元素)

一级标题(字号最大)

六级标题(字号最小)

3.2 段落标签

用于将HTML文档分割为若干段落。

特点：

文本在一个段落中会根据浏览器窗口的大小自动换行

段落之间有空隙

这是一个段落

3.3 换行标签

用于强制换行。

特点：

换行没有像段落那样的空隙

这是换行标签

3.4 文本格式化标签

语义

加粗

倾斜

下划线

3.5 盒子标签

用于界面布局。

特点：

div一行只能放一个(块级元素)

span一行可以放多个(行级元素)

这是大盒子

这是小盒子

3.6 图像标签和路径

(1)图像标签

用于定义页面中的图像。

说明

src

图片路径(必须属性)

alt

图像不能显示时的替换文本

title

鼠标放到图像上显示的提示文本

width

设置图像的宽度

height

设置图像的高度

border

设置图像的边框粗细(在CSS中修改)

注：图像的宽和高一般只修改其中一个，另一个会随之调整。

(2)路径

相对路径：文件相对于HTML页面的位置

相对路径分类

符号

说明

同一级

src="文件名"

下一级

/

src="同一级文件夹名称/文件名"

上一级

../

src="../文件名"

绝对路径：完整的路径名称(一般很少用)。eg. C:\\xxx\\xxxx.jpg

注意：绝对路径用“\”分隔，相对路径用“/”分隔。

(1)超链接标签

文本或图像

作用

href

链接目标的url(必须属性)

target

链接页面的打方式。_self：在当前窗口打开(默认值)，_blank：在新窗口打开

外部链接：例如http://www.bilibili.com

内部链接：网站内部页面之间的相互链接，例如index.html

空链接：#

下载链接：地址里是一个文件或压缩包

网页元素链接：在网页中的各种网页元素都可以添加超链接

锚点链接：可以快速定位到页面中的某个位置

链接：

找到目标位置标签，里面添加一个id属性，

返回顶部：

3.8 注释和特殊字符

(1)注释

(2)特殊字符

特殊字符

描述

字符的代码

空格符

<

小于号

<

>

大于号

>

&

和号

&

￥

人民币

¥

©

版权

©

®

注册商标

®

°

摄氏度

°

±

正负号

±

✖

乘号

×

➗

除号

÷

²

平方

²

³

立方

³

注：重点记住前三个。

总结

以上是编程之家为你收集整理的HTML常用标签(上)全部内容，希望文章能够帮你解决HTML常用标签(上)所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。