HTML标签元素大全(常用) - 慕轲博客-建立自己的个人自媒体博客

心情碎语:等雨停的时候往往雨不会停,等人来的时候往往人不会来。

您的位置:慕轲博客 >网页设计专题> HTML标签元素大全(常用)

HTML标签元素大全(常用)

文本标记语言,即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标签元素大全(常用)

发表评论

88 + 63 =
路人甲 表情
Ctrl+Enter快速提交