【免费】HTML标记整理大全资源-CSDN文库

需积分: 0 91 浏览量 2010-02-06 09:03:47 上传评论收藏 158KB DOC 举报

HTML，即超文本标记语言（HyperText Markup Language），是创建网页的基本语言。它通过一系列的标记来描述网页的结构和内容。以下是对标题和描述中所述知识点的详细说明： 1. **HTML标记的语法**： HTML标记由尖括号包围，分为单标记和双标记。单标记如`<br>`，不需闭合；双标记如`<p>`，需要闭合，如`</p>`。标记可以包含属性，属性用`name=value`的形式指定，例如`<img src="image.jpg" alt="图像描述">`。 2. **HTML页面结构**： - `<HTML>`是整个文档的根元素。 - `<HEAD>`包含文档的元信息，如标题`<TITLE>`。 - `<BODY>`包含网页的实际内容，包括文字、图像、链接等。 - `<HEAD>`和`<BODY>`之间的`<TITLE>`标签用于定义浏览器窗口标题。 3. **BODY标签的属性**： - `BGCOLOR`、`BACKGROUND`、`BGPROPERTIES`分别用于设置背景颜色、背景图片及图片是否固定。 - `TEXT`、`LINK`、`VLINK`、`ALINK`分别设定文本、链接、已访问链接和活动链接的颜色。 - `TOPMARGIN`和`LEFTMARGIN`定义页面边距。 4. **音乐和视频播放**： - `<BGSOUND>`和`<EMBED>`用于插入背景音乐或视频，通过`SRC`属性指定资源地址，`WIDTH`和`HEIGHT`调整播放器尺寸，`HIDDEN`隐藏播放器。 5. **SEO优化**： - `<META>`标签用于提供元数据，如`NAME="KEYWORD"`定义关键词，`NAME="DESCRIPTION"`定义页面描述，`NAME="AUTHOR"`定义作者，`HTTP-EQUIV="CONTENT-TYPE"`定义字符编码，`HTTP-EQUIV="REFRESH"`实现页面自动刷新。 6. **标题和字体**： - `<H1>`到`<H6>`定义不同级别的标题，字号由大到小。 - `<FONT>`标记用于改变文本的大小（`SIZE`属性）和颜色（`COLOR`属性）。 7. **物理字体样式**： - `<B>`加粗文本，`<I>`斜体，`<U>`下划线。 - `<SUP>`上标，`<SUB>`下标，`<STRIKE>`删除线。 8. **特殊字符与实体**： - 特殊字符如`<`、`>`、`&`和空格需要用实体表示，如`<`、`>`、`&`、` `。 9. **文本对齐**： - `<DIV>`和`<P>`标签的`ALIGN`属性用于文本对齐，值可为`left`、`center`、`right`。 - `<CENTER>`标签将包裹的内容居中对齐。这些基本的HTML标记和属性构成了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、标题字体

表 2：

语法: <H* ALIGN=“对齐位置”> </H*>

说明: 其中*可以选择 1－6，且按顺序字体从大到小显示； ALIGN 属性值可以选择

“left”、“center”、“right”三个中间的一个。

一个标题占一个独立段，字体自动显示为黑体且不容不同大小的字体

6、文章字体

表 3：

语法:

说明: 其中 SIZE 属性可以选择 1－7；

COLOR 属性值可以选择 RGB 值或者预定义颜色名称。常用的颜色名称有：

black（黑）,white（白）,red（红）,green（绿）,blue（蓝）,yellow（黄）,aqua（浅

绿）,fuchsia（紫红）,gray（灰）,Lime（橙）,maroon（栗色）,purple（紫）,olive

（橄榄）,silver（银色）

7、物理字体

表 4：

语法: <B> </B> <I> </I> <U> </U>

说明: B 标记用来指示以粗

体字显示文本

I 标记用来指示以斜体

字显示文本

U 标记用来指示为文本加上下划线

表 5：

语法: <SUP> </SUP> <SUB></SUB> <STRIKE> </STRIKE>

说明: SUP 标记指示以上标

方式显示文本

SUB 标记指示以下标方

式显示文本

STRIKE 标记用来指示在文本的正中

央画一条删去线

8、字符实体

在往 HTML 文档中写入特殊字符，如“〈”、“〉”、“&”、“ ”等要使用特殊的代码，浏览器会用

HTML 命令对这些特殊代码进行翻译。往网页中输入特殊字符，需在 HTML 代码中加入以

&开头的字母组合或以&#开头的数字。

9、对齐方式

表 6：

语法: <DIV ALIGN=“对齐位置”> </DIV> <CENTER> </CENTER>

说明: ALIGN 属性可以用“left”、“center”、“right”，

分别对应于将标记中间的字符块按照左、

中、右对齐。

这个标记没有属性，其作用是将标记中

间的字符居中对齐，其作用和 <DIV

ALIGN=“center”></DIV>一样。

表 7：

语法: <P ALIGN=“对齐位置”> </P>

说明: <P>用于换行，意同于回车两次。<P>和<DIV>中的 ALIGN 属性的属性值一样，

也是取“left”、“center”、“right”三个值，分别对应将中间的字体左、中、右对齐。

10、文字移动

剩余7页未读，继续阅读

评论收藏

内容反馈

jy_nina

粉丝: 0
资源: 3

HTML标记整理大全

评论0

最新资源

HTML标记整理大全

评论0

HTML标记大全

HTML 标记大全

精通HTML之标记大整理

HTML标记参考大全

HTML标签整理

html5标签整理

html标记大全 html标记大全

HTML常用标签整理

适合企业站的织梦常用标签大全 自己整理

HTML标记大全.txt

HTML标记大全.pdf

HTML标记大全.doc

HTML标记_HTML大全_HTML标记大全

HTML标记大全PPT

html标签大全，非常详细

HTML5知识点思维导图(手工整理）

HTML5标签整理

Microsoft SQL Server 自定义函数整理大全

HTML标签整理.docx

HTML标记大全圈子

HTML标记大全参考手册

html标签属性大全（整理已完成）

meta标签的作用及整理.html

HTML+CSS标签整理

HTML标记大全参考手册.txt

html本书的标签-自己整理

最新资源

适合企业站的织梦常用标签大全自己整理