從這里開始：如何創(chuàng)建一個(gè)非常簡單的HTML文檔？
時(shí)間：2023-07-06 19:06:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-07-06 19:06:01 來源：網(wǎng)站運(yùn)營
從這里開始：如何創(chuàng)建一個(gè)非常簡單的HTML文檔？：
注意：本專欄內(nèi)的教程適用于0基礎(chǔ)的新手。什么是HTML？
根據(jù)百度百科上的解釋：HTML稱為超文本標(biāo)記語言，是一種標(biāo)識性的語言。它包括一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。它的全稱是Hyper Text Markup Language。
簡單來說，HTML是編寫網(wǎng)頁的語言，用來告訴瀏覽器應(yīng)該如何顯示網(wǎng)頁。HTML的編程環(huán)境不算太苛刻，大多數(shù)能編輯.txt后綴文件的軟件，就可以編寫HTML代碼，例如Windows的記事本。只是如果想要查看效果，需要另存為HTML文檔（后綴為.html），或者桌面上選中文件并重命名，然后手動更改后綴也可以。
下面開始實(shí)戰(zhàn)操作：（使用專業(yè)的開發(fā)工具很重要，之后我會推薦幾款軟件。）
桌面右鍵-新建-文本文檔，然后打開這個(gè)文本文檔，最好用記事本打開。這時(shí)候并不需要每次都手動選擇記事本，可以設(shè)置默認(rèn)程序。要了解更多信息，詳見：
打開后，我們先輸入：
<!DOCTYPE html>這表示什么呢？
所有的HTML文檔都必須以此開頭，用來聲明這是一個(gè)HTML文檔，讓瀏覽器更方便地判斷文檔類型。
每個(gè)HTML文檔的開頭必須是這行代碼，并且只出現(xiàn)一次。回車以進(jìn)行換行。
我們再輸入：
<html></html>這又是什么意思？
HTML文檔的本身要以<html>開始，以</html>結(jié)束。
然后在中間空出的一行中，再輸入：
<body></body>這又是什么意思？
顧名思義，這中間相當(dāng)于HTML文檔的「身體」。
主體結(jié)構(gòu)已完工：
下面進(jìn)行網(wǎng)頁的主體編寫。先寫些什么呢？不如先添加一個(gè)標(biāo)題吧。輸入：
<h1>Hello world! </h1>至于為什么要輸入 Hello world! ，參見：
如果想要調(diào)整標(biāo)題的重要性（也就是大?。?，前面和后面可以調(diào)整成<h2>和</h2>，一直到<h6>和</h6>：
<h1>這是一級標(biāo)題</h1><h2>這是二級標(biāo)題</h2><h3>這是三級標(biāo)題</h3><h4>這是四級標(biāo)題</h4><h5>這是五級標(biāo)題</h5><h6>這是六級標(biāo)題</h6>效果如下：
添加完標(biāo)題之后，再添加一段文字吧?；剀囘M(jìn)入新的一行，輸入：
<p>這是一段文字，可以根據(jù)自己的需求進(jìn)行替換。</p>至此，記事本里就是這些代碼，不愛學(xué)習(xí)的小伙伴們直接拿去復(fù)制：
<!DOCTYPE html><html><body><h1>Hello world! </h1><p>這是一段文字，可以根據(jù)自己的需求進(jìn)行替換。</p></body></html>保存后關(guān)閉。右鍵-重命名-將后綴名改為.html-完成！
如果沒有顯示后綴名，請參見這篇文章：
然后用瀏覽器打開。
如果瀏覽器顯示出的是以下界面，那么恭喜你，成功了。
注意：如果你的瀏覽器窗口夠長，你只會看到一個(gè)標(biāo)題和一行文字。上面的截圖因?yàn)榇翱谔?，所以會通過換行的方式調(diào)整文本格式，實(shí)際上并沒有換行。
總結(jié)及注意事項(xiàng)：
1.HTML文檔的主體結(jié)構(gòu)長這樣（這是最最基礎(chǔ)的）：
圖片來源于W3School，侵刪。其中白色部分是顯示在瀏覽器上的內(nèi)容。
2.HTML文檔的元素結(jié)構(gòu)：
<標(biāo)記（屬性）>這里是具體內(nèi)容</標(biāo)記>
注意：元素是可以嵌套的。例如我在<html>和</html>之間插入<body>與</body>，再在中間加入<h1>與</h1>、<p>與</p>等等。
3.雖然有時(shí)HTML文檔會自己檢測出丟失的標(biāo)記并補(bǔ)上，但是為了保險(xiǎn)并養(yǎng)成良好的習(xí)慣，請務(wù)必檢查自己的前標(biāo)記（首標(biāo)記）和后標(biāo)記（末標(biāo)記）是否沒有缺失。例如輸入<p>和段落內(nèi)容后，不要忘記輸入</p>！4.有時(shí)候，HTML標(biāo)記不區(qū)分大小寫。例如<P>會自動轉(zhuǎn)換成<p>，但是為了規(guī)范，在輸入標(biāo)記時(shí)，盡量使用小寫。5.除了用中文輸入法輸入文本內(nèi)容外，在輸入代碼時(shí)始終使用英文輸入法。
這篇文章的內(nèi)容到這里就結(jié)束了，附上參考資料：W3Schools。
下期文章：
關(guān)鍵詞：簡單,非常,創(chuàng)建
在線咨詢
