前端學習 HTML的學習總結

2021-09-27 05:53:37 字數 2335 閱讀 7193

1 html是什麼:超文字標記語言

標籤/標記:

怎麼做:使用標籤來建立網頁

2 html的用途:是用來編寫靜態網頁的。

3 html結構

1 25     6         我們需要展示的資訊

7

8

4 區分正斜槓和反斜槓

5 開始標籤和結束標籤

1 (開始標籤) 

2 關鍵字

3 (結束標籤)

6 書寫規範

html:根標籤

head:

<

head

>

//設定整個網頁的編碼格式

<

meta

charset

= "utf-8"

>

//設定網頁標題

<

title

> 菜鳥-傳奇

title

>

head

body:

1

<

body

>

2text:文字的顏色

3bgcolor:背景色45

6<

body

text

="#00ff00"

bgcolor

="#00"

backgroud

="">

//在html**中,無論有多少個空格,瀏覽器解析後都認為只有乙個空格

空格:

//換行

<

br>//可以單獨存在

//段落標籤 單獨成一行

<

p>

//***x

p>

//水平線

<

hr width:「長度 」//100px--50%--

>

width:長度 //100px--50%--

size:粗度

color:顏色

align:對齊方式

<

font

>

文字標籤

color:顏色

size:粗度

face:字型的型別

<

h1>到<

h6>

標籤 //標題字型的大小

//字型的加粗

<

b >

<

strong

>

無序列表:

<

ul //type改變前面的圓點樣式

>

<

li>

******x

li>

<

li>

******x

li>

ul>

有序列表:

<

ol //type改變前面的排序樣式

// 1 a i 。。。

//start

="2"

從那個數字開始

width:寬度

height:高度

border:邊框

align:對齊方式(top。。。。)

alt:描述//載入檔案丟失才出現

<

a>

//屬性

href="跳轉"

table

<

div>

<

p><

table

>

塊級標籤:不允許其他元素併排

行級標籤:span:允許其他元素併排 設定樣式是可以的,但是設定的高度和寬度是無效的

前端學習 HTML總結

在和標籤之間的文字內容是網頁的標題資訊,它會出現在瀏覽器的標題欄中。一級標題。n級標題。文章段落。需要強調的文字斜體。需要強調的文字粗體。加上雙引號,需要引用的短文本。blockquote 引用文字 長文字引用。分段 沒有排序的資訊 資訊資訊 table 如果 很長可以一塊一塊的載入出來 一行 表頭...

前端學習 HTML學習

開始學習前端知識,從html開始。html 為由一對尖括號 所括起來的內容以特定含義.這樣的標識稱為乙個 標籤 tag w3c上html標籤總結 html 參考手冊 charset utf 8 name keywords content name description content name v...

前端HTML學習

html 標題 heading 是通過 標籤來定義的 是英文header 頁首 標題的縮寫 html 段落是通過標籤來定義的 是英文paragraph 段落 的縮寫 html 鏈結是通過標籤來定義的 是英文anchor 錨點 的縮寫 html 影象是通過標籤來定義的 注意 元素是自關閉元素,不需要結...