阅读(4365)

HTML常用标签

最后一次修改 2017年08月01日

HTML是所有网页制作技术的核心和基础,也是每个网页制作者必须掌握的基本知识,而HTML标签是HTML语言中最基本的单位,是HTML最重要的组成部分。

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


HTML标签是与大小写无关的,例如“主体”跟表示的意思是一样的,推荐使用小写。类似“<p>”这样由尖括号包关键字组成,例如,

<h1>标题</h1>就是HTML标签。HTML标签一般是成对出现的,由开始标签类似<h1>,左边标签一边叫开始标签,右边</h1>叫结束标签,有始有终,除了一些个别是单闭合标签的,下面列举HTML单闭合标签。


单闭合标签

1.<br />

2.<hr />

3.<area />

4.<base />

5.<img />

6.<input />

7.<link />

8.<meta />

9.<basefont />

10.<param />

11.<col />

12.<frame />

13.<embed />

字体效果

…

标题1(最大)一级级往下字体变小,网页一般从h1~h4,h4之后一般不会用了  … 删除线
…
标题6(最小)  … 删除线(表示删除)
… 粗体字   … 键盘文字
.. 粗体字(强调)   … 打字体
… 斜体字   … 固定宽度字体(在文件中空白、换行、定位功能有效)
… 斜体字(强调)   …固定宽度字体(不执行标记符号)
斜体字(表示定义)
固定宽度小字体
…底线
…字体颜色(写成类似color=“#00ff00”也可以)
...底线(表示插入文字)
…最小字体
…横线
无限增大(字体大小为100px)


区断标记


水平线
禁止换行,No Break的缩写

水平线(设定大小)

…

段落

水平线(设定宽度)
…
对其包围的文本进行居中设置

水平线(设定颜色)



换行



链接

为页面上的所有链接规定默认地址或默认目标
指定超链接目标的 URL(全窗口连接)
指定超链接目标的 URL
指定超链接目标的 URL(在指定页框连接)
指定超链接目标的 URL(另开新窗口)



图像/音乐


往网页贴图片

设定贴的图片边框
设定贴的图片宽度
背景音乐设定

设定贴的图片高度



表格

…表格位置,置左
…指定网格线与网络线之间的距离(使用数字)
…表格的位置,置中
…指定表格的栏数
…背景图片的URL=就是路径网址
…设定表格外边框线的显示方式
…设定表格边框大小(使用数字)
…指定表格宽度大小(使用数字)
…设置表格的背景颜色
…指定表格高度大小(使用数字)
…设定表格边框的颜色

…指定储存格合并栏的栏数(使用数字)
…设定表格暗边框的颜色

…指定储存格合并列的列数(使用数字)
…设定表格亮边框的颜色




分割窗口


左右分割,将左边框架分割大小为20%,右边框架的大小浏览器会自动调整
加上批注

上下分割,将上面框架分割大小为20%,下面框架的大小浏览器会自动调整
  • …

设定定义列表的项目描述

分割左右两个框架
显示"定义"文字

分割左中右三个框架
列表文字卷标

分割上中下三个框架
  • …
设定定义列表的卷标
批注
  • ...

定义列表中的项目
指定超级链接的分割窗口
…强调之用
<a href="#锚的名称>指定锚名称的超级链接
任意指定所用的字形
指定超级链接
设定字体大小
被连结点的名称
设定
…
用来显示电子邮箱地址


…粗体字


指定超级链接的分割窗口


加入背景音乐


…呈现大号字体效果


显示闪烁的字符串或文字(IE不支持)



设定文字颜色


…显示本文



换行


设定表格标题位置







…
为表格加上标题



…
对包围的文本进行居中处理,html5不支持此标签


…用于引经据典的文字


…用于列出一段程序代码


跑马灯

标签

功能

普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定卷动距离
设定卷动时间