详解HTML常用标签
HTML标签对大小写不敏感,但推荐使用小写
HTML标签一般是成对出现的,左边标签一般叫开始标签,右边标签叫结束标签,有始有终,除了些个别是单闭合标签。
单闭合标签简称单标签 也叫空标签
1.单标签
标签 | 功能 |
---|---|
<br/> | 插入一个简单的换行符 |
<hr/> | 定义水平线定义,把上下内容分开 |
<area/> | 定义图像内部的区域 |
<bace/> | 定义页面中所有链接的默认地址或目标 |
<img/> | 定义图像 |
<input/> | 定义输入的控件 |
<link/> | 定义文档与外部资源的关系 |
<meta/> | 定义HTML文档的元信息 |
<basefont/> | 页面中文本默认字体、颜色或尺寸 不建议使用 |
<param/> | 对象的参数 |
<col/> | 表格中一个或多个列的属性 |
<frame/> | 框架集的窗口或框架 |
<embed/> | 外部交互内容或插件 |
2.双标签
标签 | 功能 |
---|---|
<span></span> | span标签是没有语义化的标签(使用较多) |
<p></p> | 给一段文字加上语义化 |
<textarea></textarea> | 表单中多行文本域的标记符 |
<form></form> | 表单控件的标记符 |
<title></title> | 标题的标记符 |
<body></body> | 文件主体部分的标签 |
<table></table> | 表格标签 |
<td></td> | 单元格的标签 |
<tr></tr> | 表格的行标签 |
<h1></h1> | 标题字(最大) |
<h6></h6> | 标题字(最小) |
<b></b> | 字体加粗 |
<strong></strong> | 字体加粗(强调) |
<i></i> | 斜字体 |
<em></em> | 斜字体(强调) |
<dfn></dfn> | 斜字体(表示定义) |
<u></u> | 字体下面的底线(底线) |
<ins></ins> | 底线(表示插入文字) |
<strike></strike> | 横线 |
<s></s> | 删除线 |
<del></del> | 删除线(表示删除) |
<kbd></kbd> | 键盘文字 |
<tt></tt> | 打字体 |
<xmp></xmp> | 固定宽度字体(在文件中空白、换行、定位功能有效) |
<plaintext></plaintext> | 固定宽度的字体(不执行标志符号) |
<listing></listing> | 固定宽度小字体 |
<font size=1></font> | 字体的大小 |
<font color=00ff00></font> | 字体的颜色 |
3.链接
HTML使用超级链接与网络上的另一个文档相连,几乎可以在所有的网页中找到链接,点击链接可以从一张页面跳转到另外一张页面。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分,当把鼠标遇到链接上时会出现一只小手。
链接将以以下几种形式出现:
-
一个为访问过的链接显示==蓝色==字体并带有下划线
-
访问过的链接显示为==紫色==并带上下划线
-
点击链接时,链接显示为==红色==并带上下划线
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定来显示
基本语法:
<a href="#">链接文字</a>
标签 | 功能 |
---|---|
<base href="地址"> | 设置好连接路径 |
<a href="地址"></a> | 外部连接 |
<a href="地址" target="_blank"></a> | 外部连接(原有的窗口不会被覆盖) |
<a href="地址" target="_top"></a> | 外部连接(全窗口连接) |
<a href="地址" target="页框名"></a> | 外部连接(在指定页框连接) |
4.图像/音乐
使用标签定义 HTML 页面中的图像。
标签有两个必需的属性:src
和alt
。
注意: 加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。
标签 | 功能 |
---|---|
<img src="图片地址"> | 插入图片 |
<img src="图片地址" alt="图片未加载出来时提示的文字" | 插入图片,如果图片没显示则会出现alt中的文字 如果显示 则不会出现 |
<img src="图片地址" width="100"; height="100"> | 插入图片并设置图片的宽和高 |
<bgsound src="MID音乐文件地址"> | 背景音乐的设定 |
在HTML中,表示版权符号的特殊符号是© <!-- © -->