文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。
HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
注:HTML 标签对大小写不敏感,但推荐使用小写!
下面小慕列举一些常用的标签,以常用为准,其它标签省略(属性不讲)。
基本
<html>…</html> 定义 HTML 文档
<head>…</head> 文档的信息
<meta> HTML 文档的元信息
<title>…</title> 文档的标题
<link> 文档与外部资源的关系
<style>…</style> 文档的样式信息
<body>…</body> 可见的页面内容
<!--…--> 注释
文本
<h1>...</h1> 标题字大小(h1~h6)
<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<u>...</u> 下划线
<del>...</del> 删除线(表示删除)
<dl></dl> 定义列表
<tt></tt> 打字机风格的字体
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<blockquote></blockquote> 从两边缩进文本
<hr size='9' width='80%' color='ff0000'> 水平線(設定寬度)
<cente<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
<center>…</center> 居中文本
<ul>…</ul> 无序列表
<ol>…</ol> 有序列表
<li>…</li> 列表项目
<a href=”…”>…</a> 超链接
<font> 定义文本字体尺寸、颜色、大小
<sub> 下标
<sup> 上标
<br> 换行
<p> 段落
<pre></pre> 预先格式化文本
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<xmp>...</xmp> 固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext> 固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
图形
<img src=’”…”> 定义图像
<hr> 水平线
表格
<table>…</table> 定义表格
<th>…</th> 定义表格中的表头单元格
<tr>…</tr> 定义表格中的行
<td>…</td> 定义表格中的单元
链接标志表格标志
<a href="URL"></a> 创建超文本链接
<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系
链接标记注解:
◆target="..." 决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
◆rel="..." 发送链接的类型
◆rev="..." 保存链接的类型
◆accesskey="..." 指定该元素的热键
◆shape="..." 允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
◆coord="..." 使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..." 使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
其它
<form>…</form> 定义供用户输入的 HTML 表单
<frame> 定义框架集的窗口或框架
大部分标签可以运用时候通过CSS控制改变样式达到我们想要的布局效果。
---
转载请注明本文标题和链接:《HTML标签元素大全(常用)》