柚子快報邀請碼778899分享：html講解

http://yzkb.51969.com/

1. ?標(biāo)

知道什么是HTML

2. 路徑

1. 什么是html

2. html可以做什么

3. 講解

3.1什么是html

超?本標(biāo)記語?(Hyper Text Markup Language)，標(biāo)準(zhǔn)通?

標(biāo)記語?下的?個應(yīng)?。HTML 不是?種編程語?，?是?種

標(biāo)記語?，是??制作所必備的。

超?本標(biāo)記語?：功能??本強(qiáng)?, 就是指??內(nèi)可以包含圖

?、鏈接，甚??樂、程序等??字元素。

超?本標(biāo)記語?: 語法由標(biāo)簽組成

學(xué)習(xí)HTML的核?是標(biāo)簽

3.2.html可以做什么

設(shè)計??,做??

4. ?結(jié)

1. 什么是HTML?

超?本標(biāo)記語法

2. 標(biāo)記語?

設(shè)計??,做??

知識點-HTML結(jié)構(gòu)和基本語法

1.?標(biāo)

掌握HTML的結(jié)構(gòu)和基本語法

2.路徑

1. HTML的結(jié)構(gòu)

2. HTML語法規(guī)范

3. 標(biāo)簽屬性

3.講解

3.1HTML的結(jié)構(gòu)

??檔結(jié)構(gòu)介紹：

?檔聲明：?于聲明當(dāng)前HTML的版本，這?的 是HTML5的聲明

html根標(biāo)簽：除?檔聲明以外，其它內(nèi)容全部要放在根 標(biāo)簽html內(nèi)部

?檔頭部配置：head標(biāo)簽，是當(dāng)前??的配置信息，

外部引??件, 例如??標(biāo)簽、字符集等

?檔顯示內(nèi)容：body標(biāo)簽，?邊的內(nèi)容會顯示到瀏覽 器??上

3.3.標(biāo)簽屬性

?武器 (標(biāo)簽) 屬性(標(biāo)簽屬性)

攻擊之? +6點攻擊?

倚天劍 +50點攻擊? 15%暴擊

屬性是屬于標(biāo)簽的，修飾標(biāo)簽，讓標(biāo)簽有更多的效果

屬性?般定義在起始標(biāo)簽??。

hello

屬性?般以 屬性=屬性值的形式存在

屬性值?般? '' 或者“ ” 括起來。 不加引號也是可以的. (不建議使?)

4.?結(jié)

1. HTML結(jié)構(gòu)

2. 語法和屬性基本和xml類似, 但是不要背, 練練就?了

實操-HTML快速??

1. 需求

使?HTML展示hello sz85... 字體顏?為紅?

2. 步驟

1. 創(chuàng)建?程

2. 創(chuàng)建HTML

3. 定義 font標(biāo)簽

4. 設(shè)置font標(biāo)簽的color屬性為red

3. 實現(xiàn)

3.1 使?idea創(chuàng)建static web項?

1. File -> new -> Module

?2. 選擇static web

?3. 設(shè)置Module的名稱

?3.2 創(chuàng)建html?件 1. 在static web項?上右鍵 -> New -> Html File

?2. 設(shè)置HTML?件名稱

?3.3 編寫HTML代碼

?

3.4 使?瀏覽器訪問

1. 把?標(biāo)移動到右上?，會浮動出來瀏覽器按鈕，點擊

“Chrome”按鈕，使?Chrome瀏覽器打開當(dāng)前??

?2. 在瀏覽器上看到效果

?4. ?結(jié) 第?章-HTML常?的標(biāo)簽 練習(xí)-公司簡介 1. ?標(biāo) 按照需求完成某個公司的公司簡介 2. 路徑 1. 學(xué)習(xí)?字排版相關(guān)的標(biāo)簽 1. 標(biāo)題標(biāo)簽 2. 橫線標(biāo)簽 3. 段落和換? 4. ?字標(biāo)簽 2. 使??字排版標(biāo)簽，完成公司簡介

3. 實現(xiàn)

3.1.排版標(biāo)簽

字體標(biāo)簽

標(biāo)題標(biāo)簽

段落標(biāo)簽

注意：段落之間?動進(jìn)?換?

粗體標(biāo)簽

斜體標(biāo)簽

下劃線標(biāo)簽

face="字體?格">哈哈

標(biāo)題 n取值1~6, 1是?級標(biāo)題, 2是?級標(biāo)題...

段落

內(nèi)容

內(nèi)容

3.2 公司簡介練習(xí)

思路

1. 創(chuàng)建HTML

2. 創(chuàng)建標(biāo)題標(biāo)簽

3. 創(chuàng)建下劃線標(biāo)簽

4. 創(chuàng)建4個段落標(biāo)簽

5. 在第?個段落的前??字, 嵌套font標(biāo)簽 ,設(shè)置color=red

實現(xiàn)

?

?4. ?結(jié)

1. 標(biāo)題標(biāo)簽

? ?n取值1~6

2. 段落標(biāo)簽 段落之間?動進(jìn)?換?

3. 粗體標(biāo)簽

4. 斜體標(biāo)簽

5. 換?標(biāo)簽

6. 下劃線標(biāo)簽

?

?

?

?

?

?

?

?

?

?

?

柚子快報邀請碼778899分享：html講解

http://yzkb.51969.com/

精彩鏈接