常用html标记总结

合集下载

HTML基本结构与常用标记

附录A HTML基本结构与常用标记1 HTML简介我们在浏览器上看到的网页其实是HTML文件构成的,HTML是“Hypertext Markup Language（超文本标记语言”的英文缩写。

它是一种可以在网上传输，并被浏览器认识和翻译成页面显示出来的文件。

“超文本”是指页面内既可以包含文字，也可以包含图片、声音、视频、链接和程序等非文字的元素。

尽管WWW仍然是HTML应用最多的地方，但是它还被应用到其他很多的领域，例如使用HTML可使新闻、消息和E-mail更加具有吸引力，甚至可以用HTML来开发独立的和以网络为核心的应用程序。

随着技术的发展，HTML增加了许多新功能和新特性，HTML已经变成了一个更加丰富、更加有用的标记语言。

1.HTML文件的编辑与运行在编写HTML文件时，如果文件中不包含ASP之类的动态服务器页面代码，则只要有一个可以编辑HTML文件的编辑器和一个可浏览HTML文件的浏览器就可以了。

把编辑后的文件以“.html”或“.htm”为扩展名保存，使用浏览器就可以直接打开；如果文件中包含了ASP之类的代码，则编辑HTML文件后应该将其以“.asp”等为扩展名保存，并置于Web服务器端，再通过浏览器进行访问。

如果直接用浏览器打开，则其中的动态服务器页面代码不会被执行。

编辑HTML的文件的编辑器必须是能够编辑纯文本的，或者是可以将其他文本转换成纯文本的。

最简单的编辑器莫过于Windows系统的“记事本”，占用系统资源最少。

但是使用时每一个HTML标记都要网页设计者自己写出，故很熟悉HTML的设计者可以选用。

而对更多的人来说，使用本章3.1.3介绍的网页制作工具软件来用编辑HTML文件则是更好的选择。

这些工具软件可以自动把你的“所见即所得”的页面编辑操作转换成HTML标记，使得你不必每个标记都得去写；也可以立即把你的写的HTML标记以网页显示出来。

如此可以大大提高编辑HTNL文件，设计网页的效率。

htm第一章l基础知识总结

htm第一章l基础知识总结HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。

下面是HTML的基础知识总结：1. HTML标签：HTML由一系列的标签组成，标签用尖括号（< >）包围。

常用的标签包括<html>、<head>、<title>、<body>等。

2. 文本标签：用于定义文本内容的标签，例如：<p>用于定义段落、<h1>~<h6>用于定义标题、<a>用于定义链接等。

3. 图像标签：用于显示图像的标签，例如：<img>用于插入图像，其中的src属性用于指定图像的路径。

4. 列表标签：用于定义有序或无序列表的标签，例如：<ul>用于定义无序列表（包含点或其他标志）、<ol>用于定义有序列表（包含数字）。

5. 表格标签：用于创建表格的标签，例如：<table>用于创建表格、<tr>用于定义表格中的行、<td>用于定义表格中的单元格等。

6. 表单标签：用于创建表单的标签，例如：<form>用于定义表单、<input>用于输入字段、<button>用于定义按钮等。

7. 属性：标签可以带有属性，属性提供元素的额外信息。

例如，<a>标签带有href属性，用于指定链接的地址，<img>标签带有src属性，用于指定图像的路径。

8. CSS：CSS（Cascading Style Sheets）用于描述网页的样式和布局。

可以通过<style>标签或外部CSS文件将样式应用到HTML元素上。

9. 嵌套：HTML元素可以相互嵌套，一个元素可以包含另一个元素。

例如，<div>内部可以包含<p>、<a>等其他标签。

html标签大全

html标签大全HTML标签大全。

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。

在HTML中，标签是用来定义网页结构和内容的。

本文将介绍一些常用的HTML 标签，以及它们的用法和示例。

1. 文本标签。

`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。

`<p>`，定义段落。

`<strong>`，定义加粗文本。

`<em>`，定义斜体文本。

`<u>`，定义下划线文本。

`<br>`，定义换行。

2. 链接标签。

`<a>`，定义超链接，href属性指定链接的地址。

`<img>`，定义图像，src属性指定图片的地址。

3. 列表标签。

`<ul>`，定义无序列表。

`<ol>`，定义有序列表。

`<li>`，定义列表项。

4. 表格标签。

`<table>`，定义表格。

`<tr>`，定义表格行。

`<td>`，定义表格数据单元格。

5. 表单标签。

`<form>`，定义表单，action属性指定表单提交的地址。

`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。

`<select>`，定义下拉框。

`<textarea>`，定义多行文本输入框。

`<button>`，定义按钮。

6. 多媒体标签。

`<audio>`，定义音频播放器。

`<video>`，定义视频播放器。

`<iframe>`，定义内联框架，用于嵌入其他网页。

7. 其他标签。

`<div>`，定义文档中的块级元素。

`<span>`，定义文档中的行内元素。

`<meta>`，定义网页的元数据，如字符集、关键词等。

简述html的常用标签及其作用

简述html的常用标签及其作用HTML（Hypertext Markup Language）是用于创建网页的标准标记语言，它使用标签来定义网页的结构和内容。

以下是HTML中一些常用的标签及其作用：1. `<html>`：定义HTML文档的根元素。

2. `<head>`：定义文档的头部内容，包括页面的标题、字符编码等。

3. `<title>`：定义文档的标题，显示在浏览器的标题栏或标签上。

4. `<body>`：定义文档的主体部分。

5. `<h1>` - `<h6>`：定义标题，根据重要性和级别递减。

6. `<p>`：定义段落。

7. `<a>`：定义超链接，用于链接到其他页面或文档。

8. `<img>`：定义图像，用于在网页中显示图片。

9. `<ul>`：定义无序列表。

10. `<ol>`：定义有序列表。

11. `<li>`：定义列表项。

12. `<div>`：定义文档中的分割或部分。

用于组织网页布局。

13. `<span>`：定义文本的行内元素容器，用于设置特定部分的样式。

14. `<table>`：定义表格。

15. `<tr>`：定义表格的行。

16. `<td>`：定义表格的单元格。

17. `<form>`：定义表单，用于收集用户输入的数据。

18. `<input>`：定义表单中的输入字段。

19. `<textarea>`：定义表单中的多行文本输入字段。

20. `<button>`：定义按钮。

21. `<select>`：定义下拉列表。

22. `<option>`：定义下拉列表中的选项。

23. `<label>`：定义表单元素的标签。

HTML标记总结(word版)

HTML标记总结<html> //文件开始标记<head> //文件的头部开始标记<title> HTML总体结构</title>//头部</head> //头部结束标记<body> //文件的主体开始标记hello!</body> //主体结束标记</html>//文件结束标记编写时的注意事项（1）元素的标记都要用尖括号< >括起来，成对使用的标记的结束标记是在开始标记之前加一反斜杠，如<html>与</html>。

（2）代码不分大小写，如<boDY>与<BODy>都是正确的，但是所有符号如< > 、“”都必须是英文输入法。

（3）标记表示其中的内容是注释语句，在浏览器中不会显示出来。

4、页面的头部标记和主体标记（1）页面的头部标记<head>HTML文档的头部内容</head>一般来说位于头部的内容都不会在网页上显示，而是通过别的方式体现。

常用的头部标记有以下几个：<base>当前文档的URL全称（基底网址）<basefont> 设定基准的文字字体，字号和颜色<title> 设定显示在浏览器左上方的标题内容<isindex> 表示该文档是一个可用于检索的网关脚本，由服务器自动建立。

html代码总结

html代码总结
1.标题：使用<h1>至<h6>标记定义标题，<h1>为最高级标题，<h6>为最低级标题。

2. 段落：使用<p>标记定义段落。

3. 链接：使用<a>标记定义链接，使用href属性指定链接的URL 地址。

4. 图像：使用<img>标记定义图像，使用src属性指定图像的URL地址。

5. 列表：使用<ul>和<li>标记定义无序列表，使用<ol>和<li>标记定义有序列表。

6. 表格：使用<table>、<tr>、<th>和<td>标记定义表格。

7. 表单：使用<form>、<input>、<label>和<button>标记定义表单。

8. 样式：使用<style>标记定义样式，使用CSS属性指定样式。

以上是一些基本的HTML代码，可以通过它们创建简单的网页。

但是，HTML还有更多的标记和属性，可以创建更复杂的网页。

- 1 -。

(完整版)html标签大全

<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题<h1></h1> 最大的标题<pre></pre> 预先格式化文本<u></u> 下划线<b></b> 黑体字<i></i> 斜体字<tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码<KBD></KBD> 键盘字<SAMP></SAMP> 范例<VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记<sup></SUP> 上标字<SUB></SUB> 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style ='font-size:100 px'>...</font>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<p></p> 创建一个段落<p align=""> 将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)<center></center> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly ◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆<table></table> 创建一个表格<tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。

HTML重要标签总结归纳

HTML 重要标签： (1)样式/节 ①<style> 实例：<html> <head><style type=”text/css”> h1 { color:red } p { color:blue } </style></head> <body><h1>Header 1</h1> <p>A paragraph.</p></body></html>定义和用法<style> 标签用于为 HTML 文档定义样式信息。

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type 属性是必需的，定义 style 元素的内容。

唯一可能的值是 "text/css"。

style 元素位于 head 部分中。

②<div>HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。

除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。

它取代了使用表格定义布局的老式方法。

使用 <table> 元素进行文档布局不是表格的正确用法。

<table> 元素的作用是显示表格化的数据。

实例：<html><body> <h3>This is a header</h3><p>This is a paragraph.</p> <div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></div> </body></html>定义和用法 <div> 可定义文档中的分区或节（division/section）。

html标签总结

〔坐标〕
划分的形状不同,坐标也不同,矩形就是左上角和右下角的坐标,圆就是圆心和半径
Target〔目标窗口〕
目标窗口,设置目标文件显示的窗口
Alt〕〔替换文字〕
该属性给出了图像的替换文字
Table
创立一个新表格
Width
定义表格的宽度
Height
定义表格的高度
Border
设置表格边框的宽度
Bkcolor
Width
该属性可以设置水平线的长度,它的取值既可以是数值〔单位是像素px〕, 也可以是百分比数值〔占浏览器窗口的百分比〕
Size
设置水平线的粗细,单位是像素
Noshade
无阴影,此属性用于使水平线无阴影的显示,〔默认是有阴影〕例如<hr noshade>将创立一条无阴影的水平线
Align
设置水平线的对齐方式,取值为,left,right,center〔默认是居中〕
Type
当vuletype为ref时,此属性指定了
URL所代表的内容的类型
特殊符号
符号
符号代码
描述
空格
&nbsp
无断行空格
>
&gt
大于号
<
&lt
小于号
圈a
&copy
版权符号
®
&reg
注册商标
TM
&trade
商标
£
&pound
英镑符号
¥
&yen
货币'兀'符号
“
&ldquo
左双引号
〞
&bdquo

简述html的常用标签及作用

简述html的常用标签及作用HTML（超文本标记语言）是一种用于创建网页结构的标记语言。

它使用标签来描述网页中的元素，这些标签告诉浏览器如何显示和解释网页的内容。

下面简述一些常用的HTML标签及其作用：1. `<html>`标签：定义HTML文档的根元素。

2. `<head>`标签：定义文档的头部，包含一些关于文档的元数据，如标题、样式表和脚本等。

3. `<title>`标签：定义网页的标题，显示在浏览器的标题栏或标签栏上。

4. `<body>`标签：定义文档的主体部分，包含所有可见的内容，如文本、图像和链接等。

5. `<h1>`到`<h6>`标签：定义标题，分为六个级别，分别表示不同的标题大小和重要性。

6. `<p>`标签：定义段落，用于包裹一段文本。

7. `<a>`标签：定义超链接，用于创建链接到其他文档、页面或位置的链接。

8. `<img>`标签：定义图像，用于在网页中插入图片。

9. `<ul>`和`<li>`标签：分别定义无序列表和列表项，用于显示项目的清单。

10. `<ol>`和`<li>`标签：分别定义有序列表和列表项，列表项会按照顺序编号。

11. `<table>`、`<tr>`和`<td>`标签：分别定义表格、表格行和表格数据，用于创建表格结构。

12. `<div>`和`<span>`标签：分别定义块级元素和内联元素，用于组织和布局网页的内容。

13. `<form>`、`<input>`和`<button>`标签：分别定义表单、输入字段和按钮，用于创建用户交互的表单。

14. `<br>`标签：定义换行符，用于在文本中插入换行。

html基本标记符

1:HTML文档格式处理1.1<BODY>属性Background = URL 设置网页的背景图片，默认为无背景图片。

bgcolor = colorvalue 设置网页的背景颜色，默认为白色。

text = colorvalue 设置网页的文本颜色，默认为黑色。

link = colorvalue 设置尚未被访问的超链接的颜色，默认为蓝色。

alink = colorvalue 设置超链接被访问瞬间的颜色，默认为红色。

vlink = colorvalue 设置访问过的超链接的颜色，默认为紫色。

bgproperties = fixed 设置背景是否随滚动条滚动，默认为随条滚动。

leftmagin = size 设置网页左边的空白，单位是像素。

topmagin =size设置网页上边的空白，单位是像素。

maginwidth = size设置网页空白的宽度，单位是像素。

maginheight = size设置网页空白的高度，单位是像素。

2.文本风格处理2.1段落的格式化<BR>强制换行标记符，其后面的内容在下行显示，行与行之间不产生空行。

<P> … </P>段落标记符，能强制换行，还使两段间多一个空行。

<PRE>….</PRE>预定义格式符，按照预定格式输出文本。

<Hn>….</Hn>用于设置字体的大小，n取值（1-6），6最小字；使用是自动成一段，不必使用<p>来加以限制；<HR>水平线标记符{ align = alignstyle 设置水平线对其方式，left. Right. Center,默认center.Size = size 设置水平线的大小，默认值2.Width = size 设置水平线的长度，单位像素或者百分百，默认值100%。

color 设置水平线的颜色，默认透明。

noshade 设置水平线是否有阴影，默认有阴影。

(完整版)HTML标签解释大全

一、HTML标记标签：!DOCTYPE说明：指定了HTML 文档遵循的文档类型定义(DTD)。

标签：a说明：标明超链接的起始或目的位置。

标签：acronym说明：标明缩写词。

标签：address说明：特定信息，如地址、签名、作者、此文档的原创者。

标签：applet说明：在页面上放置可执行内容。

标签：area说明：定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。

标签：attribute说明：以对象的形式代表了HTML 元素的标签属性或属性。

标签：b说明：指定文本应以粗体渲染。

标签：base说明：指定一个显式URL 用于解析对于外部源的链接和引用，如图像和样式表。

标签：basefont说明：设置渲染文本时作为默认字体的基础字体值。

标签：bdo说明：允许作者为选定文本片断禁用双向法则。

标签：bgsound说明：允许页面带有背景声音或创建音轨。

标签：big说明：指定内含文本要以比当前字体稍大的字体显示。

标签：blockquote说明：设置文本中的一段引语。

标签：body说明：指定文档主体的开始和结束。

标签：br说明：插入一个换行符。

标签：button说明：指定其中所含的HTML 要被渲染为一个按钮。

标签：caption说明：指定表格的简要描述。

标签：center说明：将后面的文本和图像居中显示。

标签：cite说明：用斜体显示标明引言。

标签：clientinformation说明：包含关于Web 浏览器的信息。

标签：clipboarddata说明：提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。

标签：code说明：指定代码范例。

标签：col说明：指定基于列的表格默认属性。

标签：colgroup说明：指定表格中一列或一组列的默认属性。

标签：comment说明：标明不可见的注释.标签：currentStyle说明：代表了在全局样式表、内嵌样式和HTML 标签属性中指定的对象格式和样式。

HTML标签总结

HTML标签一。

HTML基本标签<head>//头部标签<title></title>//标题标签，显示在浏览器的上部<body></body>//网页的正文，如浏览器显示的文字，图像，表格等都在此标签中书写。

它有很多属性。

如下：link：设置页面超链接文本的颜色alink：设置鼠标正在点击时的超链接文本的颜色。

vlink：设置鼠标点击后超链接文本的颜色.bgcolor:设置页面背景颜色background：设置页面背景图片leftmargin：设置左边距rightmargen：设置右边距topmargen：设置上边距bgproperties：设置页面背景图像为固定，不随页面滚动而滚动text：设置页面文本颜色</head>二。

一些基本标签<font></font>//文字标签，中间嵌入文字，其属性有face：设置文字的字体，如face="仿宋_GB2312"size:设置文字的大小，如size="5"color:设置文字的颜色，如color="#000000"<b></b>用于加粗文字<i></i>用于使文字变为斜体<u></u>用于使用下划线<em></em>用于强调文本，一般显示为斜体<strong></strong>用于特别强调的文本，显示为粗体<cite></cite>用于印证或者举例，通常为斜体<code></code>用于指出文字显示的一段代码。

<small></small>用于规定文本以小号字显示<big></big>用于规定文本以大号字显示<samp></samp>放在该标签中的文字以计算机常用的字体样式显示，即宽度相等的字体<kbd></kbd>用于存放用户从键盘输入的文字<var></var>放在该标签中德文字用来表示变量，通常显示为斜体<sub></sub>下标字标签，显示的文字如下标字<sup></sup>上标签，与下标签相反，显示的文字为上标<del></del>删除字标签，通常文字上带有横线<abbr></abbr>缩写标签，一般一段英文中，用于显示每个单词的首字母，其属性如下：title:用于代表英文的全部内容，如title="Apple Banana Cat",其显示内容为：ABC <bdo></bdo>:文字方向标签，用于设置文字方向，其属性只有一个：“dir”dir="ltr" or dir="rtl"用于表达文字是从左边往右边书写还是右边往左边书写<br>换行符标签<p>换段落标签，其属性如下align：用于段落文本的对其方式<!-****-->注释标签<!-****--><pre></pre>预格式文本，用于将文本按输入的格式输出<backquote></backquote>缩排标签，标签中的文字会自动缩进几个空格<hr>水平线标签，用于显示水平线，其属性如下：size:用于设置水平线的长度，如size="3cm" size="15"width:用于设置水平线的宽度，单位为像素align：用于设置水平线的额对其方式color：用于设置水平线的颜色noshade：取消水平线的3d阴影三。

HTML标记语法总结

HTML标记语法总结⼀、HTML标记类型1.单标记语法：<标记名>，如：<img>、<br>、<hr>2.双标记语法：<标记名>…标记内容…</标记名>，如：<a>这是百度的主页</a>⼆、HTML标记属性语法：<标记名属性1 = “属性值1”属性2 = “属性值2”…> 或<标记名属性1 = “属性值1”属性2 = “属性值2”…>。

标记内容。

</标记名>说明：标记与属性、属性与属性之间都是以空格进⾏分隔，属性不区分先后顺序，且属性不是必须的，需要时再添加，不需要不添加！虽然在HTML中不区分⼤⼩写，但是在XHTML中所有的标记确是严格区分⼤⼩写的。

三、HTML主要标记解析1.html标签<html>和</html>⽤来标识⽹页⽂件的开始和结束，所有的html都必须放在这对html标记中。

2.head标签<head>和</head>⽤来标识⽹页⽂件的头部信息的开始和结束，如标题、搜索引擎关键字、页⾯编码类型等等。

3.meta标签<meta> 元素位于⽂档的heand标签中，不包含任何内容，它的属性定义了与⽂档相关联的名称/值对，可提供有关页⾯的元信息（meta-information），⽐如针对搜索引擎和更新频度的描述和关键词。

meta标签设置页⾯关键字：<meta name=”keywords” content=”value”>多个关键字内容之间可以⽤逗号隔开。

meta标签设置页⾯描述信息：<meta name=”description” content=”values”>meta标签设置页⾯作者：<meta name=“author” content=”作者名”>meta标签设置页⾯字符集：<meta http-equiv=”content-type” content=”text/html;charset=UTF-8”>meta标签设置页⾯定时跳转：<meta http-equiv=”refresh” content=”2:URL=⽹址”>冒号之前表⽰⼏秒后跳转，冒号之后表⽰要跳转到的URL。

HTML常用标签以及特殊符号

HTML常用标签以及特殊符号常用属性：color 颜色(#ff0000 #ff8000 #ffff00 #00ff00 #0080ff#0000a0 #8000ff #000000 #c0c0c0)width 宽度%(百分比) / px(pixels)height 高度%(百分比) / px(pixels)aligh 水平对其位置left center right top bottom middle(垂直居中) texttop(向文字顶部对齐) baseline(向文字底部对齐) absmiddle(绝对居中) absbottom(绝对置下)valigh 垂直对齐位置baseline top middle bottom justify charborder 边框宽bordercolor bordercolordark(右和下暗边框的颜色) bordercolorlight(左和上亮边框的颜色)常用标签：<HTML> 表明这是一个HTML文件<head> 标明网页头部分<title> 网页题目总长不超过85个Character<meta> (单标记)用法:<meta http-quive="content-type" content="text/html;charset=GB-2312"> 说明网站的格式及编码方式<meta contents="关键字一, 关键字二, 关键字三.."> 中间用逗号隔开总长不超过1000个Character(40个字)<meta contents="整个网站的描述…> 不超过200个Character (约15个字)<metacontent="ALL,NONE,INDEX,NOINDEX,FOLLOW,NOFOLLOW "> 告诉搜索引擎的Spider哪些网页要摘哪些不摘，一般设为All(默认值)<body> 主体标签bgcolor background text link vlink alink<br> 强制断行标签<p> 强制分段标签(比断行多隔一行) left center right <hr> 普通分隔线color width size(厚度) aligh noshade(实心分割线无阴影)<center> 置中标签<blockquote> 每加一个这个标签向右缩排一个单位<pre> 保存原始格式标签(显示出如代码中所显示的格式)<h1><h2><h3><h4><h5><h6& gt; 标题标签h1字体最大该行字自占一行<basefont size=X> 字体预定值加在<body>后<font> 字体标签:size= 字体大小标签size=1到7 1最小;size=+X 比预设字体大X级;color= 文字颜色face= 字型(宋体楷体...)注:如果网页中有指定网页的语言格式<meta http-equiv="content-type" content="text/html;charset=big-5(或简体GB2312)">，那么，netscape可以正确显示出中文，但英文无反应。

HTML基本结构与常用标记

HTML基本结构与常用标记HTML（超文本标记语言）是用来描述网页的一种语言，它包括一个标记的语言。

HTML文档由标记组成，每个标记表示文档的一部分，它们以HTML标签的形式显示，标记将文本分割成不同的章节和段落。

HTML网页文档有几个基本结构，其中最常见的是文档声明，文档类型声明，标题，脚本，样式表以及正文内容等。

文档声明是HTML文档中第一行，它提供有关HTML文档的额外说明，它是必须的。

文档声明是以尖号“<！”开头，用标记“！--”结尾，所有内容都包含在其中。

文档声明的下一行是文档类型声明，它指定了文档的编码和HTML的版本号。

文档类型声明是用于使浏览器能够正确地显示网页的必要属性，它用“<！DOCTYPE>”开头，后面是编码格式及其对应的文档类型，用双尖号结尾。

接下来是HTML元素，它是HTML文档的核心，包括“<HTML>”和“</HTML>”，前者是开始标签，表示一个HTML文档的开始位置，后者是结束标签，表示HTML文档的结束位置。

HTML文档由标题，脚本，样式表和正文内容组成。

其中，标题是“<head>”标签的一个子标签，用于提供文档的全部信息和附加资源；脚本是“<script>”标签的一个子标签，用于指示浏览器如何实现某些功能；样式表是“<style>”标签的一个子标签，用于指定如何显示文档内容；正文内容是“<body>”标签的一个子标签，用于指定文档的实际文字内容。

HTML中最常用的标签包括：a标签用于创建超链接；img标签用于显示图像；strong标签用于在网页中显示粗体字；div标签用于创建一个正常文本块；span标签用于控制内容；h1-h6标签用于创建不同效果的标题；form标签用于创建表单；ul标签可用于创建无序列表，以及列表中每个项目使用li标签表示。

HTML结构及其标记允许开发人员使用标准格式来编写网页，这些标记能够使所有的网页变得一致，便于搜索引擎的收录以及显示的效果美观。

HTML标记大全

一、HTML标记注释：红色字体为标记和其必不可少的属性；绿色字体为标记中的属性，可任意选取所需要的属性；天蓝色字体为自由填充的属性值；黑色字体为补充内容及对标识和描述内容的注解1、HTML标记语法：<标记名称属性1名=属性1值属性2名=属性2值…>标记在表示HTML文档内容结构和含义的时候，通常有两种方式，我们分别称单标记和双标记。

表1：2、<BODY>的属性BGCOLOR="颜色" (设置背景颜色)BACKGROUND="图片名" (设置背景图片)BGPROPERTIES="FIXED" (设置背景图片固定不变)TEXT="颜色" (设置文本颜色)LINK="颜色" (默认链接)VLINK="颜色" (当鼠标按下时的链接)ALINK="链接按钮" (当鼠标松开后的链接)TOPMARGIN=距离(文本距顶部的距离)LEFTMARGIN=距离(文本距左边的距离)3、设置播放器，必须在BODY的双标记中存在设置背景音乐：<BGSOUND SRC="地址"(歌名或视频名) LOOP=“循环次数”>插入视频音频文件：（FLASH等）<EMBED SRC="地址"(歌名或视频名)WIDTH=宽度HEIGHT=高度(调整播放器的宽度和高度)HIDDEN="TRUE"(隐藏播放器) LOOP=”循环次数”>4、如何使网页在网站的排名靠前，其必须在HEAD中存在<META NAME="K EYWORD"CONTENT="描述网站内容">(用于标记搜索引擎在搜索该页面时所取出的关键词)<META NAME="DESCRIPTION" COUNT="描述网页内容" >（用来标记描述内容）<META NAME="AUTHOR" CONTENT="作者名称" >（用来标记文档的作者）<META HTTP-EQUIV="CONTENT-TYPE" CONTENT= "TEXT/HTML;CHARSET =GB2312">（用来标记你的页面的解码方式）<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http:// .com">(用来自动刷新网页)5、标题字体表2：6、文章字体表3：7、物理字体表4：8、字符实体在往HTML文档中写入特殊字符，如“〈”、“〉”、“&”、“ ”等要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

一、HTML的全局架构标签<html><head><title>我是标题</title></head><body>我是正文</body></html>二、body标签中的相关属性1、bgcolor: 网页正文部分的背景色2、text: 网页正文部分的文字的颜色3、link: 超链接的颜色4、alink：鼠标按下超级链接时候文本的颜色5、vlink：被访问过的超级链接的颜色6、leftmargin：左缩进的长度，单位是像素7、topmargin：上缩进的长度，单位是像素8、background：背景图片，如果图片足够的大，它将盖住背景颜色bgcolor所有的颜色设置部分都可以用三对十六进制的数来表示，前面加#三、注释四、特殊符号左尖括号 <右尖括号 >与符号 &注册商标 ®版权 © ( © )™双引号 "空格  五、格式标签1、 <pre></pre> 把包围起来的内容按原格式显示在浏览器上2、<p> 换行并加入一个空行3、<br> 换行不产生空行4、<blockquote></blockquote> 缩进5、<center></center> 居中显示6、<marquee behavior="slide/scroll/alternate" direction="up/down/left/right> </marquee> 走马灯7、列表标签<dl><dt>中国城市</dt><dd>石家庄</dd><dd>唐山</dd><dd>廊坊</dd><dt>美国城市</dt><dd>通县</dd><dd>大兴</dd><dd>铁岭</dd></dl>8、序列带数字、不带数字的<ul><li></li><li></li><li></li></ul><ol><li></li><li></li><li></li></ol>六、文本标签1、<h+数字></h+数字> 1--62、 <b></b>粗体 <i></i> 斜体 <u></u> 下划线<sub></sub>下标 <sup></sup> 上标<tt></tt> 打印风格的字体 <cite></cite> 引用风格的字体 <en></en> 强调风格的字体<strong></strong> 加重风格的字体3、font标签 <font color="" size="" face=""></font>七、超链接<a href="URL#段落名字" target="_blank/_self/_top/_parent></a> 起段落名字的代码是<p><a name="段落名字">...</p>:80/index.html协议名 192.168.1.1 端口号资源名<a href="URL"><img src=""></img></a>八、图像标签<img src="" alt="" align="" border="" width="" height="">alt 提示语align 对齐方式border 边框粗细width 图片宽度height 图片高度九、表格标签<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr></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 center2、valign 垂直对齐方式 top middle bottom baseline3、bgcolor 本行所有单元格的背景色td标签的属性1、width 像素百分比（整个表格）2、height 像素百分比（整个表格）3、align 设置该单元格的水平对齐方式 left right center4、valign 设置该单元格水平对齐方式 left right center5、colspan 合并纵列的属性值个单元格，该行少了属性值-1个单元格6、rowspan 合并横列的属性值个单元格，该行的下面属性值-1个行少了一个单元格十、frame框架（分帧）不能放在body标签中例：frame.html---------------><html><frameset rows="15%,*" frameborder=1 border=1><frame src="shangmian.html" ></frame><frameset cols="20%,*" frameborder=1 border=1><frame src="zuomian.html"></frame><frame src="youmian.html" name="youmian"></frame></frameset></frameset></html>left.html----------------><a href="youmian.html" target=youmian>在右侧显示第一个页面</a><p><a href="youmian2.html" target=youmian>在右侧显示第二个页面</a>十一、表单1、<form></form>2、form标签的属性（1）、method：有两个值：get：表单提交时在地址栏中以？控件名1=控件值1&控件名2=控件值2&。

的形式向目标页面进行传值。

所传的值是URL参数的一部分，有可能被浏览器存储在历史记录中，还有可能被存储在web服务器的日志中。

因此涉及到个人隐私时不建议使用get传值。

最大传输数据量为1k。

post:传输的数据量要大得多，且不在地址栏里显示传值的内容。

（2）、action：该属性表示表单提交的目标页面（3）、target:表示该表单内容被提交时，目标页面是否在新的窗口中打开。

_self、_blank （4）、title:当光标移到表单的任何一个部分时所提示的文字3、表单内的各种控件详解（1）、submit提交按钮：点击时提交表单内容属性：name 唯一标识该控件的字段（任何一种表单控件都有该属性）value表示该控件的值（任何一种表单控件都有该属性）（2）、reset重置按钮：点击时清空表单中所有控件的内容属性：name 唯一标识该控件的字段（任何一种表单控件都有该属性）value表示该控件的值（任何一种表单控件都有该属性）（3）、text单行文本框属性：size 表示文本框的长度，单位：字符maxlength 表示用户在文本框中能输入的最大字符数readonly 不能手动的修改文本框中的内容，但是可以获得焦点，并可以像其它表单控件一样提交值disabled 不能手动的修改文本框中的内容，且不可以获得焦点，且不可以提交值（4）、checkbox复选框checked 默认被选中的项（5）、radio单选框checked 默认被选中的项注意一组单选框要将其name属性设为一样的值（6）、hidden隐藏域在页面中不显示隐藏域的内容。

例子：分步注册的例子（7）、password 密码框跟文本框类似，只不过输入的内容在文本框中以黑色圆点的形式显示（8）、button普通按钮仅仅一个button不起任何作用，必须配合javascript、动作事件一起使用（9）、file上传文件按钮了解（10）、image以图像代替提交按钮属性 src：表示所选图像的url提交时不仅仅提交了其他控件的数据，还提交了该图片的坐标分别是x和y（11）、select下拉列表<select name="" size="" multiple ><option value="" selected></option></select>按ctrl可以选多个（12）、多行文本输入框<textarea></textarea>属性：cols、rows表示文本框的大小没有设置多行文本框默认值的属性，只能是在两个标签中间输入文本十二、meta标签<head><meta name部分="name部分的属性值" content部分="content部分的属性值" /></head>name用来在网页中加入一些关于网页的描述信息，例如网页的关键字、网页的描述信息等等content对name部分设置的值进行补充说明1、http-equiv属性用于在html文档中模拟http协议的响应消息头。