HTML语法一览解密.pdf资源-CSDN文库

需积分: 9 192 浏览量 2010-10-29 00:06:21 上传评论收藏 105KB PDF 举报

### HTML语法一览解密知识点详解 #### 一、HTML概述 HTML（HyperText Markup Language）是一种标记语言，用于创建网页并定义网页的结构。通过HTML，开发者可以构建包含文本、图像、视频等内容的网页，并控制这些内容的布局和外观。 #### 二、HTML文档结构 HTML文档通常包括两大部分：`<head>` 和 `<body>`。 - **`<head>`** 部分包含了关于文档的信息，比如标题、元信息等，但这些内容不会显示在网页上。 - **`<body>`** 部分则包含了实际在浏览器中显示的内容。 #### 三、HTML头部标记头部标记主要用于定义网页的元数据，这些数据虽然不直接显示在页面上，但对于搜索引擎优化(SEO)和网页管理非常重要。 - **`<base>`**：定义文档的基底URL，用于后续链接的解析。 - **`<title>`**：定义文档标题，在浏览器标签页上显示。 - **`<isindex>`**：较少使用，表明文档是一个可检索的网关脚本。 - **`<meta>`**：用于定义元信息，如作者、关键词、描述等。 - **`<style>`**：用于内联定义CSS样式。 - **`<link>`**：用于链接外部资源，如CSS文件。 - **`<script>`**：用于定义JavaScript代码或链接外部JS文件。 #### 四、元信息标记 `<meta>` `<meta>` 标签用于定义文档的元数据，如： - **`HTTP-EQUIV`**：用于模拟HTTP响应头，如设置缓存策略。 - **`NAME`**：用于定义特定的元数据名称，如作者名。 - **`CONTENT`**：与`NAME`配合使用，定义具体的元数据内容。 #### 五、HTML主体标记主体标记定义了页面的实际内容及其格式。 - **`<body>`**：页面的主体部分，包含所有可见内容。 - **`TEXT`**：设置页面文字颜色。 - **`BGCOLOR`**：设置页面背景颜色。 - **`BACKGROUND`**：设置页面背景图片。 - **`BGPROPERTIES`**：设置背景图片是否固定。 - **`LINK`**：设置未访问链接的颜色。 - **`ALINK`**：设置活动链接（即被点击时）的颜色。 - **`VLINK`**：设置已访问链接的颜色。 - **`TOPMARGIN`** 和 **`LEFTMARGIN`**：设置页面的上下左右边距。 #### 六、特殊符号 HTML提供了许多特殊的字符实体，以解决某些字符无法正常显示的问题。 - **双引号 `"`**：显示为 `"` - **版权符号 `©`**：显示为 © - **注册商标符号 `®`**：显示为 ® - **正负号 `±`**：显示为 ± - **乘号 `×`**：显示为 × - **更多特殊字符**：如 §、¢、¥ 等。 #### 七、标题字标记标题字标记用于定义不同级别的标题，从 `<h1>` 到 `<h6>`，数字越大级别越低。 - **`<h1>`**：最高级别的标题。 - **`<h2>`**：次高级别的标题。 - **`<h3>`**：第三级别的标题。 - **`<h4>`**、**`<h5>`** 和 **`<h6>`**：依次递减级别的标题。 #### 八、文字修饰标记这些标记用于改变文本的样式。 - **`<b>`** 和 **`<strong>`**：使文本加粗。 - **`<i>`** 和 **`<em>`**：使文本倾斜。 - **`<cite>`**：引用文献时使用。 - **`<sup>`** 和 **`<sub>`**：分别用于上标和下标。 - **`<big>`** 和 **`<small>`**：分别增大和缩小文本大小。 - **`<u>`**：添加下划线。 - **`<s>`** 和 **`<strike>`**：添加删除线。 - **`<address>`**：用于定义地址。 - **`<tt>`**：显示等宽字体。 - **`<code>`**、**`<samp>`**、**`<kbd>`** 和 **`<var>`**：分别用于显示代码、样本代码、键盘输入和变量。 #### 九、字体标记 `<font>` 标记用于改变文本的字体、大小和颜色。 - **`FACE`**：定义字体类型。 - **`SIZE`**：定义字体大小。 - **`COLOR`**：定义字体颜色。 #### 十、列表标记列表标记用于创建各种类型的列表。 - **`<ul>`**：无序列表。 - **`<ol>`**：有序列表。 - **`<dl>`**：定义列表。 - **`<menu>`**：菜单列表。 - **`<li>`**：列表项标记。 - **`<dt>`** 和 **`<dd>`**：定义列表中的术语和描述。 #### 十一、超链接标记超链接标记用于创建到其他文档或位置的链接。 - **`href`**：链接的目标地址。 - **`name`**：给链接命名。 - **`title`**：链接的提示文字。 - **`target`**：指定链接打开的目标窗口。 #### 十二、图片标记图片标记 `<img>` 用于在文档中嵌入图片。 - **`src`**：图片的源文件路径。 - **`alt`**：当图片不可见时显示的文字。 - **`width`** 和 **`height`**：图片的尺寸。 - **`border`**：图片边框宽度。 - **`vspace`** 和 **`hspace`**：图片周围的垂直和水平空间。 - **`align`**：图片与其他元素的对齐方式。 #### 十三、表格标记表格标记用于创建表格结构。 - **`<table>`**：定义表格。 - **`<tr>`**：定义表格中的行。 - **`<td>`**：定义单元格。 - **`<th>`**：定义表头单元格。 - **`align`** 和 **`valign`**：定义单元格内容的水平和垂直对齐方式。 - **`bgcolor`** 和 **`background`**：定义背景颜色和图片。 - **`bordercolor`**：定义边框颜色。 - **`bordercolorlight`** 和 **`bordercolordark`**：定义边框的高光和阴影颜色。以上就是《HTML语法一览解密》中的主要内容，这些知识点覆盖了HTML的基本结构和常用元素，是前端开发的基础。理解并掌握这些知识点对于进行网页设计和开发至关重要。

资源推荐

资源详情

资源评论