目录
标签有单标签和双标签两种表现形式。
1.html标签
<html> </html>
该标签定义了HTML文档,限定了文档的开始点和结束点。
2.head标签
<head> </head>
该标签定义了文档的头部,负责描述文档的属性和信息,大部分头部包含的数据不会作为内容显示给用户。
3.body标签
<body> </body>
该标签定义了文档的主体,包含了文档的所有内容,这些内容会直接在页面中显示给用户。
4.title标签
<title> </title>
该标签定义了文档的标题,它显示在浏览器窗口的标题栏或状态栏上。
<title> 标签是 <head> 标签中唯一必须要求包含的东西。
<title>的增加有利于SEO(搜索引擎优化)优化。
5.meta标签
<meta charset="UTF-8">
该标签定义描述一个HTML网页文档的属性,关键词等。 例如: charset="utf-8"是说当前使用的是 utf-8 编码格式(通常使用该编码格式),在开发中我们经常会看到 utf-8,或是 gbk ,这些都是编码格式。
6.h1-h6标签
<h1> </h1> (以此类推)
这些标签只负责定义标题,而不是仅仅为了生成粗体或大号的文本。
正确使用标题有益于SEO,对于网页大有裨益。
其中,<h1> 定义最大(最主要)的标题,<h6>定义最小的标题,以此类推:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
生成如上代码也可以使用快捷键:h$*6(如需其他标题可以灵活改变快捷键的数字指引)
在该标签中添加属性:align="left / center / right",分别默认该标签居左、居中、居右。
7.p标签
<p> </p>
该标签定义了段落。长文本时可以用它来分段。
8.br标签
<br>
该标签定义了换行,且换行不产生新的段落。
<br/>是一个空的HTML元素。
9.hr标签
<hr/>
该标签定义了水平线(分割线)。
该标签中可以添加对应的属性,如: color: 设置水平线的颜色;
width: 设置水平线的宽度;
size: 设置水平线的高度;
align: 设置水平线的对齐方式(默认居中),我们可根据实际需要改成left/right,对应居左、居右。
10.img标签
<img>
该标签定义了图像。
该标签中可以添加对应的属性, 如:src: 路径
alt: 规定图像的替代文本
width: 规定图像的宽度
height: 规定图像的高度
title: 鼠标悬停在图片上给予提示
图片的路径分为绝对路径和相对路径。其中,绝对路径是电脑的盘符存储与访问的具体地址;相对路径是图片的相对关系,如果互为子级关系,要使用“/”,如果互为父级关系,要使用“../”,如果互为同级关系,要使用 “./”(可以省略),两者在同一路径下可以直接访问。
11.a标签
<a> </a>
该标签定义了超文本链接,当鼠标移动到超文本链接上时,指示会由箭头变为手指。
该标签使用href属性描述链接的地址。例:<a href="url"> 文本 </a>