HTML标记详解与常用元素全览
HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它由一系列预定义的标签组成,这些标签指示浏览器如何呈现文本、图像、链接和其他网页元素。本参考手册提供了HTML标记大全,详细介绍了各种HTML标签的功能及其在网页结构中的应用。 1. **表格控制**: `<TABLE>` 和 `border-collapse:collapse` 属性用于创建表格,并定义单元格之间的边框合并。这有助于简化表格的外观,使它们看起来更整洁。 2. **文档结构**: `<HTML>` 标签包围整个文档,`<HEAD>` 区域包含元数据和样式信息,如`<TITLE>` 标签定义网页标题,而 `<BODY>` 是实际内容展示区域。 3. **标题和对齐**: `<H1>` 到 `<H6>` 标签用于创建不同级别的标题,`<H?ALIGN=LEFT|CENTER|RIGHT>` 可以设置标题的水平对齐方式。 4. **容器和布局**: `<DIV>` 和 `<DIVALIGN>` 标签用于分隔页面内容并指定文本的对齐方式,如左对齐、右对齐或居中。`<BLOCKQUOTE>` 可用于引用块。 5. **文本格式化**: `<EM>` 和 `<STRONG>` 标签分别表示强调和粗体,`<CITE>` 用于引用他人的话,`<CODE>` 用于显示源代码,`<SAMP>` 和 `<KBD>` 则表示示例输入和输出。 6. **定义术语**: `<DFN>` 标签用于首次定义术语,而 `<ADDRESS>` 提供联系信息。 7. **字体大小调整**: `<BIG>` 和 `<SMALL>` 标签用于增大或缩小文本,`<FONT>` 和 `<BASEFONTSIZE>` 控制字体大小,`<FONTCOLOR>` 设置字体颜色。 8. **区块元素**: `<B>` 和 `<I>` 分别表示粗体和斜体,`<U>` 则是下划线,`<S>` 和 `<SUB>` 用于上标和下标,`<SUP>` 则是上标。 9. **预格式化文本**: `<PRE>` 和 `<PREWIDTH>` 用于保留文本格式,常用于显示编程代码。`<CENTER>` 和 `<BLINK>` 分别用于居中文本和闪烁效果。 10. **字体和链接**: `<A>` 标签用于创建超链接,`<IMG>` 用于插入图片,而 `<AHREF>` 和 `#` 符号组合用于内部链接到文档的特定位置。 通过学习这份HTML标记大全参考手册,开发人员可以熟练掌握如何构造出功能丰富、布局合理的网页,确保信息的有效传达和用户体验。随着HTML版本的升级(如从3.0到N1.0+),新的标签和属性不断出现,以适应现代网页设计的需求。
border-collapse: collapse
-- HTML标记大全参考手册[推荐]
总类(所有HTML文件都有的)
文件类型 <HTML></HTML> (放在档案的开头与结尾)
文件主题 <TITLE></TITLE> (必须放在「文头」区块内)
文头 <HEAD></HEAD> (描述性资料,像是「主题」)
文体 <BODY></BODY> (文件本体)
------------------------------------------------------------结构性定义(由浏览器控制的显示风格)
标题 <H?></H?> (从1到6,有六层选择)
3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
3.0 区分 <DIV></DIV>
3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)
强调 <EM></EM> (通常会以斜体显示)
特别强调 <STRONG></STRONG> (通常会以加粗显示)
引文 <CITE></CITE> (通常会以斜体显示)
码 <CODE></CODE> (显示原始码之用)
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> (有些浏览器不提供)
地址 <ADDRESS></ADDRESS>
3.0 大字 <BIG></BIG>
------------------------------------------------------------与外观相关的标签(作者自订的表现方式)
加粗 <B></B>
斜体 <I></I>
3.0 底线 <U></U> (尚有些浏览器不提供)
3.0 删除线 <S></S> (尚有些浏览器不提供)
3.0 下标 <SUB></SUB>
3.0 上标 <SUP></SUP>
打字机体 <TT></TT> (用单空格字型显示)
预定格式 <PRE></PRE> (保留文件中空格的大小)
预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)
N1.0+ 向中看齐 <CENTER></CENTER> (文字与图片都可以)
N1.0 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签)
N1.0 字体大小 <FONT SIZE=?></FONT>(从1到7)
N1.0 改变字体大小 <FONT SIZE=+|-?></FONT>
N1.0 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)
N2.0 字体颜色 <FONT COLOR="#$$$$$$"></FONT>
--------------------------------------------------------------------------------
连结与图形
连结 <A HREF="URL"></A>
连结到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案)
<A HREF="#***"></A> (如果锚点目前的档案)
N2.0 连结到目的视框 <A HREF="URL" TARGET="***"></A>
设定锚点 <A NAME="***"></A>
剩余7页未读,继续阅读
- 粉丝: 0
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 达梦数据库DM8手册大全:安装、管理与优化指南
- Python Matplotlib库文件发布:适用于macOS的最新版本
- QPixmap小demo教程:图片处理功能实现
- YOLOv8与深度学习在玉米叶病识别中的应用笔记
- 扫码购物商城小程序源码设计与应用
- 划词小窗搜索插件:个性化搜索引擎与快速启动
- C#语言结合OpenVINO实现YOLO模型部署及同步推理
- AutoTorch最新包文件下载指南
- 小程序源码‘有调’功能实现与设计课程作品解析
- Redis 7.2.3离线安装包快速指南
- AutoTorch-0.0.2b版本安装教程与文件概述
- 蚁群算法在MATLAB上的实现与应用
- Quicker Connector: 浏览器自动化插件升级指南
- 京东白条小程序源码解析与实践
- JAVA公交搜索系统:前端到后端的完整解决方案
- C语言实现50行代码爱心电子相册教程