基礎標簽
<!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>:定義文檔的某個區(qū)域。
<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>