第一章-初識HTML · 高效編程

## 初識HTML ### HTML是什么? * 超文本標記語言（Hypertext Markup Language, HTML）是一種用于創建網頁的標記語言。 * 本質上是瀏覽器可識別的規則，按照規則制作網頁，瀏覽器根據規則來渲染網頁，對于不同的瀏覽器，對同一個標簽可能會有不同的解釋（兼容性問題）。 * 網頁文件的擴展名：.html或者.htm ### HTML文檔結構 ``` <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>我的第一個網頁</title> </head> <body> Hello World </body> </html> <!DOCTYPE HTML>：聲明為HTML5文檔。 <html></html>：是文檔的開始標記和結束標記。是HTML的根元素，在它們之間是文檔的頭部(head)和主體（body）。 <head></head>：定義了HTML文檔的開頭部分，它們之間的內容不會在瀏覽器的文檔窗口顯示，包含了文檔的元（meta）數據，配置信息等，是給瀏覽器看的，看到的內容都是寫在body中的。 <title></title>：定義了網頁標題，在瀏覽器中顯示。 <body></body>：它的之間文本是可見的網頁主體內容。 ``` <span style="color:red">PS：對于中文網頁需要使用meta標簽 charset="UTF-8"聲明編碼，否則會出現亂碼的情況。</span> ### HTML標簽格式，嚴格封閉 * HTML標簽是由尖括號包圍的關鍵字，如,?等 * HTML標簽通常是成對出現的，比如：和，第一個標簽是開始，第二個標簽是結束。結束標簽會有斜線。 * 也有一部分標簽是單獨呈現的，比如：、、等。 * 標簽里面可以有若干屬性，也可以不帶屬性。 ##### 標簽的語法 * <標簽名屬性1="屬性值1" 屬性2="屬性值2" .......>內容部分</標簽名> * <標簽名屬性1="屬性值1" 屬性2="屬性值2" ......./> ### HTML中的注釋 ```  #找到一行內容ctrl+/就能注釋，注釋的內容不會在網頁上顯示出來 ```