前言
本文主要记载了HTML的相关知识点,上接HTML(一)HTML简介 ,后续不断更新,小白一枚,如若有误,还请大佬指点。
2.HTML标签(上)
2.1语法规范
2.1.1 标签结构
- 标签有尖括号“<>”和关键字组成, 如:<html></html>。一般成对出现,<>内不带/的为开始标签,带有/的为结束标签,如:<html></html>中,<html>为开始,</html>为结束。
- 标签一般成对出现,如<html></html>,<head></head>,<title></title>等,这样的我们称之为双标签;但也有特殊的单个标签,这样的标签,我们称为单标签,如:</ br>,<img>等。
2.1.2 标签关系
- 包含关系:
<html>
<head>
<title></title>
</head>
</html>
- 并列关系:
<html>
<head>
</head>
<body>
</body>
</html>
2.2基本结构标签
- 根标签
<html></html>
根标签表示应在所有HTML文档中出现的主要或起始标签。 HTML标记是<!DOCTYPE>
标记之后的第一个标记,并且在其中指定了其他HTML标记。 该标签允许浏览器识别文档类型。
- 文档头部标签
<head></head>
文档头部标签包含网页或文档的所有标题信息,如页面标题和其他杂项信息。
- 文档标题标签
<title></title>
这个标签一般放在<head></head>标签里面,用于定义页面标题。
- 文档主体标签
<body></body>
标签内存放正文,可以直接显示在页面,包括图片、文本、声音、链接等。
2.3常用开发工具
开发工具的选择看个人喜好,建议初学者使用大约一周的记事本编辑,用以熟悉整体结构。常见的HTML开发工具有:
VSCode
DW
WebStorm
Hbulider
2.4常用标签
2.4.1标题标签
<title></title>
用于定义页面标题。
1.4.2段落标签
<p></p>
顾名思义,就是将段落放置其内。
1.4.3换行标签
<br />
1.4.4横线标签
<hr />
在整个页面加一条横线。
1.4.5文本格式化标签
<string></sting>加粗
<em></em>倾斜
<del></del>删除线
<ins></ins>下划线
<sup></sup>上标
<sub></sub>下标
1.4.6布局标签
<div></div>
<span></span>
- span和div区别在于,div是一个块级元素,它包含的每一个元素都独占一行。而span是行内元素,在它包含的元素不会换行,可以同时存在同一行。
1.4.7图像标签
<img src="path+imgage" 附加属性/>
附加属性:
- alt="替换文本",当图片不能加载或丢失时,显示的在页面的文本内容
- title="提示文本",当把鼠标放到图片上时,显示出的提示或解释性内容
- width="图片宽度",单位是像素
- height="图片高度",单位是像素
- border="图像边框",单位是像素
1.4.8超链接标签
<a herf="" 附加属性></a>
- 附加属性-打开方式:target="_self或_blank"
- 外链接:
<a herf="其它网站的地址" 附加属性></a>
- 内链接:
<a herf="本地文件" 附加属性></a>
- 空链接:
<a herf="#" 附加属性></a>
- 下载链接:
<a herf="path+file" 附加属性></a>
- 元素链接:
<a herf="" 附加属性 > 元素</a>
- 锚点链接:
<a herf="#ID号"></a>
在需要链接处的开始标签中加上id ="ID号"。所谓的锚点链接就是指在本文件内部上下文之间的链接。
1.4.9注释及常用特殊字符标签
注释:<!--注释内容-->
空格: 
大于:>
小于:<