HTML
HTML 全稱 “Hyper Text Markup Language（超文本標記語言）”，是網頁的標準語言，但是它并不是一門編程語言，而是一門描述性的標記語言，
基本語法
<標簽符號>內容</標簽符號>
HTML語言中，標簽符一般是成對出現的，第一個表示標簽的開始，第二個多了一條斜杠，表示標簽內容的結束，
在HTML中，標簽有很多種，每一種都有著不同的功能，適用于不同的情況，例如，想要顯示一段文字，就應該使用 “段落標簽（p）”；假如想要顯示圖片，則應使用 “圖片標簽（img）”，
示例：
<strong>這是粗體</strong>
上面的示例中使用 “粗體標簽（b或strong）” 來實作粗體文本顯示，
學習 HTML 語言，就是要學習各種各樣的標簽，然后學會在不同的情況中使用不同的標簽，以實作不同的表達效果，
1. HTML 基本結構
HTML語言中，一個頁面是由四個部分組成：
- 檔案宣告：<!DOCTYPE html>
- html 標簽對：<html></html>
- head 標簽對：<head></head>
- body 標簽對：<body></body>
圖示：
檔案宣告
<!DOCTYPE html>
這是一個檔案宣告，表示這是一個HTML頁面，
html 標簽
<html></html>
html標簽表示頁面內容的范圍，它告訴瀏覽器，這個頁面從 <html> 開始，到 </html> 結束，
head 標簽
<head></head>
head 標簽是網頁的 “頭部”，在這個標簽里會定義一些特殊內容，比如頁面的標題、頁面的字符編碼以及自動重繪等，
body 標簽
<body></body>
body 標簽是網頁的 “身體”，在這個標簽里我們可以撰寫大部分頁面顯示內容，一個網頁中，有大部分內容實在這里撰寫的，
示例
<!DOCTYPE html>
<html>
<head>
<title>這是網頁標題</title>
</head>
<body>
<p>這是頁面的內容</p>
<p>這是一個段落</p>
<strong>這是粗體</strong>
</body>
</html>
效果：
在上面示例的 HTML 代碼里，head 標簽內部中的 title 標簽定義頁面的標題，這個標題將會顯示在標簽欄上，body 標簽里的 p 標簽定義一段文字，這個段落將直接顯示在頁面上，
HTML 注釋陳述句
在實際開發中，我們需要在一些關鍵、重要或復雜難懂的代碼中進行注釋，以標示它是干什么的，這時候需要用到注釋陳述句：
<!--注釋內容-->
注釋的內容在瀏覽器中不會顯示，也就是說，HTML 標簽是給瀏覽器看的，而注釋是給程式員自己看的，當你的代碼中有重要的復雜的部分，就需要給代碼進行注釋，
在實際開發中，一個頁面的代碼往往很長，可能有成百上千行，這時候如果不給關鍵代碼進行注釋，閱讀起來會十分辛苦，可能連你自己也很難讀懂，更別說在團隊開發中，隊友維護你的代碼時，將會花費大量時間閱讀和理解代碼，費時費神，效率極低，
當然，并不是每一行代碼都必須注釋，一般的代碼較容易理解，只需要在復雜的部分，或是在關鍵的、重要的部分進行注釋即可，
一個注釋的示例：
<!--
作者：Cresyeal
博客：blog.csdn.net/weixin_52132159
時間：2021-09-29
描述：這是一串用來展示注釋的代碼
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>注釋示例</title> <!--網頁標題-->
</head>
<body>
<p>這是頁面的內容</p> <!--段落標簽-->
<p>這是一個段落</p>
<strong>這是粗體</strong> <!--粗體-->
</body>
</html>
在瀏覽器中看 HTML
進入你的瀏覽器，進入作者博客主頁，然后右鍵單擊頁面，在彈出選單中點擊 “檢查” 或 “審查元素”，把滑鼠放到右側的代碼塊上，你可以看到每一個標簽對應的頁面上的部分：
右鍵點擊 “查看網頁源代碼”，我們也可以看到這個網頁的 HTML 代碼：
在這里你可以試著找找頁面的四個基本部分，看看他們的標簽，
– the End –
好啦，這篇文章就到這里了，
以上就是我分享的全部內容，感謝閱讀！
后記：開學之后要上學，可能更文會變得少了，甚至幾乎不更了，因為面臨著中考的壓力，也許等到放假之后會繼續更新，這是作者前端開發學習之路的第一步，謝謝大家的支持！
本文收錄于專欄：前端開發學習筆記
關注作者，持續閱讀作者的文章，學習更多編程知識！
https://blog.csdn.net/weixin_52132159
推薦閱讀
- 爬蟲
- Python爬蟲 | 爬取b站北京奧運會開幕式彈幕，有多少人從東京奧運會跑過來的？
- 絕密！Python爬蟲告訴你刷分機器人背后的原理！這篇文章差點沒過審
- 【爬蟲】用Python爬取豆瓣電影分類排行榜
- 【Python爬蟲】爬蟲利器 requests 庫小結（建議收藏！）
- Python一些事
- 沒想到我連五年級的題目都解不出來？可不能被人小看，讓萬能的Python登場
- 女朋友讓我深夜十二點催她睡覺，我有Python我就不干
- 教程
- 想學Python不知從何入手？學習Python必備秘籍，附地址，速拿！
- Python標準庫：datetime 時間和日期模塊 —— 時間的獲取和操作詳解
- 學習筆記 | PyInstaller 使用教程——用pyinstaller打包exe應用程式【建議收藏！】
- 實體
- Python：程式猿怎么追女生？教你用Python做一個表白神器，告別表白尷尬！
- 其他
- Python每天一道題：昆蟲繁殖問題？我把密密麻麻的幼蟲和成蟲搞定了
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/304329.html
標籤：python
上一篇：阿里P7教你如何快速熟悉一個系統
下一篇：python字串的基本語法