上节课我们已经学习了visual studio code工具的简单使用,那么接下来我们就深入学习关于HTML的相关知识。


1.HTML标签


1)<!DOCTYPE html>:位于HTML的第一行,表示的是文档的类型,它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。


2)<p>:段落标签。通常成对出现,一个p标签代表着一个段落。


3)<br>:换行标签。通常单个出现,放置于想要换行的末尾。


html最常用标签(html标签大全及用法)(1)


html最常用标签(html标签大全及用法)(2)

4)<h1>:标题标签。跟标签一样也是成对出现,一个标签占据一行。

html最常用标签(html标签大全及用法)(3)

html最常用标签(html标签大全及用法)(4)


5)<h2>、<h3>、<h4>、<h5>、<h6>跟<h1>标签一样,字号依次变小,重要程度依次减弱。


6)<strong>:加粗标签。<em>:倾斜标签。<ins>:下划线标签。<del>:删除线标签。


html最常用标签(html标签大全及用法)(5)

html最常用标签(html标签大全及用法)(6)


7)<img src='链接的地址'>:图片标签。其中图片标签有两个属性,分别是alt和title。alt代表着替换文本,指的是当图片未加载成功时,显示的文字内容。title代表着,当鼠标滑过图片时,显示的文字内容


html最常用标签(html标签大全及用法)(7)


8)<a href=''>:链接标签。有一个属性叫target,表示的是:是否在当前页面加载链接内容,默认值为在当前页面打开。当target的值为_self时,在当前页面打开;target的值为_blank时,在新页面打开。


html最常用标签(html标签大全及用法)(8)

,