排版标签
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 标签进行链接打开方式的基本方式
注释标签
<!--这是一个注释,注释在浏览器中不会显示-->
在图片和链接两个标签中都涉及到 路径