【HTML CSS】HTML常用标签

排版标签

1. 标题

  <h1></h1>

    <h2></h2>

  <h3></h3>

  <h6></h6>

2. 段落标签

<p></p>

3. 水平线标签

<hr />

4. 换行标签

<br />

在HTML中，一个段落的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行，如果希望某段文本强制换行显示，就需要使用换行标签。

5. div 和 span 标签

div span 是没有语义的，是网页布局中最重要的两个盒子。

<div></div>

<span></span>

文本格式化标签

1. 粗体

<b>粗体</b>

<strong>粗体</strong>

strong语义更强烈

2. 斜体

<i>斜体</i>

<em>斜体<em>

3. 删除线

<s>删除线</s>

<del>删除线</del>

4. 下划线

<u>下划线</u>

<ins>下划线</ins>

标签属性

<标签名属性1 = “属性值1” 属性2 = “属性值2” …> 下划线 </标签名>

1. 标签可以有多个属性

2. 属性之间不分先后顺序，用空格隔开

3. 采用键值对的格式 key = “value”

图像标签

<img src="" alt="" title="" width="" height="" />

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />

src 指 "source"，源属性的值是图像的 URL 地址，必须指定。

alt 与 title 属性区别：

图片中的 alt 属性是在图片不能正常显示时出现的文本提示。

图片中的 title 属性是在鼠标在移动到元素上的文本提示。

height（高度）与 width（宽度）属性用于设置图像的高度与宽度。属性值默认单位为像素。

提示: 如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。

链接标签

<a href="" target="">链接文本</a>

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

herf 对应链接的地址，比如网页地址等外部链接，或者内部的锚点链接

使用 target 属性，定义被链接的文档显示方式。

_blank ：新页面

_self ：当前页面（默认）

使用title属性添加支持信息

<a href="https://www.mozilla.org/en-US/" title="The best place to find more information about Mozilla's mission and how to contribute">the Mozilla homepage</a>.

在下载链接时使用 download 属性提供一个默认的保存文件名（译注：此属性仅适用于同源URL）

<a href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=en-US"

download="firefox-latest-64bit-installer.exe">

Download Latest Firefox for Windows (64-bit) (English, US)

</a>

电子邮件链接

使用形式为一个mailto:link （链接）

<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>

base标签

<base target="_blank" />

在head标签里面添加 base 标签进行链接打开方式的基本方式

注释标签

在图片和链接两个标签中都涉及到路径