HTML标签详解：构建优质网页的关键

需积分: 1 168 浏览量更新于2024-09-17 收藏 46KB DOC 举报

HTML，全称为HyperText Markup Language，是一种用于创建网页的标准标记语言，它是构建网页结构的基础。本文档对HTML的一些关键标签进行了概述，包括其全局架构和常用属性，以及特殊符号、格式标签、文本标签等。 1. **HTML全局架构标签**： HTML文档通常由`<html>`标签包围，内部包含两个主要部分：头部`<head>`和主体`<body>`。`<head>`区包含了页面的元数据，如标题标签`<title>`，用于定义网页的标题，用户在浏览器标签页中看到的就是这个标题。`<body>`则是网页的主要内容区域，展示给用户浏览的信息。 2. **body标签属性**： - `bgcolor`: 设置网页正文部分的背景颜色。 - `text`: 定义正文文字的颜色。 - `link`: 超链接在未访问时的颜色。 - `alink`: 鼠标悬停在超链接上的颜色。 - `vlink`: 被用户访问过的超链接的颜色。 - `leftmargin` 和 `topmargin`: 分别调整正文内容的左、上边距，单位为像素。 - `background`: 可设置背景图片，如果图片尺寸足够大，会覆盖其他颜色设置。 3. **注释**： HTML中的注释使用``包围内容，它们会被浏览器忽略，便于开发者在编写代码时添加说明或暂时隐藏部分代码。 4. **特殊符号**：提供了一些预定义的符号，如`<`和`>`用于定义标签开始和结束，`&`替换特殊字符，`®`表示注册商标，`©`表示版权，`™`表示商标，双引号`"`用于引用文本，` `表示空格。 5. **格式标签**： - `<pre>`用于保持文本原始格式不变。 - `<p>`用于换行并插入一个段落空行。 - `<br>`实现换行但不增加段落。 - `<blockquote>`用于创建引述块，内容左缩进。 - `<center>`使内容居中显示。 - `<marquee>`用于创建走马灯效果，可以设置行为、方向等。 - 列表标签如`<dl>`用于定义定义列表（`<dt>`定义术语，`<dd>`定义解释），`<ul>`和`<ol>`分别表示无序列表和有序列表。 6. **文本标签**： - `<h1>`到`<h6>`用于创建标题，`<h1>`最大，`<h6>`最小。 - `<b>`、`<i>`、`<u>`分别表示粗体、斜体和下划线，`<sub>`和`<sup>`用于下标和上标，`<tt>`是打印风格文本，`<cite>`表示引用，`<em>`是强调文本。理解并熟练掌握这些HTML标签是创建美观且功能丰富的网页的关键。通过组合和应用这些元素，开发者能够精确控制网页的布局、样式和内容呈现方式。

border 边框粗细

width 图片宽度

height 图片高度

九、表格标签

<table>

</table>

table 标签的属性

1、bgcolor 整个表格的背景颜色

2、border 边框粗细

3、bordercolor 边框颜色

4、bordercolordark 边框暗部分颜色

5、bordercolorlight 边框明部分颜色

6、cellspacing 单元格之间的距离

7、cellpadding 单元格中的内容与单元格边框之间的距离

8、width 表示表格的宽度用像素做单位、以百分比作单位（浏览器窗口）

9、height 表示表格的高度用像素做单位、以百分比作单位（浏览器窗口）

tr 标签的属性

1、align 水平对齐方式 left right center

2、valign 垂直对齐方式 top middle bottom baseline

3、bgcolor 本行所有单元格的背景色

td 标签的属性

1、width 像素百分比（整个表格）

2、height 像素百分比（整个表格）

3、align 设置该单元格的水平对齐方式 left right center

4、valign 设置该单元格水平对齐方式 left right center

5、colspan 合并纵列的属性值个单元格，该行少了属性值-1 个单元格

6、rowspan 合并横列的属性值个单元格，该行的下面属性值-1 个行少了一个单元格

十、frame 框架（分帧）

不能放在 body 标签中

例：

frame.html--------------->

<html>

剩余11页未读，继续阅读

dang__dang

粉丝: 0
资源: 5

HTML标签详解：构建优质网页的关键

HTML标签总结

HTML标签总结，包含HTML4和HTML5

各种JSF HTML标签总结.doc

Structs html标签总结

JSF+HTML标签总结

HTML标签总结：表单与输入元素详解

全面的HTML标签总结与常用特性解析

HTML常用标签总结

HTML标签简单总结

HTML and HTML5标签知识总结

最新资源