这是我参与「第四届青训营 」笔记创作活动的第28天

什么是HTML：

1.HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)。

HTML语法规则

1.HTML 标签是由尖括号包围的关键词，例如 < html>。
2.HTML 标签通常是成对出现的，例如 < html> 和 < /html> ，我们称为双标签。 有些特殊的标签必须是单个标签（极少情况），例如 < br>，我们称为单标签。

常用的标签

标题标签

HTML提供了六个等级的网页标题< h1> ~ < h6>，加了标题的文字会变的加粗，字号也会依次变大。 具体实现：

  < h1>我是一级标题< /h1>

段落标签

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。

具体实现：

  <p>我是一个段落标签</p>
  

特点：
1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
2. 段落和段落之间保有空隙。

换行标签

< br>,强制换行

文本格式化标签

1.加粗，< strong >< /strong >或者< b>< /b>
2.倾斜，< em >< /em>或者< i>< /i>
3.删除线，< del>< /del>或者< s>< /s>
4.下划线，< ins>< /ins>或者< u>< /u>

div和span标签

< div> 和 < span> 是没有语义的，它们就是一个盒子，用来装内容的。
具体实现：
< div> 我是div < /div>
< span> 我是span < /span>
特点：
1. < div> 标签用来布局，但是现在一行只能放一个< div>。 大盒子
2. < span> 标签用来布局，一行上可以多个 < span>。小盒子

图片标签

在 HTML 标签中，< img> 标签用于定义 HTML 页面中的图像。
具体实现：

      <img src="图像URL" />

链接标签

链接的语法格式

    <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

链接分类：
1.外部链接: 例如 < a href="www.baidu.com"> 百度。
2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href="index.html"> 首页 。
3.空链接: 如果当时没有确定链接目标时，< a href="#"> 首页 。
4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
5.网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.
6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.