<html> <!--注釋-->
<head><!--頭元素：title、base、link、meta等 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css.css" type="text/css" />
<script language="javascript" type="text/javascript"> <!-- 聲明嵌入javascript腳本語(yǔ)言-->
//alert("彈出對(duì)話框");
</script>
<title>網(wǎng)頁(yè)主題</title>
</head><!--頭部 -->
<body bgcolor="red" text="blue">
<p>文檔主題部分：紅色背景、藍(lán)色文本</p>
<p>特殊字符：<小于 空格" 雙引號(hào) & </p>
<a href="javascript:alert(new Date);">腳本代碼作為超級(jí)鏈接的href的屬性值</a><br />
<p>段落paragraph</p>
換行blank row<br />
<nobr>不換行，用于防止瀏覽器對(duì)過(guò)長(zhǎng)的內(nèi)容自動(dòng)換行，用于代碼等</nobr>
<blockquote>縮進(jìn)顯示</blockquote>
<center>居中顯示</center>
<marquee>移動(dòng)嵌套在其中的文本或圖像</marquee>
<dl><!--definition list定義普通列表 -->
<dt>中國(guó)城市</dt><!--definition term -->
<dd>三亞</dd><!--definition definition -->
<dd>海口</dd>
<dt>美國(guó)城市</dt>
<dd>紐約</dd>
<dd>芝加哥</dd>
</dl>
<p>中國(guó)城市</p>
<ol><!--order list有序列表 -->
<li>三亞</li>
<li>海口</li>
</ol>
<p>美國(guó)城市</p>
<ul><!--unordered list無(wú)序列表 -->
<li>紐約</li>
<li>芝加哥</li>
</ul>
<pre>預(yù)格式化文本標(biāo)簽，讓瀏覽器
顯示嵌套在其中的所有空格 和
空行</pre>
文本標(biāo)簽<div>
<h1>headline標(biāo)題1</h1>
<h6>headline標(biāo)題6</h6>
<b>加粗bold</b>
<i>斜體italic</i>
<u>下劃線underline</u>
<sub>下標(biāo)subscript</sub>
<sup>上標(biāo)supscript</sup>
<tt>打印機(jī)風(fēng)格字體</tt>
<cite>引用方式字體：斜體</cite>
<em>需強(qiáng)調(diào)的文本emphasis:斜體加粗體</em>
<strong>加重文本：黑體加粗體</strong>
<font face="Arial, Helvetica, sans-serif" size="+1" color="yellow">字體Arial 大小+1 顏色黃色</font>
</div>
<img src="圖像標(biāo)簽.jpg" alt="鼠標(biāo)移到圖上顯示的提示文本" width="20" height="20" />
<hr /><!-- horizontal line顯示一條水平線-->
<a >超鏈接：絕對(duì)路徑要加http</a><br />
<a /></a><br />
<a name="標(biāo)記1">第一部分</a><br />
<a href="#標(biāo)記1">跳轉(zhuǎn)到同一頁(yè)面的標(biāo)記1</a><br />
<table>
<caption>表格標(biāo)題</caption>
<tr><th>表頭黑體居中1</th><th>表頭黑體居2</th></tr>
<tr><td>第一行第一列</td><td>第一行第二列</td></tr>
<tr><td>第二行第一列</td><td>第二行第二列</td></tr>
</table>
<form action="向服務(wù)器的url傳送表單內(nèi)容" method="get" title="鼠標(biāo)在表單停留時(shí)顯示的文本"><!--form 表單 <input type="" />-->
<input type="button" value="按鈕"/>
<input type="submit" value="提交按鈕" />
<input type="reset" value="重置按鈕" /><br />
單行文本text：<input type="text" value="默認(rèn)值" /><br />
復(fù)選框checkbox性別男：<input type="checkbox" value="男" />
性別女：<input type="checkbox" value="女" /><br />
單選按鈕radio：性別男：<input type="radio" name="radio" value="male" /><!--單選按鈕的name值相等才能成為一組按鈕 -->
性別女：<input type="radio" name="radio" value="female" /><br />
用戶(hù)名用text：<input type="text" /> <br />
密碼password：<input type="password" /><br />
向服務(wù)器上傳文件file：<input type="file" /><br />
可代替submit的圖像元素image： <input type="image" src="圖像標(biāo)簽.jpg" width="20" height="20" /><br />
多行文本textarea: <textarea>多行文本</textarea><br />
下拉菜單select：<select>
<option>下拉菜單選項(xiàng)1</option>
<option>下拉菜單選項(xiàng)2</option>
</select>
</form>
<div align="center"> <!--將若干相鄰的標(biāo)簽組合成一個(gè)區(qū)域塊，使它們具有相同的額屬性值。用于css和客戶(hù)端腳本編程方面，為設(shè)計(jì)者提供另一種組織頁(yè)面元素的能力 -->
<p>區(qū)域標(biāo)簽段落1</p>
<img src="圖像標(biāo)簽.jpg" width="20" height="20" />
<p>區(qū)域標(biāo)簽段落2</p>
</div>
<div id="client-zxx" class="client"> <!--span本身無(wú)意義，專(zhuān)用于css和腳本編程中，用來(lái)在同一行文本內(nèi)選取一個(gè)片段，選取一個(gè)被css和javascript調(diào)用的獨(dú)立單元 -->
<span class="name">name:</span>zxx
<span class="tel">telephone:</span>010-62393531
</div>
</body> <!-- -->
</html>
聯(lián)系客服
