超级经典Html基本标签
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>`：定义表单元素的标签。
html5的基本标签
html5的基本标签HTML5的基本标签包括：1. `<html>`：定义HTML文档的根元素。
2. `<head>`：包含了文档的元数据信息，例如标题、字符编码等。
3. `<body>`：包含了文档的可见内容。
4. `<h1>` - `<h6>`：定义标题，从最高级的标题`<h1>`到最低级的标题`<h6>`。
5. `<p>`：定义段落。
6. `<a>`：定义超链接。
7. `<img>`：定义图像。
8. `<ul>`和`<li>`：定义无序列表和列表项。
9. `<ol>`和`<li>`：定义有序列表和列表项。
10. `<div>`：定义文档中的一个分区或节。
11. `<span>`：定义文档中的一个行内区域。
12. `<form>`：定义用户输入表单。
13. `<input>`：定义表单中的输入字段。
14. `<button>`：定义按钮。
15. `<table>`、`<tr>`、`<td>`：定义表格及其行、单元格。
16. `<video>`：定义视频。
17. `<audio>`：定义音频。
18. `<canvas>`：定义画布，用于绘制图形、动画等。
19. `<header>`：定义文档或节的页眉。
20. `<footer>`：定义文档或节的页脚。
以上只是HTML5的部分基本标签，还有很多其他标签可以用于创建和定义不同的元素和内容。
(完整版)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的常用标签及作用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标签与属性大全（很全哦）
HTML语言基本标签：创建一个HTM L文档 <html></html>设置文档标题以及其他不在W E B网页上显示的信息 <head></head>设置文档的可见部分 <body></body>标题标签将文档的题目放在标题栏中<title></title>文档整体属性设置背景颜色，使用名字或十六进制值 <body bgcolor=?>设置文本文字颜色，使用名字或十六进制值 <body text=?>设置链接颜色，使用名字或十六进制值 <body link=?>设置已使用的链接的颜色，使用名字或十六进制值 <body vlink=?>设置正在被击中的链接的颜色，使用名字或十六进制值 <body alink=?> 文本标签创建预格式化文本 <pre></pre>创建最大的标题<h1></h1>创建最小的标题<h6></h6>创建黑体字 <b></b>创建斜体字 <i></i>创建打字机风格的字体 <tt></tt>创建一个引用，通常是斜体 <cite></cite>加重一个单词（通常是斜体加黑体） <em></em>加重一个单词（通常是斜体加黑体） <strong></strong>设置字体大小，从1到7 <font size=?></font>设置字体的颜色，使用名字或十六进制值 <font color=?></font>链接创建一个超链接<a href="URL"></a>创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a> 创建一个位于文档内部的靶位<a name="NAME"></a>创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>格式排版创建一个新的段落 <p>将段落按左、中、右对齐 <p align=?>插入一个回车换行符 <br>从两边缩进文本<blockqu ote></blockqu ote>创建一个定义列表 <dl></dl>放在每个定义术语词之前 <dt>放在每个定义之前 <dd>创建一个标有数字的列表 <ol></ol>放在每个数字列表项之前，并加上一个数字<li>创建一个标有圆点的列表 <ul></ul>放在每个圆点列表项之前，并加上一个圆点<li>一个用来排版大块HTML段落的标签，也用于格式化表<div align=?>图形元素添加一个图像<img src="name">排列对齐一个图像：左中右或上中下<img src="name" align=?>设置围绕一个图像的边框的大小 <img src="name" border=?>加入一条水平线<hr>设置水平线的大小（高度） <hr size=?>设置水平线的宽度（百分比或绝对像素点） <hr width=?>创建一个没有阴影的水平线<hr noshade>表格创建一个表格<table></table>开始表格中的每一行 <tr></tr>开始一行中的每一个格子 <td></td>设置表格头：一个通常使用黑体居中文字的格子 <th></th>表格属性设置围绕表格的边框的宽度<table border=#>设置表格格子之间空间的大小<table cellspa cing=#>设置表格格子边框与其内部内容之间空间的大小 <table cellpad ding=#>设置表格的宽度－用绝对像素值或文档总宽度的百分比 <table width=# or %> 设置表格格子的水平对齐（左中右） <tr align=?> or <td align=?>设置表格格子的垂直对齐（上中下） <tr valign=?> or <td valign=?>设置一个表格格子应跨占的列数（缺省为1） <td colspan=#>设置一个表格格子应跨占的行数（缺省为1） <td rowspan=#>禁止表格格子内的内容自动断行回卷 <td nowrap>窗框放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中<frameset></framese t>定义一个窗框内的行数，可以使用绝对像素值或高度的百分比 <framese trows="value,value">定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比 <framese tcols="value,value">定义一个窗框内的单一窗或窗区域 <frame>定义在不支持窗框的浏览器中显示什么提示<noframe s></noframe s>窗框属性规定窗框内显示什么HTML文档 <frame src="URL">命名窗框或区域以便别的窗框可以指向它<frame name="name">定义窗框左右边缘的空白大小，必须大于等于1<frame marginw idth=#>定义窗框上下边缘的空白大小，必须大于等于1<frame marginh eight=#>设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"a uto" <frame scrolli ng=VALUE>禁止用户调整一个窗框的大小<frame noresiz e>表单对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。
HTML标签代码大全(CSS前端开发者的宝藏)
HTML标签代码大全(CSS前端开发者的宝藏)1. 概述2.1 文字标签- `<h1>`到`<h6>`：定义标题1到标题6，按级别递减。
- `<p>`：定义段落。
- `<strong>`：定义加粗的文本。
- `<em>`：定义斜体的文本。
- `<span>`：定义内联元素的文本。
2.2 列表标签- `<ul>`：定义无序列表。
- `<ol>`：定义有序列表。
- `<li>`：定义列表项。
2.3 图像标签- `<img>`：插入图片。
- `<figure>`和`<figcaption>`：定义图片和其标题。
2.4 表格标签- `<table>`：定义表格。
- `<tr>`：定义表格行。
- `<td>`：定义表格数据单元格。
- `<th>`：定义表格标题单元格。
2.5 表单标签- `<form>`：定义表单。
- `<input>`：定义输入字段。
- `<select>`和`<option>`：定义下拉列表。
- `<textarea>`：定义多行文本输入框。
- `<button>`：定义按钮。
2.6 多媒体标签- `<audio>`：插入音频。
- `<video>`：插入视频。
- `<source>`：定义多媒体资源的URL。
2.7 框架标签- `<iframe>`：嵌入其他网页。
3. 总结。
HTML基本标签
XHTML代码规范
（1）所有标签和属性的名字都必须使用小写； （2）所有标签都有一个相应的结束标签； （3）属性值必须加双引号； （4）显式定义属性值； （5）标签合理嵌套；
文本相关标签
文本相关标签
标题 文字缩进
字体标签
字体标签
…… <h2 align="center">如何加入“消费者保障服务”？ 差点忘了，缩进还 </h2> 字体加了颜色 没实现呢？ <p><font face=“宋体" size="2" color="#ff8424"> 您可以通过“我的淘宝”->“我是卖家”->“消费者保障服 务”申请加入。</font> </p> 字体名称 …… 字体尾标签
为什么要使用段落标签和换行标签
<html> 小新写的代码 <head> <title>淘宝网</title> </head> <body> <h2 align="center">如何加入“消费者保障服务”？</h2> 您可以通过“我的淘宝”->“我是卖家”->“消费者保障服务”申请 加入。在申请加入之前请先确认自己是否符合加入消费者保障服务的条 文字缩进 我也换行了 件，如果符合申请要求，您可以点击“申请加入”按钮提交申请。 然后进入“选择服务”页面，选择服务后点击“下一步”： 进入“阅读协议”页面，阅读后点击“同意以上协议，申请加入”，即 可看到申请成功，等待审核通知页面。 ………… </body> 我分段换行了哟 天啊！不是在HTML文档里排版分 </html> 段换行了吗，结果怎么都走了样？
(完整版)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（Hypertext Markup Language）是用于构建网页结构的标记语言。
以下是一些常见的HTML标签及其含义：1.<!DOCTYPE html>：o定义HTML文档类型，通常位于文档的开头。
2.<html>：o HTML文档的根元素，包含整个文档的内容。
3.<head>：o包含文档的元信息，如标题、字符集设置、引用的样式表等。
4.<title>：o定义文档的标题，显示在浏览器的标题栏或标签页上。
5.<body>：o包含文档的主要内容，如文本、图像、链接等。
6.<h1> to <h6>：o定义标题，<h1>是最高级别，<h6>是最低级别。
7.<p>：o定义段落。
8.<a>：o定义超链接，用于创建从一个页面到另一个页面的链接。
9.<img>：o插入图像，用于显示网页上的图片。
10.<ul> 和<ol>：o<ul>定义无序列表，<ol>定义有序列表。
11.<li>：o定义列表项，用于在无序列表或有序列表中创建单个项目。
12.<div>：o定义文档中的块级元素，通常用于组织和布局页面的结构。
13.<span>：o定义文档中的内联元素，通常用于对文本的样式和行内元素进行分组。
14.<table>：o定义表格，包含表头、表体和表尾。
15.<tr>：o定义表格中的行。
16.<td>：o定义表格中的数据单元格。
17.<th>：o定义表格中的表头单元格。
18.<form>：o定义表单，用于用户输入和交互。
19.<input>：o定义输入字段，如文本框、复选框、单选按钮等。
20.<textarea>：o定义多行文本输入字段。
HTML基本标签及语法
HTML基本标签及语法HTML简介什么是HTML本⽂素材来源于⿊马程序员Pink⽼师HTML 指的是超⽂本标记语⾔(Hyper Text Markup Language) ，它是⽤来描述⽹页的⼀种语⾔。
HTML 不是⼀种编程语⾔，⽽是⼀种标记语⾔(markup language)。
标记语⾔是⼀套标记标签(markup tag)。
Web 标准的构成主要包括结构（Structure）、表现（Presentation）和⾏为（Behavior）三个⽅⾯。
结构 --> 结构⽤于对⽹页元素进⾏整理和分类，现阶段主要学的是HTML表现 --> 表现⽤于设置⽹页元素的版式、颜⾊、⼤⼩等外观样式，主要指的是CSS⾏为 --> ⾏为是指⽹页模型的定义及交互的编写，现阶段主要学的是JavascriptWeb 标准提出的最佳体验⽅案：结构、样式、⾏为相分离。
简单理解：结构写到HTML ⽂件中，表现写到CSS ⽂件中，⾏为写到JavaScript ⽂件中。
HTML基本语法HTML基本⾻架标签名定义说明<html><\html>HTML标签页⾯中最⼤的标签，所有内容都包含在该标签内<body><\body>⽂档头部设置⼀些属性，以及引进⽂件样式<title><\title>⽂档标题浏览器所显⽰的⽹页标题<body><\body>⽂档主题基本上⼀个⽹页的所有页⾯元素都放进该标签内⼀个基本的⽹页⾻架<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div>我的第⼀个⽹页</div></body></html>基本语法概述1. HTML 标签是由尖括号包围的关键词，例如<html>。
HTML常用标签
HTML最常用标签（一）基本文档结构标签：1)<!-- -->：注释标签用来在源文档中插入注释。
注释会被浏览器忽略。
您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。
2)<!DOCTYPE>：<!DOCTYPE> 声明位于文档中的最前面的位置，处于<html> 标签之前。
此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。
3)<html>：此元素可告知浏览器其自身是一个HTML 文档。
4)<head>：<head> 标签用于定义文档的头部，它是所有头部元素的容器。
5)<base>：标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。
6)<meta>：<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
包含在<head>标签中。
7)<title>：<title> 元素可定义文档的标题。
8)<body>：body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。
）（二）文本、字体、字号、线条、行控制、超链接、图像相关标签：9)<b>：呈现粗体文本效果。
10)<i>：显示斜体文本效果。
11)<br>：<br> 可插入一个简单的换行符。
12)<font>：<font> 规定文本的字体、字体尺寸、字体颜色。
13)<h1> -- <h6>：<h1> - <h6> 标签可定义标题。
<h1> 定义最大的标题。
<h6> 定义最小的标题。
HTML常用标签
HTML常用标签一、img 标签的用法1、img 的属性src ：source，图片路径，可以是相对路径也可以是绝对路径，作用发送 get 请求，展示一张图片alt : 加载失败是，展示文字提示用户width，height 设置图片宽高，只设置 width，height 会自动适应，只设置 height，width 会自动适应，两个都设置，图片会变形。
图片响应式<style>img {box-sizing : border-box;max-width : 100%;}</style>2、img 事件onload 加载成功时执行onerror 加载失败时执行二、 a 标签的用法1. a 标签的属性（1） href 属性：写一个网址helf 的取值路径/a/b/c 以及 a/b/cindex.html 以及 ./index.html伪协议javascript: 代码;如<a href="javascript:alert(1);">点击</a> 点击不会刷新的超链接*javascript : ; 空的伪协议：*##xxx 跳转到对应 id 的标签mailto : 邮箱地发邮件tel : 手机号打电话（2）target 属性：指定页面在哪个窗口打开_blank 在空白页面打开_top 在最顶层打开_parent 在上一级窗口打开_self 在当前窗口打开xxx 在 xxx 窗口打开，如果没有 xxx 窗口则会建一个 xxx 窗口三、table 标签的用法1、表格标签table 表格thead 表头，tbody 表格主体，tfoot 表格页脚tr 表格的一行， th 表头， td 单元格直接写 tr、td 会自动放入 tbody2、表格属性table-layout = auto 表格宽度会根据内容自动适应table-layout = fixed 表格宽度会根据内容自动平均border-spacing = 10 表格间隙border-collapse = collapse 表格合并四、form 表单的用法form 表单会发 get 请求或者 post 请求1、form 表单属性action 请求页面的地址method 请求方式autocomplete 自动填充target 把哪个页面变成 yyy 刷新value 设置按钮名称2、form 表单的type 类型text 文本color 颜色password 密码radio 单选框，需要加上同一个 namecheckbox 多选框，同一组，需要加上同一个 namefile 选择单个文件file mutiple 选择多个文件hidden 隐藏的表单，用来给机器输入的3、form 表单事件onchange 事件：表单内容发生改变onfocus 事件：表单获得焦点onblur 事件：表单失去焦点表单一般不监听 click 点击事件form 里面放 type=submit 才能触发提交事件4、input type=submit 和button type=submit 的区别input type=submit 不能有其它除了文字之外的内容button type=submit 可以有任何内容，包括标签五、其它输入标签select option 标签选项菜单textarea 标签多行文本六、其他标签video 视频标签audio 音频标签canvas 绘制图像标签svg 绘制矢量图标签。
HTML常用标签属性汇总
HTML常用标签属性汇总1.全局属性：- class: 为当前HTML元素指定一个或多个类名- id: 为当前HTML元素指定唯一的标识符- style: 为当前HTML元素指定样式属性，如颜色、字体、大小等- title: 为当前HTML元素指定鼠标悬停时显示的文字提示2.文本相关属性：- align: 用于指定文本在元素中的对齐方式，如left、right、center等- dir: 用于指定文本的方向，如ltr、rtl等- lang: 用于指定文本的语言，如en、zh等- translate: 用于指定是否需要对文本进行翻译处理3.超链接相关属性：- href: 用于指定链接地址，可以是相对路径或绝对路径- target: 用于指定链接在何处打开，如_blank、_self、_parent、_top等- rel: 用于指定链接与当前页面之间的关系，如nofollow、noopener等4.图像相关属性：- src: 用于指定图像的路径- alt: 用于指定图像显示失败时的替代文本- width: 用于指定图像的宽度- height: 用于指定图像的高度5.表格相关属性：- border: 用于指定表格边框的宽度- cellpadding: 用于指定表格的内边距- cellspacing: 用于指定表格的间距- rowspan: 用于指定单元格的行合并- colspan: 用于指定单元格的列合并6.表单相关属性：- action: 用于指定表单提交的URL地址- method: 用于指定表单提交的方式，如GET、POST等- name: 用于指定表单的名称- value: 用于指定表单元素的默认值7.多媒体相关属性：- autoplay: 用于指定音频或视频自动播放- controls: 用于指定音频或视频是否显示控制条- loop: 用于指定音频或视频是否循环播放- poster: 用于指定音频或视频的封面图像8.其他常用属性：- disabled: 用于指定元素是否禁用- readonly: 用于指定元素是否只读- required: 用于指定元素是否为必填项- maxlength: 用于指定元素输入的最大长度。
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基本标签及结构详解1.HTML概述1.HTML：超⽂本标记语⾔。
是⼀种标识性语⾔，⾮编程语⾔，不能使⽤逻辑运算。
通过标签将⽹络上的⽂档格式进⾏统⼀，使分散的⽹络资源链接为⼀个逻辑整体。
超⽂本是⼀种组织信息的⽅式，通过超级链接将多种媒介链接起来标记:标签。
⽤<>包裹的具有⼀定含义的内容，⽐如:…静态⽹页:不变动态⽹页：跟后台同时改变2.HTML标签结构1.⽂档结构：<!doctype html><!--!表⽰声明的意思。
这⼀⾏代码意思：下⾯的⽂档标签将以html5进⾏解析--><html><!-头部.⽤来完成⼀个⽹页的相关设置-><head><meta charset="utf-8"><!--汉字编码--><!--meta:元，⽤来完成对应设置--><meta name="keywords" content=""><!--设置⼀个⽹站搜索的关键字--><meta name="description" content=""><!--⽹站的描述内容--><title>我的第⼀个html⽹页</title><!--标题--><!--设置⽹站的⼩图标--><link rel="shortcut icon" href="" type="image/png"><style>/*书写样式的地⽅*/</style><link rel="stylesheet" href="style.css"><!--⽤来引⼊外部样式⽂件--></head><!--2.主体部分--><body><p>这是⼀个段落</p></body><script>//放脚本代码的地⽅</script></html>2.常⽤标签：<!--做移动端开发设置--><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><!--1.div标签，⽤于布局，没有具体含义,分层。
html的基本标签含义
<html>:表示html文件的起始和终止，<html>标签在首行，</html>标签在最后一行，两个要一起使用，网页中其他内容都要放在这两个标签之间。
<head>:表示网页的头部标签，用来定义文件的头部信息，与<html>标签一样，也是<head></head>成对使用。
<body>:表示出文件主体区，<body></body>之间是网页的主题内容和其他用于控制文本显示方式的标签。
<title>:网页标题，用于定义浏览器窗口标题栏上的文本信息，可以是网页的标题名或创作信息等网页说明信息。
<hr>:用于显示水平线，使页面看起来更整齐明了。
<pre>:将内容以原始格式显示。
<address>:标注联络人XX、、地址等信息。
<blockquote>:区段引用标签。
<!————>:注释标签，使用注释标签的目的是为网页代码中不同局部加上说明，方便日后的修改。
注释的内容是不会在浏览器上显示出来的，如<——要注释的内容——>。
<p>:文本段落，可以用align属性设置left、center、right 3种对齐方式。
<br/>:强制换行，没有完毕标签，在网页中产生换行效果。
<center>:使文字或其他网页元素居中显示。
<marquee>:文本或图片移动显示，属性direction用来指示移动方向。
<dl>、<dt>、<dd>:<dl></dl>标签创立无序列表，<dt></dt>定义上层工程，<dd>、</dd>定义下层工程，<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。
html常用标签整理
html常⽤标签整理html⽂档结构1<!DOCTYPE html>2<html lang="zh-CN"> #这个lang表⽰语⾔，zh-CN中⽂的意思，整个⽂档的内容以中⽂为主，如果以英⽂为主，就写成lang='en'34<head>5<meta charset="UTF-8">6<title>css样式优先级</title>7</head>8<body>910</body>11</html>1.<!doctype html>声明为html5⽂件，必须是html⽂档的第⼀⾏，在<html>标签之前;2.<html>、</html>是⽂档开始和结束的标记,是HTML页⾯的根元素，在它们之间是⽂档的头部（head）和主体（body);3.<head>、</head>定义HTML⽂档开头部分,内容不会在浏览器窗⼝显⽰,包含⽂档元（meta）数据，配置信息等，是给浏览器看的;4.<title>、</title>定义了⽹页标题，在浏览器标题栏显⽰（修改⼀下title中的内容，然后看⼀下浏览器，你就会发现title是什么了）;5.<body>、</body>之间的内容是可见的⽹页主体内容;注意：中⽂⽹页需要使⽤<meta charset="utf-8">声明编码，否则会出现乱码;有些浏览器是gbk，需⼿动设置为 <meta charset="gbk">；html标签格式1.html标签是由尖括号包围的关键字，如：<html>,<div>,<span>等;2.html标签通常是成对出现，如：<div></div>,第⼀个是开始，第⼆个有斜线的是结束；3.有些标签是单独呈现的，如：<br/> 、<hr/>、<img src="222.png">;4.标签⾥⾯带有若⼲属性，也有不带的；标签语法：<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名><标签名属性1=“属性值1” 属性2=“属性值2”…… />html注释：<!--注释内容--> #找到⼀⾏内容ctrl+/能快捷注释，注释的内容不会在⽹页上显⽰出来head内常⽤标签meta标签： 01.<meta>元素可提供有关页⾯的元信息（meta-information）,针对搜索引擎和更新频度的描述和关键词； 02.标签位于⽂档的头部，不包含任何内容,提供的信息⽤户是看不见的；meta标签组成： http-equiv属性和name属性： 1.http-equiv属性：相当于http的⽂件头作⽤，向浏览器传回⼀些有⽤的信息，正确显⽰⽹页内容，与之对应的属性值content，content中的内容是各个参数的变量值；<!--2秒后跳转到对应的⽹址，注意引号--><meta http-equiv="refresh" content="2;URL=https://"> #如果把URL和后⾯的内容去掉，就是2秒钟刷新⼀次，做了解;<!--指定⽂档的编码类型--><meta http-equiv="content-Type" charset=UTF8"><!--告诉IE以最⾼级模式渲染⽂档--><meta http-equiv="x-ua-compatible" content="IE=edge"> #edge是微软的⼀个全新的浏览器,其实就是告诉IE浏览器，你按照最⾼标准来渲染我的页⾯，做了解； 属性：主要⽤于描述⽹页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息⽤的；<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"><!-- 关键字，也就是别⼈是可以通过这些关键字搜索到我的这个⽂章的，搜索引擎就是能够这个content内容来帮别⼈搜索到你的这个⽂档的,SEO就是专门做这些搜索优化的；--> <meta name="description" content="xxxxxpythonxxx学习"> #是对这个⽂档的描述，在百度⼀些内容的页⾯上，f12打开看看body常⽤标签基本标签不加标签的纯⽂字也是可以在body中写的<b>加粗</b><i>斜体</i><u>下划线</u><s>删除</s><p>段落标签</p> #独占⼀个段落<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><!--换⾏--><br><!--⽔平线--><hr> #就是单独个⼀个⽔平线每次加上⼀些内容，记得保存再刷新⼀下才会显⽰出效果来；常⽤特殊字符div标签和span标签这两个标签没有特别的样式,<div>xxxx</div>，<span>xxx</span>这是两个标签最⼤的特点，可以通过CSS来控制,⽹站中多数是他们;div标签⽤来定义⼀个块级元素，并⽆实际的意义。
html中各种标签和属性（最基础的基本都有）
html中各种标签和属性（最基础的基本都有）1、标题标签： h1~h6 ctrl+1~62、段落标签： p ctrl+shift+p3、换⾏标签： br shift+回车4、⽔平线： hr5、加粗标签： strong ctrl+b6、倾斜标签： em ctrl+i7、空格标签： 8、图⽚标签：<img src=’图⽚路径’ alt=’图⽚加载错误提⽰⽂字’ title=’⿏标悬停⽂字’ width=’宽度’ height=’⾼度’ />9、超链接：<a href=’链接路径’ traget=’_blank’>⽂本/图⽚</a>10、锚链接：(1) 定义锚：给标签加id属性，id=”top”(2) 跳转到锚：<a href=”#top”>top</a>11、⾏级标签1.Strong2.Em3.A4.Img12、块级标签1.标题标签2.段落标签Display：inline-block设置元素具有⾏级标签和块级标签的属性.da dl dd p:nth-of-type(1)：当dd下⾯的段落p有好⼏个的时候，你有只想给第⼀个段落p加样式的时候⽤到这个Float：浮动Z-index：层次 z-index：1⽐z-index：2 低⼀层设置div半透明的代码：opacity:0.7；设置div溢出隐藏的代码：overflow:hidden;设置css的动画效果：transition: all 0.5s linear1、linear：规定以相同速度开始⾄结束的过渡效果2、ease：规定慢速开始，然后变快，然后慢速结束的过渡效果3、ease-in：规定以慢速开始的过渡效果4、ease-out：规定以慢速结束的过渡效果5、ease-in-out：规定以慢速开始和结束的过渡效果设置css时图⽚在div中同⽐例放⼤或者同⽐例缩⼩：transform: scale(1.1)第⼆章1、⽆序列表标签： ul li2、有序列表标签： ol li3、定义列表标签： dl dt dd4、表格：(1) Table① Tr ⾏② Td 单元格③ thead标签：表格的表头④ Tbody标签：表格的主体(2) 合并⾏：rowspan(3) 合并列：colspan(4) 表格内部的框合并（双线框变单线框）border-collapse:collapse;5、视频播放(1) Video autoplay⾃动播放 control控制按钮① Sorce src=’视频的地址’1、内联框架(1) Iframe6、⽹页结构(1) 头部：header(2) 主体：section(3) 底部：footer第三章1、表单：<form method=post action=’提交的地址’>表单元素</form>2、表单元素：<input type=’表单元素类型’ name=’名称’ value=’默认值’ />(1) ⽂本框：type=text （⽤户名，编号....）(2) 密码框：type=password（密码）(3) 单选按钮：type = radio（选男还是选⼥）(4) 复选框：type=checkbox（爱好.....）(5) 数字：type=number(6) 电⼦邮箱：type=email(7) ⽹址：type=url(8) ⽂件：type=file（上传头像....）(9) 下拉列表框<select name=’city’><option>济南市</option><option>青岛市</option></select>（像选择城市，选择时间）(10) ⽂本域：<textarea cols=’列’ rows-’⾏’></textarea>（像个⼈简介之类的）(11) 图像按钮：type=image（注册选择的是点击图⽚就⽤到了这个）(12) 提交按钮：type=submit（⽴即注册）(13) 重置按钮：type=reset（重新注册）(14) 想让⽂本框中出现提⽰词语的话⽤这个：placeholder:”请填写正确的密码”；3、表单的⾼级应⽤(1) 只读（readonly="readonly"）(2) 禁⽤（）(3) 表达你的初级验证：placeholder（搜索提⽰）Required（⾮空）Pattern（正则表达式，就是⼿机号必须是11位之类的）第四章1、选择器(1) 标签选择器：直接⽤标签名字命名，不需要调⽤(2) 类选择器：.类名调⽤：class=’类名’(3) ID选择器：#名称调⽤：id=’名称’ id选择器⼀个页⾯只能⽤⼀次(4) 优先级：id>类>标签2、⾼级选择器(1) 层次选择器①后代选择器：E F②⼦选择器：E>F③相邻兄弟选择器：E+F④通⽤兄弟选择器：E~F(2) 结构伪类选择器① E:fist-child 取得第⼀个标签② E:last-child 取得最后⼀个标签③ E:nth-of-type(n) 取得第n个标签(3) 属性选择器① E[attr]:具有attr属性的E标签② E[attr=val]:具有attr属性且值等于val的E标签③ E[attr^=val]: 以val开头的.....④ E[attr$=val]:以val结尾的....⑤ E[attr*=val]：包含val的....第五章1. Color:字体颜⾊2. Font-size：字体⼤⼩3. Font-weight：字体粗细：bold粗，lighter细4. Font-family：字体样式5. Letter-spacing：字间距6. Line-height：⾏间距7. Width：宽度8. Height：⾼度9. Left左10. Right右11. Bottom下12. Top上13. Center中间14. Justify两端对齐15. Backgroun-color：背景颜⾊16. Text-align：⽔平对齐17. Text-indent：⾸⾏缩进18. Border-radius:10px设置边框⾓的弧度19. Text-decoration：none去掉超链接下划线20. Text-decoration：underline加上超链接下划线21. Text-shadow：color x-offset y-offset blur-radius（color阴影颜⾊x-offset沿横向移动y-offset沿纵向移动blur-radius阴影模糊）22. Font-style：italic倾斜23. Vertical-align:middle当图⽚和字⼀起，让字在图⽚的中间对齐时引⽤这个1. Margin：0px去掉外边距2. Padding：0px去掉内边距3. Margin：auto⽹页中的整个元素在⽹页中左右居中4. List-style：none去掉列表默认样式，去掉⼩⿊点5. A:hover⿏标悬停样式6. 背景图像：background-repeat属性 1.repeat：沿⽔平和垂直⽅向平铺2. no-repeat不平铺，只显⽰⼀次3. repeat-x横向平铺4. 3. repeat-x横向平铺4.3. repeat-y纵向平铺（background：url（图⽚） no-repeat 横向纵向）第六章⼀、盒⼦模型：border：边框border-color: #F00; 边框的颜⾊border-width: 10px; 边框的线条⼤⼩border-style 边框的线型边框的线型：solid实线double双实线dotted点线dashed虚线background: linear-gradient(to bottom, #cdcdff, #FFF)*背景颜⾊的渐变to bottom从上往下Border-top：#C0F 1px dotted意思是上边框颜⾊是#c0f 线条的宽度是1px⽤的是点线！⼆、圆：border-radius: 50%;实现圆的效果，三、box-shadow:2px 2px 10px #333; 阴影box-shadow:阴影⽔平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值阴影颜⾊；四、position:relative; /*相对定位*/ 相对于⾃⼰的位置发⽣了偏移，但是原来的位置还是占据！五、Position：absolute； /*绝对定位*/ 相对于⾃⼰的位置发⽣了偏移，但是原来的位置还是不占据！css获取li标签中的第⼏个标签选择器：1.li: first-child表⽰选择列表中的第⼀个标签2.li:last-child表⽰选择列表中的最后⼀个标签3.nth-child(3) 表⽰选择列表中的第3个标签4. nth-child(2n) 这个表⽰选择列表中的偶数标签，即选择第2、第4、第6…… 标签5. nth-child(2n-1) 这个表⽰选择列表中的奇数标签，即选择第1、第3、第5、第7……标签。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Html的基本语法1.1 Html概况1.1.1 什么是HtmlHtml英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
是所有的internet站点的共同的语言，所有的页面都是以Html格式的文件为基础，再加上其他语言工具（例JavaScript、VBScript等）构成。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。
Html文件扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。
Html语言使用标签对的方法编写文件，它通常使用<标签名></标签名>来表示标签的开始和结束。
在Html文档中这样的标签对一般是成对使用的。
1.1.2 为什么要学习Html通过前面的学习我们知道，Micromedia公司的Dreamweaver是“所见即所得”的网页制作工具，使用它可以直接开发网页，而不用费劲的书写代码，这使得用户在没有Html语言基础的情况下，照样可以设计网页，而相应的Html文档由开发工具自动编写，这是网页图形编辑工具的最大优点，同时也是它最大的不足。
受到图形编辑工具自身的约束，将产生大量的垃圾代码。
所以，我们应该在掌握图形编辑工具的基础上进一步学会HTML语言，从而知道哪些是垃圾代码，消除无用的代码，制作出高质量的网页。
1.2 Html文档的结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
<HTML><HEAD>头部信息</HEAD><BODY>文档主体，正文部分</BODY></HTML>其中<HTML>在最外层，表示这对标记间的内容是HTML文档。
我们还会看到一些网页省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。
<HEAD>之间包括文档的头部信息，如文档总标题等，若不需要头部信息则可省略此标记。
<BODY> 标记一般不能省略，它表示正文内容的开始。
下面是一个最基本的超文本文档的源代码：<HTML><HEAD><TITLE>网页标题</TITLE> </HEAD><BODY><H3>欢迎光临我的主页</H3> <BR><HR>这是一个我的第一个网页</BODY></HTML>━┓┃文件头━┛━┓┃┃┃┃文件体┃┃━┛1.3 标签的格式1.3.1 标签的作用HTML标签是组成HTML文档元素，每一个标签描述了一个功能。
HTML标签两端有两个包括字符：“<”和“>”，这两个包括字符被称为角括号。
HTML标签一般成对出现，比如<table>和</table>。
无斜杠的标签的为开始标签，有斜杠的为结束标签，在开始和结束标签之间的对象是元素内容。
如<table>表示一个表格的开始，</table>表示一个表格的结束。
HTML标签是大小写无关的，但我们习惯用小写。
1.3.2 标签的分类：标签分为单标签，双标签两种。
单标签：只需单独使用就能完整地表达意思，这类标记的语法是：< 标签名称>最常用的单标签是<BR>, 它表示换行。
双标签：它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。
始标签前加一个斜杠（/）即成为尾标记。
这类标记的语法是：<标签> 内容</ 标签>其中“内容”部分就是要被这对标记施加作用的部分1.3.3 标签的属性：为了增强标签的功能，许多单标记和双标记的始标记内可以包含一些属性，其语法是：<标签名字属性1=“属性值1”属性2=“属性值2”属性3=“属性值3”… > 各属性之间无先后次序，属性值应该被包含在引号中，常用双引号，但是单引号也可以使用，在有些情况下，比如说属性值本身包含引号，就得使用单引号。
比如：name='John "ShotGun" Nelson'。
注意：中文引号跟英文引号是不一样的。
上面所指的引号都是英文状态下的引号，属性也可省略（即取默认值）。
1.4 基本标签1.4.1 <html></html> 用于创建Html文档<html>标签用于Html文档的最前边，用来标识Html文档的开始。
而</html>标签恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，这对标签必须成对使用。
1.4.2 <head></head><head>和</head>构成Html文档的头部分，在此标签对之间可以使用<title></title>、<script></script>等标签对，这些标签对都是描述Html文档头部信息的标签对，<head></head>标签对之间的内容是不会在浏览器的框内显示出来的。
这对标签必须成对使用。
1.4.3 网页标题<title></title>使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在<title></title>标签对之间加入您要显示的文本即可。
注意：<title></title>标签对只能放在<head></head>标签对之间。
1.4.4 <body></body><body></body>是Html文档的主体部分，在此标签对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等众多的标签，它们所定义的文本、图像等将会在浏览器的框内显示出来。
该标签必须成对使用。
<body>标签中还可以有以下属性：色彩rrggbb是用16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
例: body.html<html><head><title>唐诗</title></head><body bgcolor="blue" text="yellow" >静晚思<br>床前明月光，疑是地上霜。
<br>举头望明月，低头叫故乡。
<br></body.></html>1.5 格式标签1.5.1 段落标签<p> </p>格式：<p align=# >说明：</p>标签是用来创建一个段落，在此标签之间加入的文本将按照段落的格式显示在浏览器上。
HTML自动在一个段落前后各添加一个空行。
align可以控制段落的对齐方式，取值为：Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。
例：<body><p align=”center”>浣溪沙</p><p>一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。
无可奈何花落去，似曾相识燕归来。
小园香径几徘徊。
</p></body>1.5.2 换行标签<br>当需要结束一行，并且不想开始新段落时，使用<br>标签。
<br>标签不管放在什么位置，都能够强制换行。
它是单标签。
例：<body><p align=”center”>浣溪沙</p><p>一曲新词酒一杯，去年天气旧亭台，<br>夕阳西下几时回。
无可奈何花落去，<br> 似曾相识燕归来。
小园香径几徘徊。
</p></body>1.5.3 文章标题标签Hn一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签<Hn>，其中n为标题的等级，HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：〈H1>…</H1>第一级标题〈H2>…</H2>第二级标题〈H3>…</H3>第三级标题〈H4>…</H4>第四级标题〈H5>…</H5>第五级标题〈H6>…</H6>第六级标题例：<body>这是一行普通文字<P>〈H1>一级标题</H1>〈H2>二级标题</H2>〈H3>三级标题</H3>〈H4>四级标题</H4>〈H5>五级标题</H5>〈H6>六级标题</H6></body>1.5.4 预格式化文本<pre></pre>为控制换行和空格，可以预先设定好文本的格式例：<body><pre> 浣溪沙一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。
无可奈何花落去，似曾相识燕归来。
小园香径几徘徊。
</pre></body>1.5.5 环绕标签格式: <marquee direction=# bihavior=* loop=数字scrollamount=数字scrolldelay=数字scrollamount=数字height=数字width=数字> ... </marquee>说明：方向属性direction=# #=left，right，up，down例：<marquee direction=left>啦啦啦，我从右向左移！</marquee><marquee direction=right>啦啦啦，我从左向右移！</marquee>方式属性bihavior=* 8=scroll，slide，alternate例：<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee><marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee><marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>循环次数loop，若未指定则循环不止(infinite)速度属性scrollamount=数字延时属性scrolldelay=数字例：<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee> 面积属性height=数字width=数字例：<marquee height=40 width=50% bgcolor=”red”>啦啦啦，我会移动耶！</marquee>这些属性可以单独使用，也可混合使用，下面是一个综合实例：例：制作滚动的新闻<body><marquee id="a" behavior="scroll" direction="up" height="150" width="150" bgcolor="#FFCC00" scrollamount="2" onmouseover="a.stop()" onmouseout="a.start()"> <p>当鼠标指向时停止当鼠标移过时滚动<br>当鼠标指向时停止当鼠标移过时滚动<br>当鼠标指向时停止当鼠标移过时滚动<br></p></marquee></body>其中id为这段文本的名称，要注意的是一个环绕标签只对一个段落起作用。