HTML常用标签大全及html标签的特点

所属分类: 网页制作 / HTML/Xhtml 阅读数: 585
收藏 0 赞 0 分享

首先要知道html标签的一些特点:

1.类似“<关键字>”这样由尖括号包关键字组成,例如<html>,<div>……

2.一般是成对出现的,由开始标签类似“<div>元素内容</div>”,左边标签一边叫开始标签,右边</ >叫结束标签,有始有终,除了一些个别是单闭合标签的

先记一些个别例外的单闭合标签,例如:

<meta /> 设置页面信息的   <param /> 可为包含它的<object>或<applet>提供参数
<br /> 换行   <keygen /> 定义生成密钥
<hr /> 水平线   <source /> 为媒介元素(如<video>或<audio>)定义媒介源
<area /> 图像映秀区域   <col /> 为表格中一个或多个列定义属性值
<input /> 表单元素,type不同输入字段拥有不同形式   <frame /> 定义frameset中的一个特定的窗口(框架)
<link /> 链接样式表   <embed /> 定义嵌入的内容,比如插件
<basefont /> 定义基准字体,html5不支持<basefont>标签,不赞成使用   ......  

下面按不同效果将标签进行分类:

1.字体效果

<h1>…</h1> 标题1(最大)一级级往下字体变小,网页一般从h1~h4,h4之后一般不会用了   <s>…</s> 删除线
<h6>…</h6> 标题6(最小)   <del>…</del> 删除线(表示删除)
<b>…</b> 粗体字   <kbd>…</kbd> 键盘文字
<strong>..</strong> 粗体字(强调)   <tt>…</tt> 打字体
<i>…</i> 斜体字   <xmp>…</xmp> 固定宽度字体(在文件中空白、换行、定位功能有效)
<em>…/em> 斜体字(强调)   <plaintext>…</plaintext> 固定宽度字体(不执行标记符号)
<dfn>...</dfn> 斜体字(表示定义)   <listing>…</listing> 固定宽度小字体
<u>…</u> 底线   <font color=00ff00>…</font> 字体颜色(写成类似color=“#00ff00”也可以)
<ins>...</ins> 底线(表示插入文字)   <font size=1>…</font> 最小字体
<strike>…</strike> 横线   <font style=font-size:100 px></font> 无限增大(字体大小为100px)

2.区断标记

<hr /> 水平线   <nobr>…</nobr> 禁止换行,No Break的缩写
<hr size=9 /> 水平线(设定大小)   <p>…</p> 段落
<hr width=80% /> 水平线(设定宽度)   <center>…</center> 对其包围的文本进行居中设置
<hr color=00ff00 /> 水平线(设定颜色)      
<br /> 换行      

3.链接

<base href=地址> 为页面上的所有链接规定默认地址或默认目标   <a  href=地址 target=_top></a> 指定超链接目标的 URL(全窗口连接)
<a href=地址></a> 指定超链接目标的 URL   <a href=地址 target=页框名></a> 指定超链接目标的 URL(在指定页框连接)
<a href=地址 target=_blank></a> 指定超链接目标的 URL(另开新窗口)      

4.图像/音乐

<img src=图片地址 /> 往网页贴图片   <img src=图片地址 border=1 /> 设定贴的图片边框
<img src=图片地址 width=180 /> 设定贴的图片宽度   <bgsound src=MID音乐文件地址 /> 背景音乐设定
<img src=图片地址 height=30 /> 设定贴的图片高度      

5.表格

<table aling=left>…</table> 表格位置,置左   <table cellpadding=参数>…</table> 指定网格线与网络线之间的距离(使用数字)
<table aling=center>…</table> 表格的位置,置中   <table cols=参数>…</table>
更多精彩内容其他人还在看

DOCTYPE 文档类型声明(网页爱好者必看)

文档类型声明与不声明,将会导致你的css或js都无法正常安装要求显示。所以好多网站都声明了文档类型。这样做有什么好处大家可以看看下面的文章。
收藏 0 赞 0 分享

纯HTML标签你熟悉多少?

HTML标签很多,可是实际上常用的却就那么十几二十个,很多标签的功能渐渐的被大家忽略了.然后,如果在适当的时候,用一用,还是能在一定程序上给我们的页面设计带来一点小小的方便的.
收藏 0 赞 0 分享

HTML元素的ID和Name属性的区别

ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。
收藏 0 赞 0 分享

HTML meta的大作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。
收藏 0 赞 0 分享

HTML标签tbody的用法与说明

tbody 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。
收藏 0 赞 0 分享

HTML 特殊字符转换表

html下特殊字符转换表
收藏 0 赞 0 分享

HTML基础 HTML的组成结构

HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。
收藏 0 赞 0 分享

HTML基础之HTML内容细则

我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则
收藏 0 赞 0 分享

Shtml 精简教程

SSI有什么用? 之所以要扯到ssi,是因爲shtml--server-parsed HTML 的首字母缩略词。包含有嵌入式服务器方包含命令的 HTML 文本。在被传送给浏览器之前,服务器会对 SHTML 文档进行完全地读取、分析以及修改。
收藏 0 赞 0 分享

浅谈html table 标签

总的来说,table是个复杂的东西,关于它的主题也很多。我想简单的复习一下table。
收藏 0 赞 0 分享
查看更多