1.vscode操作1）點擊"擴按鈕"，輸入Chinese，安裝完成后重啟vscode。ctrl+shift+p-->configure display language-->打開locale.json將“en”改成"zh-CN"2）"檔案"--"首選項"--設定3）插件：view in browser open in browser4)快捷鍵： alt+b 使用默認瀏覽器打開 shift+alt+向下箭頭 向下復制一行 shift+alt+向上箭頭 向上復制一行 alt+向下箭頭 向下移動 shift+tab 向前移動 ctrl+z 回退一步2.瀏覽器及內核Chrome谷歌： 特點——簡潔，快捷，安全 內核——webkit,Blink 費用——收費Firefox火狐——Mozilla公司 特點：非盈利，Gecko專案開源 內核：GeckoSaffari蘋果：蘋果公司 特點：移動端 內核：webkitOpera歐朋:挪威 opear software ASA 特點：自主研發presto內核 內核：presto,blinkIE:Microsoft 特點：IE和windows系統捆綁推向市場 內核：trident1）使用trident內核的IE,及一些國產瀏覽器2）使用Gecko內核的Mozilla Firefox火狐——Mozilla公司3)使用blink內核的chrome,Opera歐朋4)使用webkit內核的Safari,chrome,及一些國產的雙核瀏覽器3.前端頁面的構成 HTML——超文本標記語言 Hypertext Markup Lanuage,結構層 結構層由HTML標記語言創建的，負責頁面語意 CSS——層疊樣式表 cascading style sheets,樣式層或表現層 表現層組要是負責頁面的樣式 javaScript——腳本語言，行為層 行為層主要是負責描述頁面的動態效果 4.什么是HTML？ HTML是超文本標記語言。HTML是使用標記來描述網頁的一種語言。HTML是一種語法簡單，結構清晰地語言5.HTML檔案——網頁擴展名：.HTML檔案名的格式：主檔案名.擴展名6.HTML標簽語法：標記——標簽，元素HTML標簽：由尖括號包圍的關鍵詞單標簽：<標簽名 />,<標簽名>雙標簽：<標簽名>[內容]</標簽名><標簽名 屬性名="屬性值">[內容]</標簽名>空元素：嚴格模式在開始標簽下進行關閉HTML的注釋:ctrl+/<!--HTML注釋內容-->7.HTML檔案的結構8.常用標簽：塊級標記：1）標題標簽：h系列標簽 h1-h6大小依次減小，重要程度依次減弱； h1在同一個網頁中只能使用一次，其他標簽可以重復使用 特點：默認情況下寬度100%，默認情況下高度自適應，獨立成行；自帶間距和加粗效果2）段落標簽：p標簽特點：默認情況下寬度100%，默認情況下高度自適應，獨立成行，自帶間距3）div標簽：無語意 語法：<div>[內容]</div> 特點：默認情況下寬度100%，默認情況下高度自適應；獨立成行其他標簽：4）br標簽：強制換行標簽——不產生新段落的情況下進行換行 語法：<br />或<br>5)hr標簽：水平分割線標簽語法：<hr />或<hr>特點：默認自帶間距，自帶邊框行級標記：文本格式化標記——6）span標簽：萬能標簽，用于區分樣式，雙標簽7）b標簽：是一個物體標簽，用來呈現文字的加粗效果8）strong標簽：是一個語意標簽，作用加強字符的語意，用來表示重要文本，在文本中呈現粗體效果。9）i標簽：定義與文本中其他部分不同的部分，將這一部分呈現為斜體，沒有特殊語意10）em標簽：用來呈現被強調的文本，在文本中呈現斜體效果11）sub標簽：用來定義下標12）sup標簽：用來定義上標13）del標簽：定義洗掉線行級標記特點：默認情況下寬度自適應，默認情況下高度自適應，默認情況下橫向顯示（相應行內元素會排列在同一行中，直到一行排不下，才會換行）行塊級標簽：14）img標簽：圖片標簽語法：<img src="https://bbs.csdn.net/topics/圖片的路徑" title="滑鼠懸停時的提示資訊" alt="圖片占位">
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/256131.html
標籤：HTML(CSS)