資訊專欄INFORMATION COLUMN
摘要：基本結(jié)構(gòu)語言中，一個(gè)頁面是由四個(gè)部分組成文檔聲明標(biāo)簽對標(biāo)簽對標(biāo)簽對圖示文檔聲明這是一個(gè)文檔聲明，表示這是一個(gè)頁面。標(biāo)簽標(biāo)簽表示頁面內(nèi)容的范圍。
HTML 全稱 “Hyper Text Markup Language（超文本標(biāo)記語言）”，是網(wǎng)頁的標(biāo)準(zhǔn)語言。但是它并不是一門編程語言，而是一門描述性的標(biāo)記語言。
<標(biāo)簽符號>內(nèi)容
HTML語言中，標(biāo)簽符一般是成對出現(xiàn)的，第一個(gè)表示標(biāo)簽的開始，第二個(gè)多了一條斜杠，表示標(biāo)簽內(nèi)容的結(jié)束。
在HTML中，標(biāo)簽有很多種，每一種都有著不同的功能，適用于不同的情況。例如，想要顯示一段文字，就應(yīng)該使用 “段落標(biāo)簽（p）”；假如想要顯示圖片，則應(yīng)使用 “圖片標(biāo)簽（img）”。
示例：
<strong>這是粗體strong>
上面的示例中使用 “粗體標(biāo)簽（b或strong）” 來實(shí)現(xiàn)粗體文本顯示。
學(xué)習(xí) HTML 語言，就是要學(xué)習(xí)各種各樣的標(biāo)簽，然后學(xué)會在不同的情況中使用不同的標(biāo)簽，以實(shí)現(xiàn)不同的表達(dá)效果。
HTML語言中，一個(gè)頁面是由四個(gè)部分組成：
圖示：
這是一個(gè)文檔聲明，表示這是一個(gè)HTML頁面。
html標(biāo)簽表示頁面內(nèi)容的范圍。它告訴瀏覽器，這個(gè)頁面從 開始，到 結(jié)束。
head 標(biāo)簽是網(wǎng)頁的 “頭部”，在這個(gè)標(biāo)簽里會定義一些特殊內(nèi)容，比如頁面的標(biāo)題、頁面的字符編碼以及自動刷新等。
body 標(biāo)簽是網(wǎng)頁的 “身體”，在這個(gè)標(biāo)簽里我們可以編寫大部分頁面顯示內(nèi)容。一個(gè)網(wǎng)頁中，有大部分內(nèi)容實(shí)在這里編寫的。
DOCTYPE html><html> <head> <title>這是網(wǎng)頁標(biāo)題title> head> <body> <p>這是頁面的內(nèi)容p> <p>這是一個(gè)段落p> <strong>這是粗體strong> body>html>效果：
在上面示例的 HTML 代碼里，head 標(biāo)簽內(nèi)部中的 title 標(biāo)簽定義頁面的標(biāo)題，這個(gè)標(biāo)題將會顯示在標(biāo)簽欄上。body 標(biāo)簽里的 p 標(biāo)簽定義一段文字，這個(gè)段落將直接顯示在頁面上。
在實(shí)際開發(fā)中，我們需要在一些關(guān)鍵、重要或復(fù)雜難懂的代碼中進(jìn)行注釋，以標(biāo)示它是干什么的。這時(shí)候需要用到注釋語句：
注釋的內(nèi)容在瀏覽器中不會顯示，也就是說，HTML 標(biāo)簽是給瀏覽器看的，而注釋是給程序員自己看的。當(dāng)你的代碼中有重要的復(fù)雜的部分，就需要給代碼進(jìn)行注釋。
在實(shí)際開發(fā)中，一個(gè)頁面的代碼往往很長，可能有成百上千行，這時(shí)候如果不給關(guān)鍵代碼進(jìn)行注釋，閱讀起來會十分辛苦，可能連你自己也很難讀懂。更別說在團(tuán)隊(duì)開發(fā)中，隊(duì)友維護(hù)你的代碼時(shí)，將會花費(fèi)大量時(shí)間閱讀和理解代碼，費(fèi)時(shí)費(fèi)神，效率極低。
當(dāng)然，并不是每一行代碼都必須注釋，一般的代碼較容易理解，只需要在復(fù)雜的部分，或是在關(guān)鍵的、重要的部分進(jìn)行注釋即可。
一個(gè)注釋的示例：
DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>注釋示例title> head> <body> <p>這是頁面的內(nèi)容p> <p>這是一個(gè)段落p> <strong>這是粗體strong> body>html>進(jìn)入你的瀏覽器，進(jìn)入作者博客主頁，然后右鍵單擊頁面，在彈出菜單中點(diǎn)擊 “檢查” 或 “審查元素”，把鼠標(biāo)放到右側(cè)的代碼塊上，你可以看到每一個(gè)標(biāo)簽對應(yīng)的頁面上的部分：
右鍵點(diǎn)擊 “查看網(wǎng)頁源代碼”，我們也可以看到這個(gè)網(wǎng)頁的 HTML 代碼：
在這里你可以試著找找頁面的四個(gè)基本部分，看看他們的標(biāo)簽。
好啦，這篇文章就到這里了。
以上就是我分享的全部內(nèi)容，感謝閱讀！
后記：開學(xué)之后要上學(xué)，可能更文會變得少了，甚至幾乎不更了。因?yàn)槊媾R著中考的壓力。也許等到放假之后會繼續(xù)更新。這是作者前端開發(fā)學(xué)習(xí)之路的第一步，謝謝大家的支持！
本文收錄于專欄：前端開發(fā)學(xué)習(xí)筆記
關(guān)注作者，持續(xù)閱讀作者的文章，學(xué)習(xí)更多編程知識！
https://blog.csdn.net/weixin_52132159
推薦閱讀
- 爬蟲
- Python一些事
- 教程
- 實(shí)例
- 其他
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/121677.html
摘要：標(biāo)簽不區(qū)分大小寫，但推薦小寫。標(biāo)簽可以嵌套，但不能交叉嵌套。標(biāo)簽也稱為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。 ??HTML必備知識詳解?? 第一部分：HTML框架簡介...
摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時(shí)間開的一個(gè)專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以...
閱讀 3146·2021-11-23 09:51
閱讀 2493·2021-09-30 09:48
閱讀 2190·2021-09-22 15:24
閱讀 1161·2021-09-06 15:02
閱讀 3477·2021-08-17 10:14
閱讀 2177·2021-07-30 18:50
閱讀 2053·2019-08-30 15:53
閱讀 3298·2019-08-29 18:43
