HTML學習筆記02 標籤初識 編輯環境

2021-10-17 23:15:49 字數 1758 閱讀 5073

標籤分為單標籤和雙標籤

標籤關係:包含、並列

通常成對出現,也有單標籤比如:

/>

標籤關係:可包含: >

>

title

>

head

>

可並列:

>

head

>

>

body

>

骨架標籤

標籤定義

說明html標籤

根標籤文件的頭部

head中必須設定title

文件的標題

頁面的標題

文件主體

元素包含文件的所有內容,頁面內容

>

>

>

這是乙個新的標題title

>

head

>

>

內容:鍵盤敲爛 工資過萬

body

>

html

>

dwcs6、webstorm、hbuilder、vs code

推薦用vscode

輸入 !可快速生成骨架

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

head

>

>

body

>

html

>

推薦安裝擴充套件

open in browser

auto rename tag

css peek

生成標籤解釋

文件型別宣告標籤,確定html版本html5,不屬於html

lang

="en"

>

en為英語

zh-cn為中文

charset

="utf-8"

>

多個字元集合,方便計算機識別儲存文字

變數用來設定html的字元,utf-8多國通用

沒有會出現亂碼

/*文件型別宣告標籤,確定html版本html5,不屬於html*/

lang

="en"

>

/*langruge,表示使用英語*/

>

charset

="utf-8"

>

/*變數用來設定html的字元,utf-8多國通用*/

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

head

>

>

body

>

html

>

前端學習筆記,HTML常用標籤02

table是 th用於表示,的標題 th的用法和td一樣 tr用於表示行 乙個table標籤 有幾個tr,表示有幾行 td表示列 乙個tr裡有幾個td,表示有幾列 table標籤屬性 border 1 設定 邊框的寬度為1pixel 畫素 width 500 設定 寬度為500pixel heigh...

HTML學習筆記 02 meta標籤

meta主要用於設定網頁中的一些元資料,元資料不是給使用者看的,是為了讓瀏覽器進行解析。如 charset 指定網頁的字符集 name 指定的資料的名稱 content 指定的資料的內容 keywords 表示 的關鍵字,可以同時指定多個關鍵字,關鍵字間使用 隔開 以京東與亞馬遜的頁面為例 的描述會...

初識HTML標籤

超文字標記語言 hyper text markup language 是一種標記語言,使用標記標籤來描述網頁。結束標籤,也有部分標籤不是成對出現的,如 開始標籤 內容 結束標籤。this is my first paragraph.p 上面的這段 就是乙個元素,或稱為p元素 標籤支援屬性,屬性總是以...