HTML标签

<meta>标签

• <meta charset="utf-8">
  charset 属性规定 HTML 文档的字符编码。
• <meta name="keywords" content="关键词1 关键词2">
  表示该网页的关键词，便于搜索引擎的抓取。
• <meta name="description" content="网页的描述">
  对该网页的简介，搜索引擎在搜索结果中会展示出来，便于用户了解信息。

<div></div>标签

<div> 标签可以把文档分割为独立的、不同的部分。
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。

<hd><hd/>标签

d代表1~6

<h1>标题 </h1>
<h2>标题 </h2>
<h3>标题 </h3>
<h4>标题 </h4>
<h5>标题 </h5>
<h6>标题 </h6>

h1~h6标签用于表示网页内容的标题，标签中的文字默认会出现不同程度的加粗与增大。

<p></p>标签

<p>段落标签，通常用来放置一段文字。

<span></span>标签

<span>为行内元素，单独使用时没有什么视觉上的表现，当对它应用样式时，它才会产生视觉上的变化。

<a><a/>标签

<a/>标签有两种用法，一种用于超链接跳转页面，另一种用于调到页面的指定位置。

1. 用于超链接跳转页面：

• <a href="https://www.baidu.com" target="_blank">百度</a>

  其中target有三个属性：

• target="_blank" 在新页面打开

• target="_new" 在新页面打开，但所有的new只会打开一个新标签页

• target="_self" 当前页面打开

2. 用于创建锚点链接，用于在当前页面跳转到指定位置：

<a href="#wrap">点我页面滚动到id为wrap的标签所在的位置</a>
<a id="wrap">滚动到这里</a>

<img>标签

<img/>标签用于在网页中引入一张图片

<img src="图片的路径">

属性：
href：网上链接的图片地址。
alt：告知搜索引擎当前图片表示的意思。当img的src地址出错时，alt属性的值能够显示出来。
title：当鼠标移到图片上时，显示提示文字。

<ul></ul>标签

<ul></ul>标签为无序列表标签，展示无序列表内容

<ul type="circle">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

type属性:
type="disc"实心圆点
type="circle"空心圆点
type="square"实心方块
type="none" 不显示符号

<ol></ol>标签

<ol></ol>为有序列表，展示有序列表内容

<ol type="">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ol>

type属性:
type="1"数字顺序
type="A"或者type="a"字母顺序
type="I"或者type="i"罗马数字顺序
type="none"不显示符号

其他常用标签

• b标签 strong标签

  文字加粗，b标签仅为视觉上的加粗，strong还能够被搜索引擎检索。

• i标签 em标签

  文字斜体，i标签仅为视觉上的斜体，em还能够被搜索引擎检索。

• br标签

  用于文本换行。

• hr标签

  横线分隔。

• sup标签、sub标签

  上角标、下角标。

• del标签

  删除线。

• pre标签

  预格式化，按照编辑器中文字摆放格式来显示文字。