1024问

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

Celeste ·
更新时间:2024-11-14
· 921 次阅读

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

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

HTML标签是与大小写无关的，例如“主体”跟表示的意思是一样的，推荐使用小写。类似“

”这样由尖括号包关键字组成，例如,

标题

就是HTML标签。HTML标签一般是成对出现的，由开始标签类似

，左边标签一边叫开始标签，右边

叫结束标签，有始有终，除了一些个别是单闭合标签的，下面列举HTML单闭合标签。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

单闭合标签

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

字体效果
… 标题1（最大）一级级往下字体变小，网页一般从h1~h4，h4之后一般不会用了   … 删除线

…

 标题6（最小）   … 删除线（表示删除）
… 粗体字   … 键盘文字
.. 粗体字（强调）   … 打字体
… 斜体字   … 固定宽度字体（在文件中空白、换行、定位功能有效）
… 斜体字（强调）   … 固定宽度字体（不执行标记符号）
... 斜体字（表示定义）   … 固定宽度小字体
… 底线   … 字体颜色（写成类似color=“#00ff00”也可以）
... 底线（表示插入文字）   … 最小字体
… 横线     无限增大(字体大小为100px)
区断标记
水平线   … 禁止换行，No Break的缩写
水平线（设定大小）  

…

 段落
水平线（设定宽度）  

…

 对其包围的文本进行居中设置
水平线（设定颜色）      
  换行      
链接
  为页面上的所有链接规定默认地址或默认目标     指定超链接目标的 URL(全窗口连接)
  指定超链接目标的 URL     指定超链接目标的 URL（在指定页框连接）
  指定超链接目标的 URL(另开新窗口)      
图像/音乐
往网页贴图片   设定贴的图片边框
设定贴的图片宽度     背景音乐设定
设定贴的图片高度      
表格
… 表格位置，置左   … 指定网格线与网络线之间的距离（使用数字）
… 表格的位置，置中   … 指定表格的栏数
… 背景图片的URL=就是路径网址   … 设定表格外边框线的显示方式
… 设定表格边框大小（使用数字）   … 指定表格宽度大小（使用数字）
… 设置表格的背景颜色   … 指定表格高度大小（使用数字）
… 设定表格边框的颜色     … 指定储存格合并栏的栏数(使用数字)
… 设定表格暗边框的颜色     … 指定储存格合并列的列数（使用数字）
… 设定表格亮边框的颜色      
分割窗口
…
  左右分割，将左边框架分割大小为20%，右边框架的大小浏览器会自动调整   … 加上批注
  上下分割，将上面框架分割大小为20%，下面框架的大小浏览器会自动调整  

…

 设定定义列表的项目描述
  分割左右两个框架   … 显示"定义"文字
  分割左中右三个框架   … 列表文字卷标
  分割上中下三个框架  

…

 设定定义列表的卷标
  批注  

...

 定义列表中的项目
  指定超级链接的分割窗口   … 强调之用
指定锚名称的超级链接     任意指定所用的字形
  指定超级链接     设定字体大小
被连结点的名称     设定
… 用来显示电子邮箱地址      
… 粗体字      
  指定超级链接的分割窗口      
  加入背景音乐      
… 呈现大号字体效果      
  显示闪烁的字符串或文字（IE不支持）      
  设定文字颜色      
… 显示本文      
  换行      
  设定表格标题位置      
 
为表格加上标题      

…

 对包围的文本进行居中处理，html5不支持此标签      
… 用于引经据典的文字      
… 用于列出一段程序代码      

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

标签

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

作者：前端基础开发



Web 程之 HTML web前端 web前端开发 标签 教程

1024 个赞
编辑 举报
需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章
Go 语言Map(集合)
Kara 2021-05-30
918
Font Awesome 性别图标
Blossom 2020-08-06
964
用canvas做一个DVD待机动画的实现代码
Fleur 2021-06-21
838
基于HTML实现多图上传预览功能
Maha 2020-05-06
755
CSS3制作酷炫的三维相册效果
Efia 2020-11-23
733
正则表达式小脚本(对输入内容进行处理)
Octavia 2021-08-05
844
HTTP与HTTPS对访问速度、性能等的影响
Trina 2021-07-10
999
C#创建Windows服务的图文教程
Lida 2023-07-21
845
C#连接SQL Sever数据库详细图文教程
Bonnie 2023-07-21
1971
IIS创建WEB服务的图文教程
Tia 2023-07-21
1627
DELL服务器配置RAID的教程
Lala 2023-07-21
1135
nginx正向代理的配置和使用教程
Tallulah 2023-07-21
439
idea搭建项目找不到Tomcat的解决方法(图文教程)
Crystal 2023-07-21
1280
Gradle属性设置及环境变量全面教程
Kersen 2023-07-21
485
Android连接MySQL数据库详细教程
Bonnie 2023-07-21
533
C#特性AttributeUsage简介与使用教程
Echo 2023-07-22
252
VMwareWorkstation16pro安装macos的图文教程
Phemia 2023-07-22
1138
docker存储目录迁移示例教程
Pelagia 2023-07-22
1183
宝塔通过composer安装TP依赖的详细教程(宝塔服务器)
Rhoda 2023-07-22
1436
强大的Web应⽤服务器OpenResty安装(Nginx仓库)
Rosalia 2023-07-22
362