中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > HTML 初學(xué)者指南
下拉菜單全攻略 回到列表 Windows 桌面風(fēng)格頁面制作點滴
 HTML 初學(xué)者指南

作者: 時間: 2003-06-26 文檔類型: 來自:

第 1 頁 HTML 初學(xué)者指南(一)
第 2 頁 HTML 初學(xué)者指南(二)
第 3 頁 HTML 初學(xué)者指南(三)
第 4 頁 HTML 初學(xué)者指南(四)
第 5 頁 HTML 初學(xué)者指南(五)
第 6 頁 HTML 初學(xué)者指南(六)
第 7 頁 HTML 初學(xué)者指南(七)
第 8 頁 HTML 初學(xué)者指南(八)
第 9 頁 HTML 初學(xué)者指南(九)
第 10 頁 HTML 初學(xué)者指南(十)

疑難解答
避免標(biāo)記重疊
請看這個 HTML 例子:

<B>This is an example of <DFN>overlapping</B> HTML tags.</DFN>

overlapping 這個單詞被同時包含在 <B> 和 <DFN> 兩個標(biāo)記中. 瀏覽器在這種情況下會無所適從,因而你可能得不到預(yù)期的效果.

通常情況下應(yīng)該避免標(biāo)記重疊. 檢查你的標(biāo)記,讓它們成對出現(xiàn). 成對使用的標(biāo)記(顯然,結(jié)束標(biāo)記可以省略的元素除外, 如段落標(biāo)記) 中間不應(yīng)該被打斷. 再看看上面的例子. 在中間的標(biāo)記(DFN)尚未結(jié)束前,你不能使粗體標(biāo)記<B>結(jié)束. 在你把文件放入服務(wù)器中之前,應(yīng)該先檢查以下是否含有類似上述情況的錯誤.

只嵌入錨鏈和字符標(biāo)記mbed Only Anchors and Character Tags
HTML 協(xié)議允許你在其他 HTML 標(biāo)記中嵌入超鏈:

<H1><A HREF="Destination.html">My heading</A></H1>

不要 在一個錨鏈中嵌入 HTML 標(biāo)記:

<A HREF="Destination.html">
<H1>My heading</H1>
</A>

盡管當(dāng)前的多數(shù)瀏覽器能夠處理第二個例子, HTML 的正式說明是不支持這種結(jié)構(gòu)的,你的文件也許在將來的瀏覽器中將發(fā)生問題. 記住,一個瀏覽器顯示不正確編碼的文件是可以被原諒的. 但是這種寬容可能不會延續(xù)到該軟件的下一個版本!當(dāng)發(fā)生疑問時, 就根據(jù) HTML 說明的規(guī)定來書寫 (參見下面的 其它信息 ).

字符標(biāo)記可以用在其它元素中改變文本顯示模式:

<UL>
<LI><B>A bold list item</B>
<LI><I>An italic list item</I>
</UL>

避免嵌入其它類型的 HTML 元素標(biāo)記. 例如, 你可能想在一個列表中嵌入標(biāo)題字體以增大一些字符的顯示:

<UL>
<LI><H1>A large heading</H1>
<LI><H2>Something slightly smaller</H2>
</UL>

盡管有些瀏覽器可以很好地顯示這種編碼, 這種格式將來是否有效是很難說的,因為它是未定義的 . 為了保證對所有瀏覽器兼容, 你應(yīng)該避免使用這種結(jié)構(gòu). (Netscape 支持一種 <FONT> 標(biāo)記, 用于指定某個字符在瀏覽器中顯示的大小, 也不是當(dāng)前官方 HTML 說明中的定義.)

在 <LI> 標(biāo)記中插入 <B> 標(biāo)記與在 <LI> 標(biāo)記中插入 <H1> 標(biāo)記有什么不同呢? 在訦TML 語義說明中 <H1> 的含義是一個文檔中主標(biāo)題字體的開始,它后面應(yīng)該跟當(dāng)前文檔的內(nèi)容. 因此在一個列表中出現(xiàn) <H1> 時是沒有含義的.

字符格式標(biāo)記通常也不可以附加. 例如, 你可能想這樣寫:

<B><I>some text</I></B>

期望得到一種加粗的斜體文本. 有些瀏覽器確實可以; 另外一些瀏覽器則只解釋最內(nèi)層的標(biāo)記.

最后的步驟
使你的編碼有效
當(dāng)你把一篇文檔放入一個 Web 服務(wù)器時, 要確保格式和每個鏈接正確(包括命名錨鏈在內(nèi)). 理想的情況是在你認(rèn)為一篇文檔完成了的時候讓其他人瀏覽一遍并且給出評論.

你可以通過 HTML 有效性服務(wù)來驗證你的文件是否符合目前普遍接受的 HTML 的標(biāo)準(zhǔn). 如果你不知道你的文檔是否符合 HTML 說明, 這個服務(wù)是一個有用的教學(xué)工具. 這個服務(wù)允許你選擇一個校驗的級別(如, 嚴(yán)格校驗strict, 二級校驗level 2, 三級校驗level 3).如果你想使用一些非標(biāo)準(zhǔn)的格式,這種自由是很有用的.

替代圖像
當(dāng)<IMG SRC> 標(biāo)記指向的圖像不存在時, 你的瀏覽器會使用一個替代圖像. 在你最后檢查你的文件時如果出現(xiàn)了這種情況, 應(yīng)該確保所指向的圖像文件確實存在, 超鏈?zhǔn)褂玫?URL 信息正確, 以及文件屬性被正確設(shè)置(對所有人可讀). 然后再檢查一遍!

更新你的文件
如果一個文件的內(nèi)容是靜態(tài)的 (例如George Washington的個人傳記), 可能不會需要更新. 但是對于和時間關(guān)系密切的內(nèi)容,或者包含的領(lǐng)域是經(jīng)常變化的, 記住不斷更新你的文件!

當(dāng)文件含有諸如每周計劃或事件的最后期限這一類信息時,更新是非常重要的. 刪除過時的文件或注明為什么有些過期的信息依然在服務(wù)器中 (例如, 某個事件在下一輪中的要求和當(dāng)前內(nèi)容是相同的,所以該文件過一段時間后仍有參考價值).

瀏覽器的區(qū)別
不同的 Web 瀏覽器顯示的 HTML 元素不盡相同. 記住不是所有的瀏覽器都能夠解釋 HTML 文件中所有的標(biāo)記元素. 不過,瀏覽器對于不能識別的標(biāo)記通常只是忽略而已.

你可能花費了很多時間是你的文件在你當(dāng)前使用的瀏覽器上“看上去非常漂亮”. 如果你用另一個瀏覽器察看你的文件, 它很可能看起來不太一樣,甚至很不相同. 因此請記住這個建議:使用正確的 HTML 來書寫你的文件. 把解釋工作留給瀏覽器,爭取得到最好的效果.

注釋你的文件
在你的HTML文件中你可能需要留一些注釋. HTML 中的注釋類似于計算機程序中的注釋--你輸入的文本不是用于給瀏覽器顯示的,讀者也無法直接看到它們,就象計算機程序中的注釋是不被程序本身使用的,程序使用者也看不到這些注釋. 不過,如果讀者看原始文件的話,將可以看到注釋.

一般的注釋包括更新文件的作者姓名, 生成一個文件所使用的軟件和其版本, 或者一些較小的改動信息等.

加入一段注釋的格式為:

<!-- 注釋內(nèi)容 -->

你必須包含嘆號和連字符.

其他信息
本指南只是一個關(guān)于 HTML 的簡介, 而不是一個詳盡的參考. 下面是一些其他的參考信息. 別忘了先到附近的書店查一查 Web 和 HTML 的書籍.

出處:
責(zé)任編輯:冬兒

上一頁 HTML 初學(xué)者指南(九) 下一頁

◎進入論壇網(wǎng)頁制作網(wǎng)站綜合版塊參加討論

相關(guān)文章 更多相關(guān)鏈接
XHTML基礎(chǔ)問答-給初學(xué)者
HTML 標(biāo)簽是否匹配檢測代碼
將HTML自動轉(zhuǎn)為JS代碼
匹配html標(biāo)記的正則
網(wǎng)頁設(shè)計中Html使用的一些問題
作者文章
HTML 初學(xué)者指南
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:10/101個記錄/頁 轉(zhuǎn)到 頁 共10個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2