HTML初級(jí)教程簡(jiǎn)介及入門_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這份HTML初級(jí)教程假設(shè)你沒有任何HTML和CSS的知識(shí)背景。
學(xué)習(xí)基本的HTML十分輕易,只要你能從頭到尾按照每一步驟來實(shí)踐。最后我們會(huì)將每一步綜合起來,以便我們繼續(xù)學(xué)習(xí)CSS初級(jí)指南。
需要記住的是,HTML和CSS是關(guān)于內(nèi)容(HTML)和表現(xiàn)(CSS)的一切。HTML不過是有精美結(jié)構(gòu)的內(nèi)容罷了,是我們將要在下一步學(xué)習(xí)的CSS則是用來格式化內(nèi)容的。
或許你已經(jīng)留神過其他的HTML的教程,你可能會(huì)發(fā)現(xiàn)它們提及一些HTMLDog沒有的東西。這是因?yàn)樵S多方法已經(jīng)過時(shí),不符合標(biāo)準(zhǔn)或者只是平白的壞實(shí)踐。從一開始就在腦海中形成“走對(duì)的路”的思想最終可以幫助你把握得更好。
絕大部分的HTML要素并不比你電腦上的其他要素要難——只不過是一大堆歸類的文件放置在一大堆的文件夾里面而已。
HTML文件與簡(jiǎn)單的文本文件無異,所以開始編輯HTML你只需要一個(gè)簡(jiǎn)單的文本編輯器。記事本就是一個(gè)例子(在Windows里可以從程序-〉附件的菜單中找到,假如你使用的是Linux,恭喜你,無論是控制臺(tái)或者桌面環(huán)境,你都有更多更好的選擇,比如控制臺(tái)的vi以及各種vi變種,GNOME的Gedit,KDE的kate等等——譯者注)。
在你的文本編輯器鍵入以下內(nèi)容:
現(xiàn)在建立一個(gè)“HTML”的文件夾,然后以“myfirstpage.html”(文件后綴“.html”必須明確指定——一些文本編輯器,像記事本,否則會(huì)自動(dòng)把文件保存為“.txt”文件)的文件名保存起來。
展示HTML文件的最終效果,不需要連接到網(wǎng)絡(luò)。打開Internet Explorer,或者其他網(wǎng)頁瀏覽器(Firefox現(xiàn)在已經(jīng)是一個(gè)潮流,下載一個(gè)吧!對(duì)你制作網(wǎng)頁十分有用——譯者注),在地址欄——你瀏覽網(wǎng)站時(shí)鍵入地址的地方,鍵入你剛才保存文件路徑(比如,“C:\html\myfirstpage.html”,或者在Linux中,“/home/myname/html/myfirstpage.html”)。
哇噻,看見了嗎?你的第一個(gè)網(wǎng)頁。怎不令人興奮呢!所有的過程只是鍵入幾個(gè)單詞而已。
注重
學(xué)習(xí)基本的HTML十分輕易,只要你能從頭到尾按照每一步驟來實(shí)踐。最后我們會(huì)將每一步綜合起來,以便我們繼續(xù)學(xué)習(xí)CSS初級(jí)指南。
需要記住的是,HTML和CSS是關(guān)于內(nèi)容(HTML)和表現(xiàn)(CSS)的一切。HTML不過是有精美結(jié)構(gòu)的內(nèi)容罷了,是我們將要在下一步學(xué)習(xí)的CSS則是用來格式化內(nèi)容的。
或許你已經(jīng)留神過其他的HTML的教程,你可能會(huì)發(fā)現(xiàn)它們提及一些HTMLDog沒有的東西。這是因?yàn)樵S多方法已經(jīng)過時(shí),不符合標(biāo)準(zhǔn)或者只是平白的壞實(shí)踐。從一開始就在腦海中形成“走對(duì)的路”的思想最終可以幫助你把握得更好。
絕大部分的HTML要素并不比你電腦上的其他要素要難——只不過是一大堆歸類的文件放置在一大堆的文件夾里面而已。
HTML文件與簡(jiǎn)單的文本文件無異,所以開始編輯HTML你只需要一個(gè)簡(jiǎn)單的文本編輯器。記事本就是一個(gè)例子(在Windows里可以從程序-〉附件的菜單中找到,假如你使用的是Linux,恭喜你,無論是控制臺(tái)或者桌面環(huán)境,你都有更多更好的選擇,比如控制臺(tái)的vi以及各種vi變種,GNOME的Gedit,KDE的kate等等——譯者注)。
在你的文本編輯器鍵入以下內(nèi)容:
示例代碼 [www.hl5o.cn]
這是我的第一個(gè)網(wǎng)頁
現(xiàn)在建立一個(gè)“HTML”的文件夾,然后以“myfirstpage.html”(文件后綴“.html”必須明確指定——一些文本編輯器,像記事本,否則會(huì)自動(dòng)把文件保存為“.txt”文件)的文件名保存起來。
展示HTML文件的最終效果,不需要連接到網(wǎng)絡(luò)。打開Internet Explorer,或者其他網(wǎng)頁瀏覽器(Firefox現(xiàn)在已經(jīng)是一個(gè)潮流,下載一個(gè)吧!對(duì)你制作網(wǎng)頁十分有用——譯者注),在地址欄——你瀏覽網(wǎng)站時(shí)鍵入地址的地方,鍵入你剛才保存文件路徑(比如,“C:\html\myfirstpage.html”,或者在Linux中,“/home/myname/html/myfirstpage.html”)。
哇噻,看見了嗎?你的第一個(gè)網(wǎng)頁。怎不令人興奮呢!所有的過程只是鍵入幾個(gè)單詞而已。
注重
示例代碼 [www.hl5o.cn]
我們上述的只是使用最基本的文本編輯器,如記事本,vi,但你可能更愿意使用專門的網(wǎng)頁制作軟件如Macromedia Dreamweaver或者 Microsoft Frontpage。
然而你使用這些軟件時(shí)你得十分小心,尤其是,假如你是初學(xué)者,這些軟件會(huì)給你的網(wǎng)頁帶來不必要的或者不標(biāo)準(zhǔn)的代碼(甚至是垃圾代碼——譯者注)。
你要是真想嚴(yán)厲認(rèn)真地學(xué)習(xí)HTML,你應(yīng)該讀完本站提供給你的整個(gè)教程,以便你至少能對(duì)網(wǎng)頁設(shè)計(jì)到底是怎么一回事兒有一個(gè)基本的了解。
上面提到的網(wǎng)頁制作軟件永遠(yuǎn)不會(huì)給你整個(gè)網(wǎng)頁編寫的控制權(quán),除非你手工編寫代碼。
然而你使用這些軟件時(shí)你得十分小心,尤其是,假如你是初學(xué)者,這些軟件會(huì)給你的網(wǎng)頁帶來不必要的或者不標(biāo)準(zhǔn)的代碼(甚至是垃圾代碼——譯者注)。
你要是真想嚴(yán)厲認(rèn)真地學(xué)習(xí)HTML,你應(yīng)該讀完本站提供給你的整個(gè)教程,以便你至少能對(duì)網(wǎng)頁設(shè)計(jì)到底是怎么一回事兒有一個(gè)基本的了解。
上面提到的網(wǎng)頁制作軟件永遠(yuǎn)不會(huì)給你整個(gè)網(wǎng)頁編寫的控制權(quán),除非你手工編寫代碼。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- html元素 xhtml文檔根元素特性小結(jié)
- CSS文件或Web頁面中度量單位介紹及比較
- XHTML1.0Reference-XHTML1.0中允許使用的所有HTML元素列表!
- XHTML入門學(xué)習(xí)教程:XHTML超級(jí)鏈接
- 揭開HTML 5工作草稿的神秘面紗
- HTMLDOCTYPEDefinitionandUsage-doctype的定義及用法
- CSS網(wǎng)頁布局應(yīng)該避免濫用div元素
- HTML表格標(biāo)記教程(12):邊框樣式屬性FRAME
- HTML為中心的前端開發(fā)-HTMLiscenter
- HTML表格標(biāo)記教程(31):單元格的寬度和高度屬性WIDTH、HEIGHT
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-HTML初級(jí)教程簡(jiǎn)介及入門
。