HTML标签全览：语法、属性与网页优化

需积分: 0 162 浏览量更新于2024-09-12 收藏 158KB DOC 举报

"HTML标签大全，包括HTML大部分的标签及详细注解，涵盖HTML标记语法、<BODY>属性、播放器设置、网页排名优化以及标题字体等知识。" HTML是超文本标记语言，是创建网页的基础。本资源详细介绍了HTML标签的使用，帮助理解和构建有效的网页结构。 1. HTML标记语法 HTML标记通常由尖括号包围，如`<标记名称>`。标记可以分为单标记和双标记。单标记如`<br>`，只用一个开始标签；双标记如`<p>`，需要开始和结束标签`<p>`和`</p>`。标记可以包含属性，属性用于提供更多详细信息，例如`<img src="image.jpg" alt="描述图像">`。 2. `<BODY>`标签及其属性 `<BODY>`标签定义了网页的主要内容。它支持多个属性，如`BGCOLOR`设置背景颜色，`BACKGROUND`设置背景图片，`TEXT`定义文本颜色，`LINK`、`VLINK`和`ALINK`分别定义不同状态的链接颜色。`TOPMARGIN`和`LEFTMARGIN`用于调整内容与页面边缘的距离。 3. 播放器设置在`<BODY>`标签内，可以使用`<BGSOUND>`和`<EMBED>`标签插入音乐或视频。`BGSOUND`用于背景音乐，`EMBED`则用于嵌入多媒体内容，可以调整播放器的宽度和高度，并选择是否隐藏播放器。 4. 网页优化为了提高搜索引擎排名，可以在`<HEAD>`标签内添加元数据（`<META>`标签）。`<META NAME="KEYWORD"`定义关键词，`<META NAME="DESCRIPTION"`定义网页描述，`<META NAME="AUTHOR"`标记作者，`<META HTTP-EQUIV="CONTENT-TYPE"`定义字符编码，`<META HTTP-EQUIV="REFRESH"`实现网页自动刷新。 5. 标题字体 HTML提供了六级标题标签`<H1>`到`<H6>`，用于创建不同级别的标题，`<H1>`为最大标题，`<H6>`为最小标题。`ALIGN`属性可以设置标题的对齐方式，如`left`、`center`或`right`。这些基础知识构成了HTML文档的基本框架，理解并熟练运用这些标签和属性，能帮助开发者创建功能丰富、结构清晰的网页。通过合理的布局和优化，可以提升用户体验和搜索引擎的可见性。

一、HTML 标记

注释：红色字体为标记和其必不可少的属性；

绿色字体为标记中的属性，可任意选取所需要的属性；

天蓝色字体为自由填充的属性值；

黑色字体为补充内容及对标识和描述内容的注解

1、HTML 标记的语法是：<标记名称属性 1 名=属性 1 值属性 2 名=属性 2 值 …>

标记在表示 HTML 文档内容结构和含义的时候，通常有两种方式，我们分别称单标记

和双标记。

表 1：

HTML 定义的用于描述

页面整体结构的四种标记

<HTML>

<HEAD>

<TITLE> (加入网页的标题)</TITLE>

</HEAD>

</HTML>

2、<BODY>的属性

BGCOLOR=" 颜色" (设置背景颜色)

BACKGROUND=" 图片名" (设置背景图片)

BGPROPERTIES="FIXED" (设置背景图片固定不变)

TEXT="颜色 " (设置文本颜色)

LINK="颜色" (默认链接) VLINK="颜色" (当鼠标按下时的链接) ALINK="链接按

钮" (当鼠标松开后的链接)

TOPMARGIN=距离 (文本距顶部的距离) LEFTMARGIN=距离 (文本距左边的距离)

3、设置播放器，必须在 BODY 的双标记中存在

<EMBDE SRC="地址" (歌名或视频名) WIDTH=宽度 HEIGHT=高度 (调整播放器的宽度

和高度) HIDDEN="TRUE"(隐藏播放器)>

4、如何使网页在网站的排名靠前，其必须在 HEAD 中存在

<META NAME="KEYWORD" CONTENT="描述网站内容 "> (用于标记搜索引

擎在搜索该页面时所取出的关键词)

<META COUNT="描述内容"NAME="DESCRIPTION">（用来标记描述内容）

<META NAME="AUTHOR" CONTENT="作者名称" >（用来标记文档的作者）

<META HTTP-EQUIV="CONTENT-TYPE" CONTENT = "TEXT/HTML; CHARSET

=GB2312">（用来标记你的页面的解码方式）

<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http://www.baidu .com">( 用

来自动刷新网页)

5、标题字体

下载后可阅读完整内容，剩余7页未读，立即下载

fly_wyd

粉丝: 2
资源: 2

HTML标签全览：语法、属性与网页优化

html标签大全（转载）

HTML标签大全.docx

html标签大全网站

word里的html标签,完整word版html标签大全推荐文档

html标签大全及用法

html标签大全

html标签大全意思及作用

html基础标签大全

python HTML字符转换成HTML标签和HTML标签转换成HTML字符

HTML标签和属性大全

最新资源