基础标签

H系列标签（H1 ~ H6）

• 做用：
  • 用于给文本添加标题语义
• 格式：
  • <h1>xxxxxx</h1>
• 注意点
  • H 标签是用来给文本添加标题语义的，而不是用来修改文本的样式的
  • H标签一共有6个，从 H1 ~ H6，最多就只能到 6，超过 6 则无效
  • 被 H 系列标签包裹的内容会独占一行
  • 在 H 系列的标签中，H1 最大，H6 最小
  • 在企业开发中，必定要慎用 H 系列的标签，特别是 H1 标签。在企业开发中通常状况下一个界面中只能出现一个 H1 标签

---

p标签（Paragraph）

• 做用：
  • 告诉浏览器哪些文字是一个段落
• 格式：
  • <p>xxxxxxxx</p>
• 注意点：
  • 在浏览器中会单独占一行

hr标签（Horizontal Rule）

• 做用：
  • 在浏览器上显示一条分割线
• 格式：
  • <hr />
• 注意点：
  • 在浏览器中会单独占一行
  • 经过观察发现 HR 标签能够写 / 也能够不写 /， 若是不写 / 那么就是按照 HTML 的规范来编写，若是写上 / 那么就是按照 XHTML 的规范来编写。可是在 HTML5 中，因为 HTML5 兼容 HTML 和 XHTML，因此写不写均可以。那么之后在作前端开发时到底写仍是不写呢？按照高级开发工具的提示来写便可
  • 因为 hr 标签是用来修改样式的，因此不推荐使用。从此开发中添加水平线通常都使用 CSS 盒子来作

HTML注释（Annotation）

• 什么是注释？

  • 注释是在全部计算机语言中都很是重要的一个概念，从字面上看，就是注解、解释的意思
  • 注释能够用来解释某一段程序或者某一行代码是什么意思，方便直接或程序员之间的交流

• 为何要使用注释？

  • 适当的注释，可以让咱们的程序更加可读，因此用中文提示本身，这里的程序是干什么的

• 注释格式

  <!--被注释的内容-->

• 注意点：

  • 被注释的内容不会在浏览器中显示，注释是写给咱们本身看的
  • 注释不能嵌套使用

• 快捷键：ctrl + /

img标签（image）

• 做用：在网页上插入一张图片

• 格式：

  <img src="./xxx.jpg" alt="这是图片标签" title="这是一张图片" width="200px" >

• 标签的属性：

  • 写在标签中 key = "value" 这种格式的文本称之为标签属性

    属性名称	做用
    src	告诉浏览器须要插入的图片路径，以便于浏览器到该路径下找到须要插入的图片
    alt	规定图像的替代文本，只有在src指定的路径下找不到图片，才会显示alt指定的文本
    title	悬停文本(介绍这张图片, 只有在鼠标移动到图片上时才会显示)
    height	设置图片显示的高度
    width	设置图片显示的宽度

• 注意点：

  • alt 必须存在
  • 建议图片的宽度和高度只设置一个，另外一个会等比例放缩
  • img标签添加的图片默认不是占一整行空间，多个图片能够同行显示

br标签

• 做用：让内容换行
• 格式：<br/>
• 注意点：
  • br 的意思是不另起一个段落进行换行，而网页中99.99%须要换行时都是由于另起了一个段落，因此应该用 p 来作

a标签（anchor）

• 格式：<a href="http://www.cnblogs.com/qiuxirufeng/">湫兮如风</a>
• 做用：用于从一个页面连接到另外一个页面
• 注意事项：
  • 在a标签之间必定要写上文字，若是没有，那么在页面上找不到这个标签
  • a标签也叫作超级连接或超连接
• a标签的属性

属性名称	做用
href	指定跳转的目标地址
target	告诉浏览器是否保留原始界面, _blank保留, _self不保留
title	悬停文本(介绍这个连接, 只有在鼠标移动到超连接上时才会显示)

• base标签和a标签结合使用
  • 若是每一个a标签都想在新页面中打开，那么逐个设置a标签的target属性比较麻烦，这时咱们可使用base和a标签结合的方式，一次性设置有a标签都在新页面中打开
  • 格式：<base target="_blank" />
• 注意事项：
  • base必须嵌套在head标签里面
  • 若是标签上指定了target，base中也指定了target，那么会按照标签上指定的来执行
• a标签其它用法
  • 假连接（本质是跳转到当前页面）
    • 格式：<a href="#">湫兮如风</a>
    • 格式：<a href="javascript:">湫兮如风</a>
  • 跳转到当前页面指定位置（锚点连接）
    • 格式：<a href="#location">跳转到指定位置</a>
    • 在页面的指定位置给任意标签添加一个id属性
      • 例如 <p id="location">这个是目标</p>
    • 跳转到指定页面的指定位置
      • 格式：<a href="01-锚点连接.html#location">跳转到指定位置</a>
      • 只须要在01-锚点连接.html页面添加一个id位置便可