html基本知識的學習總結

文章目錄

• 前言
• • HTML（Hypertext Markup Language）超文本标記語言
• 一、html的編寫平台
• 二、html知識及标簽
• • 1.html自動生成架構中的一些介紹
  • 2.html常用标簽
  • • • 注釋使用` `
    • ①标題 h1 h2 h3 ...h6
    • ②段落\
    • ③清單\
    • ④超連結\
    • ⑤圖檔\
    • ⑥無語義标簽\
  • 其中有塊級标簽，行内标簽，行内塊元素
• 總結

前言

**

HTML（Hypertext Markup Language）超文本标記語言

1.HTML的全稱為超文本标記語言，是一種标記語言。它包括一系列标簽．通過這些标簽可以将網絡上的文檔格式統一，使分散的Internet資源連接配接為一個邏輯整體。HTML文本是由HTML指令組成的描述性文本，HTML指令可以說明文字，圖形、動畫、聲音、表格、連結等。 檔案擴充名html或htm

2.使用HTML，将所需要表達的資訊按某種規則寫成HTML檔案，通過專用的浏覽器來識别，并将這些HTML檔案“翻譯”成可以識别的資訊，即現在所見到的網頁

**

簡單通俗地來說 就是html可以編寫出一個平時通路的那種頁面給編寫好的html檔案設定一個路徑(url 統一資源定位符)，通過網際網路（world wide web，簡稱www），通過激活（點選）它/或者在位址欄輸入html的url，可使浏覽器友善地轉到編寫的html頁面

一、html的編寫平台

一般我會使用VSCode（Visual Studio Code） 裡面有比較準确的高亮和補全，但是用的還不太熟悉 ，如果要使用的話，需要注意vscode建立新的檔案的時候，預設是txt，需要從左上角的儲存為然後選擇格式為html ，上圖！！說多了沒用

儲存好之後打一個！ tab就會自動補全一個html架構

二、html知識及标簽

1.html自動生成架構中的一些介紹

2.html常用标簽

注釋使用

<!---開始 結束-->

①标題 h1 h2 h3 …h6

顯示效果

②段落<p>

③清單<li>

④超連結<a>

⑤圖檔<img>

⑥無語義标簽<div>

其中有塊級标簽，行内标簽，行内塊元素

總結

當我們寫好一個html頁面時，我們也不知道效果怎麼樣，除了在位址欄搜尋到頁面檢視 還可通過浏覽器中的開發者工具（F12）來打開進行調試，然後可以現在這個裡面進行修改調試，此時的修改隻是暫時的，僅供 ，修改到最後的滿意得俄結果在，把代碼貼到自己的代碼中儲存就好了