HTML标签详解
1.Doctype标签
<!DOCTYPE html>文档的声明:当前文件是一个html文档,遵循的标准是html5的标准。
2.HTML标签
HTML标签代表整个文档结构。
HTML标签只能嵌套head标签和body标签。
3.head标签
这里的head标签是头部信息,而body标签则是网页内容,head标签中的内窜是不会出现在网页中的,body中的内容是一定会在网页中出现的。
4.body标签
标题从大到小分六个层次,分别用h1、h2、h3、h4、h5、h6来表示,数字越小,则字体越大。
标题主要是为了帮助搜索引擎索引我们的页面和帮助我们对页面中的内容增加层次感。
5.段落标签
<p>内容</p>
每一个段落标签都会自动换行。
6.水平线标签<hr>
这是一个单标签,不需要闭合标签,它是“自动闭和的”
它的作用是在页面中插入一条水平线。
7.换行标签<br>
这也是一个单标签
它的作用是换行。
8.Span标签
Span标签定义文档中的一小节文本。语义不强。
Span标签可以跟其他的span标签共用一行。
9.文本标签
strong:加粗 em:倾斜 sub:下标 sup:上标 del:删除字
10.超级链接标签
对页面中的一个对象赋予一个连接,当我们点击这个对象时,它会自动连接到相应的url上。
<a href="http://www.baidu.com">点我去百度</a>
A标签的target属性:
_self(默认的,表示在当前页面中打开超级链接);
_blank表示在新的页签中,或者是新的窗口中打开超级链接的页面。
超级链接不仅仅是可以嵌套文本,还可以嵌套图片、表格、标题。
11.相对路径和绝对路径
相对路径:Cd名中,如果写是../代表目录是 父目录。../../代表:父目录的父目录。
绝对路径:C:\Program Files,带盘符的是绝对路径。
12.图片标签
<img src="" titlte="图片标题" alt="图片不显示的时候,会显示alt属性的文本">
Src:图片的网站。
Alt:图片不显示的时候,会显示alt属性的文本
Title:对网站的seo有很大的影响。当鼠标移上去的时候,图片显示的tip提示文本内容。