(一) 标签整理
1 !–…--
用途 :注释标签用于在源代码中插入注释。注释不会显示在浏览器中。您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。实例代码 :<!--这是一段注释。注释不会在浏览器中显示。-->
属性及属性的意义
2 !DOCTYPE
用途 :<!DOCTYPE>
声明必须是 HTML 文档的第一行,位于 标签之前。<!DOCTYPE>
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。实例代码 :<!DOCTYPE html>
属性及属性的意义
3 a
用途 :<a>
标签定义超链接,用于从一张页面链接到另一张页面。实例代码 :<a href="http://www.w3school.com.cn">W3School</a>
属性的意义和属性值
属性名 属性的意义 属性值 coords 规定链接的位置 x1,x2,x3,x4 download 规定被下载的超链接目标 文件名 href 超链接目标的 URL 地址 name a的名称;创建标签 名称 shape 链接的形状,与coords一起使用 default;rect;circle;poly target 规定在何处打开链接文档 _blank;_self;_parent;_top;framename
4 b
用途 :<b>
加粗文本实例代码 :<p>这是普通文本 - <b>这是粗体文本</b></p>
属性的意义和属性值
5 blockquote
用途 : <blockquote>
与<blockquote>
之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。实例代码 :<blockquote>
Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.
</blockquote>
属性的意义和属性值
6 body
用途 :<body>
定义文档的主体。body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)实例代码 :<body>
文档的内容... ...
</body>
属性的意义和属性值
属性名 属性的意义 属性值 alink 链接被点击时的颜色 color_name;hex_number;rgb_number background 定义背景图片 图片 bgcolor 定义背景颜色 color_name;hex_number;rgb_number link 链接未被点击时的颜色 color_name;hex_number;rgb_number text 文本的颜色 color_name;hex_number;rgb_number vlink 已被访问链接的颜色 color_name;hex_number;rgb_number
7 button
用途 :<button>
定义一个按钮。请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”,而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。实例代码 :<button type="button">Click Me!</button>
属性的意义和属性值
属性名 属性的意义 属性值 autofocus 自动获取焦点 autofocus disabled 禁用 disabled form 定义按钮属于某个表单 按钮所属表单的 id name 按钮的名字 文本 type 按钮的类型 button(IE默认值);submit(其他默认);reset(重置) text 文本的颜色 color_name;hex_number;rgb_number value 按钮内容 文本(IE提交value,其他浏览器提交button之间的数据)
8 caption
用途 :<caption>
元素定义表格标题。<caption>
标签必须紧随 <table>
标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。实例代码 :
< table border = " 1" >
< caption> Monthly savings</ caption>
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;top;bottom
9 code
用途 : <code>
标签用于表示计算机源代码或者其他机器可以阅读的文本内容。实例代码 :-属性的意义和属性值
10 datalist
用途 : <datalist>
标签定义选项列表。请与<input>
元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。实例代码 :
< input id = " myCar" list = " cars" />
< datalist id = " cars" >
< option value = " BMW" >
< option value = " Ford" >
< option value = " Volvo" >
</ datalist>
11 dd
用途 : <dd>
在定义列表中定义条目的定义部分。实例代码 :
< dl>
< dt> 计算机</ dt>
< dd> 用来计算的仪器 ... ...</ dd>
< dt> 显示器</ dt>
< dd> 以视觉方式显示信息的装置 ... ...</ dd>
</ dl>
12 del
用途 : <del>
定义文档中已被删除的文本。请与 <ins>
标签配合使用,来描述文档中的更新和修正。大多数浏览器会改写为删除文本和下划线文本。实例代码 :
a dozen is < del> 20</ del> 12 pieces
13 div
< div style =" color : #00FF00" >
< h3> This is a header</ h3>
< p> This is a paragraph.</ p>
</ div>
属性名 属性的意义 属性值 align 对齐方式 left;right;top;bottom
14 dl
用途 : <dl>
标签定义了定义列表(definition list)。 <dl>
标签用于结合 <dt>
(定义列表中的项目)和 <dd>
(描述列表中的项目)。实例代码 :
< dl>
< dt> 计算机</ dt>
< dd> 用来计算的仪器 ... ...</ dd>
< dt> 显示器</ dt>
< dd> 以视觉方式显示信息的装置 ... ...</ dd>
</ dl>
15 dt
用途 : <dt>
标签定义了定义列表中的项目(即术语部分)。实例代码 :
< dl>
< dt> 计算机</ dt>
< dd> 用来计算的仪器 ... ...</ dd>
< dt> 显示器</ dt>
< dd> 以视觉方式显示信息的装置 ... ...</ dd>
</ dl>
16 em
用途 : <em>
标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示实例代码 :
< em> 你好</ em>
17 figure
用途 : <figure>
标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。实例代码 :
< figure>
< p> 黄浦江上的的卢浦大桥</ p>
< img src = " shanghai_lupu_bridge.jpg" width = " 350" height = " 234" />
</ figure>
18 footer
用途 : <footer>
标签定义文档或节的页脚。其应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个
实例代码 :
< footer>
< p> Posted by: W3School</ p>
< p> Contact information: < a href = " mailto:someone@example.com" > someone@example.com</ a> .</ p>
</ footer>
19 form
用途 : <form>
标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。实例代码 :
< form action = " form_action.asp" method = " get" >
< p> First name: < input type = " text" name = " fname" /> </ p>
< p> Last name: < input type = " text" name = " lname" /> </ p>
< input type = " submit" value = " Submit" />
</ form>
属性名 属性的意义 属性值 action 规定提交表单时向何处发送表单数据 地址 name 表单的名字 文本 target 规定在何处打开 action 的地址 _blank;_self;_parent;_top;framename
20 frame
用途 : <frame>
标签定义 frameset 中的一个特定的窗口(框架)。 frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。实例代码 :
< html>
< frameset cols = " 25%,50%,25%" >
< frame src = " frame_a.htm" />
< frame src = " frame_b.htm" />
< frame src = " frame_c.htm" />
</ frameset>
</ html>
属性名 属性的意义 属性值 frameborder 规定是否显示框架周围的边框 0;1 marginheight 定义框架的上方和下方的边距 数值 marginwidth 定义框架的左侧和右侧的边距 数值 name 框架的名称 文本 src 规定在框架中显示的文档的 URL 地址
21 frameset
用途 : <frameset>
元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。实例代码 :
< html>
< frameset cols = " 25%,50%,25%" >
< frame src = " frame_a.htm" />
< frame src = " frame_b.htm" />
< frame src = " frame_c.htm" />
</ frameset>
</ html>
属性名 属性的意义 属性值 cols 定义框架集中列的数目和尺寸 百分比;数字 rows 定义框架集中行的数目和尺寸 百分比;数字
22 h1 to h6
用途 : <h1>to<h6>
标签可定义标题。<h1>
定义最大的标题。<h6>
定义最小的标题。由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。实例代码 :
< h1> 这是标题 1</ h1>
< h2> 这是标题 2</ h2>
< h3> 这是标题 3</ h3>
< h4> 这是标题 4</ h4>
< h5> 这是标题 5</ h5>
< h6> 这是标题 6</ h6>
属性名 属性的意义 属性值 align 对齐方式 left;right;top;bottom
23 head
用途 : <head>
签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>
。 应该把 <head>
标签放在文档的开始处,紧跟在<html>
后面,并处于<body>
标签或 <frameset>
标签之前。
定义文档的标题,它是 head 部分中唯一必需的元素。
- **实例代码**:
< html>
< head>
< title> 文档的标题</ title>
</ head>
< body>
文档的内容... ...
</ body>
</ html>
属性名 属性的意义 属性值 profile 一个由空格分隔的 URL 列表,这些 URL 包含着有关页面的元数据信息。 地址
24 header
用途 : <header>
标签定义文档的页眉(介绍信息)。实例代码 :
< header>
< h1> Welcome to my homepage</ h1>
< p> My name is Donald Duck</ p>
</ header>
< p> The rest of my home page...</ p>
25 hr
用途 : <hr>
标签在 HTML 页面中创建一条水平线。实例代码 :
< h1> This is header 1</ h1>
< hr />
< p> This is some text</ p>
26 html
用途 : <html>
此元素可告知浏览器其自身是一个 HTML 文档。实例代码 :
< html>
< head>
这里是文档的头部 ... ...
...
</ head>
< body>
这里是文档的主体 ... ...
...
</ body>
</ html>
属性名 属性的意义 属性值 manifest 定义一个 URL,在这个 URL 上描述了文档的缓存信息。 地址 xmlns 定义 XML namespace 属性。 地址
27 i
用途 : <i>
标签显示斜体文本效果。 <i>
标签和基于内容的样式标签 <em>
类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。实例代码 :
< i> 斜体字</ i>
28 iframe
用途 : <iframe>
标素会创建包含另外一个文档的内联框架(即行内框架)。实例代码 :
< html>
< body>
<iframe src ="/index.html" width="400px" height="300px">
< p> Your browser does not support iframes.</ p>
</ iframe>
</ body>
</ html>
属性名 属性的意义 属性值 align 对齐方式 left;right;top;bottom frameborder 规定是否显示框架周围的边框 0;1 height 定义iframe 的高度 数值 marginheight 定义框架的上方和下方的边距 数字 marginwidth 定义框架的左侧和右侧的边距 数字 name 框架的名称 文本 src 规定在框架中显示的文档的 URL 地址 width 定义iframe 的宽度 数值
29 img
用途 : <img>
元素向网页中嵌入一幅图像。 请注意,从技术上讲,<img>
标签并不会在网页中插入图像,而是从网页上链接图像。<img>
标签创建的是被引用图像的占位空间。 <img
> 标签有两个必需的属性:src 属性 和 alt 属性。实例代码 :
< img src = " /i/eg_tulip.jpg" alt = " 上海鲜花港 - 郁金香" />
属性名 属性的意义 属性值 alt 规定图像的替代文本 文本 src 规定显示图像的 URL 地址 align 对齐方式 left;right;top;bottom border 规定边框厚度 数值 height 定义iframe 的高度 数值 width 定义iframe 的宽度 数值
30 input
用途 : <input>
标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。实例代码 :
< form action = " form_action.asp" method = " get" >
First name: < input type = " text" name = " fname" />
Last name: < input type = " text" name = " lname" />
< input type = " submit" value = " Submit" />
</ form>
属性名 属性的意义 属性值 alt 规定图像的替代文本 文本 autocomplete 规定是否使用输入字段的自动完成功能(邮件除外) on;off autofocus 规定输入字段在页面加载时是否获得焦点。(不适用于 type=“hidden”) autofocus checkedr 规定此 input 元素首次加载时应当被选中 checked disabled 当 input 元素加载时禁用此元素 disabled form 规定输入字段所属的一个或多个表单 formname height 定义input字段的高度 数值 name 定义 input 元素的名称 文本 placeholder 规定帮助用户填写输入字段的提示 文本 type 规定 input 元素的类型 button;checkbox;file;hidden;image;password;radio;reset;submit;text value 规定 input 元素的值 文本 size 定义输入字段的宽度 数值 width 定义input字段的宽度 数值
31 kbd
键入 < kbd> quit</ kbd> 来退出程序,或者键入 < kbd> menu</ kbd> 来返回主菜单
32 label
用途 : <label>
input 元素定义标注。label
元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label
元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 <label>
标签的 for 属性应当与相关元素的 id 属性相同。实例代码 :
< label for = " male" > Male</ label>
< input type = " radio" name = " sex" id = " male" />
< br />
< label for = " female" > Female</ label>
< input type = " radio" name = " sex" id = " female" />
</ form> 键入 < kbd> quit</ kbd> 来退出程序,或者键入 < kbd> menu</ kbd> 来返回主菜单
属性名 属性的意义 属性值 for 规定 label 绑定到哪个表单元素 id form 规定 label 字段所属的一个或多个表单 formid
33 legend
用途 : <legend>
元素为 fieldset 元素定义标题(caption)。实例代码 :
< form>
< fieldset>
< legend> health information</ legend>
height: < input type = " text" />
weight: < input type = " text" />
</ fieldset>
</ form>
属性名 属性的意义 属性值 align 对齐方式 left;right;top;bottom
34 li
< ol>
< li> Coffee</ li>
< li> Tea</ li>
< li> Milk</ li>
</ ol>
< ul>
< li> Coffee</ li>
< li> Tea</ li>
< li> Milk</ li>
</ ul>
35 meta
用途 : <meta>
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 <meta>
标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。实例代码 :
< ol>
< li> Coffee</ li>
< li> Tea</ li>
< li> Milk</ li>
</ ol>
< ul>
< li> Coffee</ li>
< li> Tea</ li>
< li> Milk</ li>
</ ul>
属性名 属性的意义 属性值 content 定义与 http-equiv 或 name 属性相关的元信息 文本
36 nav
用途 : <nav>
标签定义导航链接的部分。实例代码 :
< nav>
< a href = " index.asp" > Home</ a>
< a href = " html5_meter.asp" > Previous</ a>
< a href = " html5_noscript.asp" > Next</ a>
</ nav>
37 noframes
用途 : <noframes>
元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。实例代码 :
<frameset cols = "25%, 25%,*">
< noframes>
< body> Your browser does not handle frames!</ body>
</ noframes>
<frame src ="venus.htm" />
<frame src ="sun.htm" />
<frame src ="mercur.htm" />
</ frameset>
38 noscript
用途 : <noscript>
元素用来定义在脚本未被执行时的替代内容(文本)。此标签可被用于可识别
< body>
...
...
< script type = " text/javascript" >
< ! --
document. write ( "Hello World!" )
</ script>
< noscript> Your browser does not support JavaScript!</ noscript>
...
...
</ body>
39 ol
< ol>
< li> Coffee</ li>
< li> Tea</ li>
< li> Milk</ li>
</ ol>
属性名 属性的意义 属性值 reversed 规定列表顺序为降序 - start 规定有序列表的起始值 数值 type 规定在列表中使用的标记类型 1;a等
40 optgroup
用途 : <optgroup>
标签定义选项组。 optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。实例代码 :
< select>
< optgroup label = " Swedish Cars" >
<option value ="volvo">Volvo</ option>
<option value ="saab">Saab</ option>
</ optgroup>
< optgroup label = " German Cars" >
<option value ="mercedes">Mercedes</ option>
<option value ="audi">Audi</ option>
</ optgroup>
</ select>
属性名 属性的意义 属性值 label 为选项组规定描述。 文本 disabled 规定禁用该选项组 disabled
41 option
用途 : <optgroup>
元素定义下拉列表中的一个选项(一个条目)。 浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。 option 元素位于 select 元素内部。实例代码 :
< select>
<option value ="volvo">Volvo</ option>
<option value ="saab">Saab</ option>
< option value = " opel" > Opel</ option>
< option value = " audi" > Audi</ option>
</ select>
属性名 属性的意义 属性值 disabledl 规定此选项应在首次加载时被禁用 disabled label 定义当使用 optgroup>时所使用的标注 文本 selected 规定选项(在首次显示在列表中时)表现为选中状态 selected value 定义送往服务器的选项值 text
42 p
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定
< p> This is some text in a very short paragraph</ p>
属性名 属性的意义 属性值 alignl 规对齐方式 left;right;top;bottom
42 q
用途 : <q>
标签定义短的引用。 浏览器经常在引用的内容周围添加引号实例代码 :
< q> Here is a short quotation here is a short quotation</ q>
属性名 属性的意义 属性值 citel 定义引用的出处或来源(citation) citation
43 script
用途 : <script>
标签用于定义客户端脚本,比如 JavaScript。 script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型。 JavaScript 的常见应用时图像操作、表单验证以及动态内容更新实例代码 :
< script type = " text/javascript" >
document. write ( "Hello World!" )
</ script>
属性名 属性的意义 属性值 typel 指示脚本的 MIME 类型 MIME-type src 规定外部脚本文件的 URL 地址
44 select
用途 : <select>
select 元素可创建单选或多选菜单。 <select&>
元素中的<option>
标签用于定义列表中的可用选项实例代码 :
< select>
<option value ="volvo">Volvo</ option>
<option value ="saab">Saab</ option>
< option value = " opel" > Opel</ option>
< option value = " audi" > Audi</ option>
</ select>
属性名 属性的意义 属性值 autofocusl 规定在页面加载后文本区域自动获得焦点 autofocus disabled 规定禁用该下拉列表 disabled forml 规定文本区域所属的一个或多个表单 form_id multiple 规定可选择多个选项 multiple namel 规定下拉列表的名称 name required 规定文本区域是必填的 required size 规定下拉列表中可见选项的数目 number
45 small
用途 : <small>
标签呈现小号字体效果。 <small>
标签和它所对应的<big>
标签一样,但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号,那么<small>
标签将不起任何作用。 与<big>
标签类似,<small>
标签也可以嵌套,从而连续地把文字缩小。每个 <small>
标签都把文本的字体变小一号,直到达到下限的一号字。实例代码 :
< select>
缩小文本
</ select>
46 span
< p> < span> some text.</ span> some other text.</ p>
47 strong
< strong> 强调文本< strong>
48 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>
属性名 属性的意义 属性值 type 规定样式表的 MIME 类型 text/css
49 sup
这段文本包含 < sup> 上标</ sup>
50 table
< table border = " 1" >
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;top;bottom bgcolor 表格的背景颜色 颜色 border 边框的厚度 数值 cellpaddingr 规定单元边沿与其内容之间的空白 数值 cellspacing 规定单元格之间的空白 数值 summary 规定表格的摘要 文本 width 规定表格的宽度 数值
51 tbody
< table border = " 1" >
< thead>
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
</ thead>
< tfoot>
< tr>
< td> Sum</ td>
< td> $180</ td>
</ tr>
</ tfoot>
< tbody>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
< tr>
< td> February</ td>
< td> $80</ td>
</ tr>
</ tbody>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline
52 td
< table border = " 1" >
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char bgcolor 规定单元格的背景颜色 颜色 char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 colspan 规定单元格可横跨的列数 数值 height 规定单元格的高度 数值 rowspan 规定单元格可横跨的横数 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline width 规定单元格的宽度 数值
53 textarea
< textarea rows = " 3" cols = " 20" >
在w3school,你可以找到你所需要的所有的网站建设教程。
</ textarea>
属性名 属性的意义 属性值 autofocus 规定在页面加载后文本区域自动获得焦点 autofocus cols 规定文本区内的可见宽度 数值 disabled 规定禁用该文本区 disabled form 规定文本区域所属的一个或多个表单 form_id maxlength 规定文本区域的最大字符数 数值 name 规定文本区的名称 文本 required 规定文本区域是必填的 required rows 规定文本区内的可见行数 数值 wrap 规定当在表单中提交时,文本区域中的文本如何换行 hard;soft
54 tfoot
< table border = " 1" >
< thead>
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
</ thead>
< tfoot>
< tr>
< td> Sum</ td>
< td> $180</ td>
</ tr>
</ tfoot>
< tbody>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
< tr>
< td> February</ td>
< td> $80</ td>
</ tr>
</ tbody>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline
55 th
< table border = " 1" >
< tr>
< th> Company</ th>
< th> Address</ th>
</ tr>
< tr>
< td> Apple, Inc.</ td>
< td> 1 Infinite Loop Cupertino, CA 95014</ td>
</ tr>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char bgcolor 规定单元格的背景颜色 颜色 char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 colspan 规定单元格可横跨的列数 数值 height 规定单元格的高度 数值 rowspan 规定单元格可横跨的横数 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline width 规定单元格的宽度 数值
56 thead
< table border = " 1" >
< thead>
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
</ thead>
< tfoot>
< tr>
< td> Sum</ td>
< td> $180</ td>
</ tr>
</ tfoot>
< tbody>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
< tr>
< td> February</ td>
< td> $80</ td>
</ tr>
</ tbody>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline
55 th
< table border = " 1" >
< tr>
< th> Company</ th>
< th> Address</ th>
</ tr>
< tr>
< td> Apple, Inc.</ td>
< td> 1 Infinite Loop Cupertino, CA 95014</ td>
</ tr>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char bgcolor 规定单元格的背景颜色 颜色 char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 colspan 规定单元格可横跨的列数 数值 height 规定单元格的高度 数值 rowspan 规定单元格可横跨的横数 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline width 规定单元格的宽度 数值
57 time
< p> 我们在每天早上 < time> 9:00</ time> 开始营业。</ p>
< p> 我在 < time datetime = " 2008-02-14" > 情人节</ time> 有个约会。</ p>
属性名 属性的意义 属性值 datetime 规定日期 / 时间。否则,由元素的内容给定日期 / 时间 datetime pubdate 指示 元素中的日期 / 时间是文档(或 <article>
元素)的发布日期 pubdate
57 title
用途 : <title>
元素可定义文档的标题
实例代码 :
< html>
< head>
< title> XHTML Tag Reference</ title>
</ head>
< body>
The content of the document......
</ body>
</ html>
属性名 属性的意义 属性值 dir 规定元素中内容的文本方向 rtl;ltr
58 tr
用途 : <tr>
标签定义 HTML 表格中的行
实例代码 :
< table border = " 1" >
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
</ table>
属性名 属性的意义 属性值 align 对齐方式 left;right;center;justify;char bgcolor 规定表格行的背景颜色 颜色 char 规定根据哪个字符来进行文本对齐 character charoff 规定第一个对齐字符的偏移量 数值 valign 规定 tbody 元素中内容的垂直对齐方式 top;middle;bottom;baseline
59 ul
< table border = " 1" >
< tr>
< th> Month</ th>
< th> Savings</ th>
</ tr>
< tr>
< td> January</ td>
< td> $100</ td>
</ tr>
</ table>
60 video
< video src = " movie.ogg" controls = " controls" >
您的浏览器不支持 video 标签。
</ video>
属性名 属性的意义 属性值 autoplay 如果出现该属性,则视频在就绪后马上播放 autoplay controls 如果出现该属性,则向用户显示控件,比如播放按钮 controls height 设置视频播放器的高度 数值 loop 如果出现该属性,则当媒介文件完成播放后再次开始播放 loop muted 规定视频的音频输出应该被静音 muted poster 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像 地址 preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性 preload src 视频的url 地址 width 设置视频播放器的宽度 数值
(二) 视频和音频代码
<!DOCTYPE HTML>
< html>
< head> </ head>
< body>
< h1> 音乐</ h1>
< embed src = " http://m.kuwo.cn/?t=weixin&mid=MUSIC_22800002" width = 300 height = 45 type = audio/mpeg loop = " -1" autostart = " false" volume = " 0" > </ embed>
< h1> 视频</ h1>
< embed src = " http://player.youku.com/player.php/sid/XNjcwNTM0ODIw/v.swf" allowfullscreen = " true" quality = " high" width = " 480" height = " 400" align = " middle" allowscriptaccess = " always" type = " application/x-shockwave-flash" />
</ body>
</ html>
(三) 今日学习总结
程序员加班熬夜是常识