web前端开发教程之全方位详解HTML常用标签

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

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

 

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

<h1>标题</h1>就是HTML标签。HTML标签一般是成对出现的，由开始标签类似<h1>，左边标签一边叫开始标签，右边</h1>叫结束标签，有始有终，除了一些个别是单闭合标签的，下面列举HTML单闭合标签。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

---

单闭合标签

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不支持此标签
…	用于引经据典的文字
…	用于列出一段程序代码

跑马灯新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

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