visual code實時顯示html內容_HTML入門筆記1
- HTML是誰發明的？
HTML的全稱是：Hyper Text Markup Language，即超文字標記語言。HTML是由Web的發明者Tim Berners-Lee和同事Daniel W. Connolly於1990年創立的一種標記語言
- HTML 起手應該寫什麼？
<!DOCTYPE html> //文件型別 <html lang="zh-CN"> //html標籤 可以把lang --> zh-CN <head> <meta charset="UTF-8"> //檔案的字元編碼 <meta name="viewport" content="width=device-width, initial-scale=1.0"> //視口標籤 相容手機 <meta http-equiv="X-UA-Compatible" content="ie=edge">//告訴IE使用最新核心 <title>Document</title> //標題 </head> <body> </body> </html>
- 常用的表示章節的標籤如下：
h1-h6標籤-->表示標題 section標籤-->表示章節
article標籤-->表示文章 p標籤-->表示段落
header標籤-->表示頭部 footer標籤-->表示腳部
main標籤-->表示主要內容 aside標籤-->表示旁支
- 全域性屬性（所有標籤都有的屬性）：
class：給標籤分類，通俗講就是給標籤一個標記。可以加多個class
插入：讓style標籤也能被看見，實現方法
style標籤下的CSS程式碼的顯示與實時編輯 " 張鑫旭-鑫空間-鑫生活www.zhangxinxu.com
contenteditable：可以讓一個標籤被編輯
hidden：讓標籤隱藏
id：標籤的“唯一”標識，與css和js都有作用。id的唯一性不靠譜
注：在js中使用id來直接修改元素的樣式，id的名稱如果和window.的全域性屬性重名，則不能使用id找到該元素。
style：給標籤加樣式（樣式優先順序：js>html>css）
tabindex[number]：實現沒有滑鼠的情況下，用tab鍵操作網頁。
注：正數按順序訪問，0最後一個，-1不找到我
title：標題，顯示完整的內容 (title="完整的內容")
實現單行文字溢位隱藏顯示：
white-space:nowrap; overflow:hidden; text-overflowe:ellipsis;
- 常用的內容標籤
ol+li：有序列表
ul+li：無序列表（使用居多）
dl+dt+dd：描述列表dt（描述的誰）dd（描述的內容）
pre：（html如果有連續的空白，只會有一個空白）pre標籤可以保留回車、tab
hr：分割線
br：換行
a：錨點
em：強調標籤（語氣）
strong：加粗標籤（本質很重要）
code：code標籤可以顯示程式碼，裡面的字型等寬（內聯元素）
quote：引用（內聯）
blockquote：引用（塊級）