web應用與開發知識梳理1——波里個波創作!

2020-10-12 16:00:26

1.頁面結構標籤

(1).< html >< /html >

告訴瀏覽器這個檔案是HTML檔案。

(2).< head >< /head >

斜體樣式標籤對中是檔案頭部資訊,說明檔案基本情況,其中可以使用< title >< /title >、< meta >、< script >< /script >等。

(3).< body >< /body >

標籤對是HTML檔案的主體,其中可包含< p >< /p >、< h1 >< /h1 >、< br >、< hr >等。

2.頁頭標籤

< title >< /title >用來設定網頁標題,標題通常會被瀏覽器放在瀏覽器視窗標題列的左面。

3.標題標籤

< hn >< /hn >可定義不同顯示效果的標題,n表示級數,取值範圍:1~6,n越小標題字號越大。
屬性:align 設定標題文字的對齊方式
取值:(1)left (2)right (3)center left是預設值
例:< h6 align=「center」>張宇波真帥< /h6 >

4.格式排版標籤

(1).< br >

強制文字換行,但不會在行與行之間留下空行
< br >加在< p >< /p >外邊,建立一個大的回車換行
< br >加在< p >< /p >裡邊,建立一個小的回車換行

(2).< hr >

在網頁中加入一條橫跨網頁的水平線
屬性:(1).size 粗細,預設單位為畫素
(2).width 寬度,預設單位為畫素
(3).noshade 取消水平線的陰影
(4).align 對齊方式
(5).color 顏色
例:< hr align=「center」 width=「600」 size=「9」 color=「blue」>

5.文字格式標籤

< font >< /font >通過設定屬性來控制文字字型、大小、樣式、和顏色
屬性:(1).face 設定字型樣式
(2).size 字型大小,7個級別,預設字型大小為3
(3).color 字型顏色

6.段落標籤

< p > < /p > 建立新段落,裡面加入的文字將按照段落的格式顯示在瀏覽器上
屬性:(1)align 對齊方式 (2)clear 控制圖文混排方式
取值都是:left、right、center
< /p >可省略,但是最好別,以防檔案出錯

7.預定格式標籤

< pre >< /pre > 預設字型10磅
將來瀏覽器網頁時,仍能保留在編輯工具中已經排好的形式顯示內容。

8.註釋標籤

< !-- --> 提高檔案的可讀性