1. HTML中一些标签的含义
快速定义HTML的标签含义: HTML参考手册
标题 <h>: 通过 <h1> - <h6> 等标签进行定义的。
段落 <p>: <p>This is a paragraph.</p>
链接 <a>: <a href="http://www.w3school.com.cn">This is a link</a>
图像 <img>: <img src="w3school.jpg" width="104" height="142" />
主体 <body>: 拥有一个开始标签 <body>,以及一个结束标签 </body>
定义整个文档 <html>: <html>......</html>
水平线 <hr/>: <hr /> 标签在 HTML 页面中创建水平线。
注释 : <!-- This is a comment -->
换行 <br />: <br /> 由于关闭标签没有任何意义,因此它没有结束标签。
样式标签
链接: <a>定义锚
框架:
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
内联框架:
点击这个链接可以直观的看到各个颜色的值: http://www.w3school.com.cn/html/html_colornames.asp
2. 头部
3. 脚本
<script> 标签用于定义客户端脚本,比如 JavaScript。
4. <meta> 标签
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
4.2 提示和注释
<meta> 标签永远位于 head 元素内部
元数据总是以名称/值的形式被成对传递的。
4.3 必需的属性
快速定义HTML的标签含义: HTML参考手册
标题 <h>: 通过 <h1> - <h6> 等标签进行定义的。
段落 <p>: <p>This is a paragraph.</p>
链接 <a>: <a href="http://www.w3school.com.cn">This is a link</a>
图像 <img>: <img src="w3school.jpg" width="104" height="142" />
主体 <body>: 拥有一个开始标签 <body>,以及一个结束标签 </body>
定义整个文档 <html>: <html>......</html>
水平线 <hr/>: <hr /> 标签在 HTML 页面中创建水平线。
注释 : <!-- This is a comment -->
换行 <br />: <br /> 由于关闭标签没有任何意义,因此它没有结束标签。
文本格式化标签
标签 | 描述 |
---|---|
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
“计算机输出”标签
标签 | 描述 |
---|---|
<code> | 定义计算机代码。 |
<kbd> | 定义键盘码。 |
<samp> | 定义计算机代码样本。 |
<tt> | 定义打字机代码。 |
<var> | 定义变量。 |
<pre> | 定义预格式文本。 |
引用、引用和术语定义
标签 | 描述 |
---|---|
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目。 |
标签 | 描述 |
---|---|
<style> | 定义样式定义。 |
<link> | 定义资源引用。 |
<div> | 定义文档中的节或区域(块级)。 |
<span> | 定义文档中的行内的小块或区域。 |
<font> | 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。 |
<basefont> | 定义基准字体。不赞成使用。请使用样式。 |
<center> | 对文本进行水平居中。不赞成使用。请使用样式。 |
<a href="http://www.w3school.com.cn/" target="_blank"
>Visit W3School!</a>
图像标签
标签 | 描述 |
---|---|
<img> | 定义图像。 |
<map> | 定义图像地图。 |
<area> | 定义图像地图中的可点击区域。 |
表格标签
表格 | 描述 |
---|---|
<table> | 定义表格 |
<caption> | 定义表格标题。 |
<th> | 定义表格的表头。 |
<tr> | 定义表格的行。 |
<td> | 定义表格单元。 |
<thead> | 定义表格的页眉。 |
<tbody> | 定义表格的主体。 |
<tfoot> | 定义表格的页脚。 |
<col> | 定义用于表格列的属性。 |
<colgroup> | 定义表格列的组。 |
列表标签
标签 | 描述 |
---|---|
<ol> | 定义有序列表。 |
<ul> | 定义无序列表。 |
<li> | 定义列表项。 |
<dl> | 定义自定义列表。 |
<dt> | 定义自定义项目。 |
<dd> | 定义自定义的描述。 |
HTML 分组标签
标签 | 描述 |
---|---|
<div> | 定义文档中的分区或节(division/section)。 |
<span> | 定义 span,用来组合文档中的行内元素。 |
表单标签
标签 | 描述 |
---|---|
<form> | 定义供用户输入的表单 |
<input> | 定义输入域 |
<textarea> | 定义文本域 (一个多行的输入控件) |
<label> | 定义一个控制的标签 |
<fieldset> | 定义域 |
<legend> | 定义域的标题 |
<select> | 定义一个选择列表 |
<optgroup> | 定义选项组 |
<option> | 定义下拉列表中的选项 |
<button> | 定义一个按钮 |
<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</html>
cols是垂直排列,rows是水平排列。
内联框架:
使用 iframe 作为链接的目标
<iframe src="demo_iframe.htm" name="iframe_a"
></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
颜色:
点击这个链接可以直观的看到各个颜色的值: http://www.w3school.com.cn/html/html_colornames.asp
2. 头部
标签 | 描述 |
---|---|
<head> | 定义关于文档的信息。 |
<title> | 定义文档标题。 |
<base> | 定义页面上所有链接的默认地址或默认目标。 |
<link> | 定义文档与外部资源之间的关系。最常用于连接样式表。 |
<meta> | 定义关于 HTML 文档的元数据。 |
<script> | 定义客户端脚本。 |
<style> | 定义文档的样式信息。 |
3. 脚本
<script> 标签用于定义客户端脚本,比如 JavaScript。
<script type="text/javascript"> document.write("Hello World!") </script>
4. <meta> 标签
4.1 定义和用法
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
4.2 提示和注释
<meta> 标签永远位于 head 元素内部
元数据总是以名称/值的形式被成对传递的。
4.3 必需的属性
属性 | 值 | 描述 |
---|---|---|
content | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |