基础标签
<!DOCTYPE>:定义文档类型。HTML5中常使用<!DOCTYPE html>
<html>: 定义一个HTML文档,告知浏览器这是一个HTML文档,是除了([<!DOCTYPE>]) 标签)所有其他 HTML 元素的容器。最外层元素
<title>:定义一个标题,显示工具提示文本常与form,a连用
<body>:定义文档主体
<h1>-<h6>:定义标题。h1最大
<p>:定义段落
<br>:定义转行,单标签
<hr>:定义水平线
元信息:
<head>:定义关于文档的信息。
<meta>:定义关于html文档的元信息。
<base>:定义页面中所有链接的默认地址或默认目标。
格式:
<b>:定义粗体文本
<i>:定义斜体文本
<del>:定义删除文本
<pre>:定义预格式文本
表单:
<form>:定义一个HTML表单,用于用户输入。
<input>:定义一个输入控件。
<form name='表单名称 ' method='定义提交方式(get/post) ' action=' '>
<input name=' ' type=' '>
</form>
<textarea>:定义多行的文本输入控件。
<button>:定义按钮。
<select>:定义选择列表(下拉列表)。
<optgroup>:定义选择列表中相关选项的组合。
<option>:定义选择列表中的选项。
<label>:定义input元素的标注。
<fieldset>:定义围绕表单中元素的边框。
<legend>:定义fieldset元素的标题。
图像:
<img>:定义图像。
链接:
<a>:定义一个链接。<a hred='url'></a>
<link>:定义文档与外部资源的关系。用在head中。
列表:
<ul>:定义无序列表。
<ol>:定义有序列表。
<li>:定义列表项。
<dl>:定义一个定义列表。
<dt>:定义一个定义列表中的项目。
<dd>:定义定义列表中项目的描述。
表格:
<table>:定义一个表格。
<caption>:定义表格标题。
<th>:定义表格中的表头单元格。
<tr>:定义表格中的行。
<td>:定义表格中的单元。
<table>
<caption>...</caption>
<tr>
<th>...</th>
</tr>
<tr>
<td>...</td>
</tr>
</table>
<thead>:定义表格中的表头内容。
<tbody>:定义表格中的主体内容。
<tfoot>:定义表格中的表注内容(脚注)。
样式:
<style>:定义文档的样式信息。
<div>:定义块级元素。
<span>:定义
<header>:定义文档的头部部分。
<footer>:定义文档底部。
<section>:定义文档的某个区域。
<article>:定义文章内容。
<aside>:定义其所处内容之外的内容。
程序:
<script>:定义客户端脚本。
<noscript>:定义针对不支持客户端脚本的用户的替代内容。
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p, i, x;
if (!d) d = document;
if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
d = parent.frames[n.substring(p + 1)].document;
n = n.substring(0, p);
}
if (!(x = d[n]) && d.all) x = d.all[n];
for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
if (!x && d.getElementById) x = d.getElementById(n);
return x;
}
function MM_showHideLayers() { //v6.0
var i, p, v, obj, args = MM_showHideLayers.arguments;
for (i = 0; i < (args.length - 2); i += 3) if ((obj = MM_findObj(args[i])) != null) {
v = args[i + 2];
if (obj.style) {
obj = obj.style;
v = (v == 'show') ? 'visible' : (v == 'hide') ? 'hidden' : v;
}
obj.visibility = v;
}
}
//-->
</script>
<script type="text/javascript" src="..."></script>
<meta http-equiv="content-type" content="text/html>"
<meta charset="UTF-8">
<meta name="author" content="cherry chen">
<meta name="copyright" content="FAFU">
<link rel="shortcut icon" type="image/x-icon" href="...">
<link rel="stylesheet" type="text/css" href="...">
<title>XXX</title>
</head>
<div></div>
</body>
</html>