HTML基礎知識點

2021-10-05 18:22:49 字數 3033 閱讀 7459

採用中文字符集

常用的編碼格式如下
utf-8:是一種字首碼,又稱萬國碼,是一種針對unicode的可變長度字元編碼

gb2312:gb 2312 或 gb 2312-80 是中國國家標準簡體中文字符集,收錄 6763 個漢字, 對任意乙個圖形字元都採用兩個位元組表示

gbk:gbk即漢字內碼擴充套件規範,k為擴充套件的漢語拼音中「擴」字的聲母。英文全稱chinese internal code specification。gbk編碼標準相容gb2312,共收錄漢字21003個、符號883個,並提供1894個造字碼位,簡、繁體字融於一庫。gb2312碼是中華人民共和國國家漢字資訊交換用編碼,全稱《資訊交換用漢字編碼字符集——基本集》,2023年由國家標準總局發布。

標題標籤:

段落標籤:

換行標籤:(單標籤)

水平線標籤:

屬性:width:設定水平線寬度,單位:px(畫素)/%(百分比)

color:設定水平線顏色

align:設定水平線居中對齊

noshade:設定水平線無陰影

修飾標籤類:

1.  :新增乙個空格

2. /:文字斜體

3./:加粗字型

4. :下標,對文字位置進行下移

5. :上標,對文字進行上移

6. :下劃線

7. :刪除線

要對哪些內容進行修飾,內容就要放在相應的標籤內。

特殊符號:

1.< ——> '

2.> ——> '>'大於符號

3.® ——> '®'已註冊符號

5.™ ——> '™'商標符號

6.  ——> ' '空格符

列表:

1.無序列表:

2.有序列表:

3.自定義列表:

/*1.無序列表*/

>

>

我是無序列表li

>

/*在li裡邊填寫相應內容*/

>

我沒有順序編碼li

>

type

="square"

>

我是方塊樣式li

>

type

="circle"

>

我是空心圓li

>

ul>

disc

square

圓點正方形

circle

–空心圓

可以使用type屬性來設定無序列表的樣式

效果圖如下:

/*2.有序列表*/

type

="1"

>

>

我是有序列表li

>

>

我有編號順序li

>

>

按照順序排列li

>

ol>

type屬性值:

屬性值為1:有序列表則按照1 2 3 4 5 ……依次排列

屬性值為a:有序列表則按照a b c d e ……依次排列

屬性值為a:有序列表則按照a b c d e ……依次排列

屬性值為 i: 有序列表則按照i ii iii iv v……依次排列

屬性值為i: 有序數列則按照i ii iii iv v……依次排列

如果不填,預設屬性值為1

效果圖如下:

/*3.自定義列表*/

>

/*定義自定義列表*/

>

水果dt

>

/*填寫數列名稱*/

>

蘋果dd

>

/*填寫數列內容*/

>

桃子dd

>

>

梨子dd

>

>

香蕉dd

>

dl>

其中,自定義列表dl中可以有多個dt,對於每個dt而言可以有多個dd進行描述。dt和dd是同級別標籤,兩者不能相互巢狀,這三個標籤要同時使用。

效果圖如下

1.語法:3.屬性值:

alt:文字代替影象(當使用者無法檢視影象,alt屬性可以代替影象顯示

在瀏覽器中)

1.語法:內容

2.屬性:

target:鏈結的目標視窗,值有如下

_self:預設值,在當前視窗開啟新的頁面

_blank:建立乙個新的視窗,開啟新的頁面

_top:在當前的整個瀏覽器視窗中開啟所鏈結的文件,因而會刪除

所有框架

_parent:將鏈結的檔案載入含有該鏈結框架的父框架集或父視窗

中。如果含有該鏈結的框架不是巢狀的,則在瀏覽器全屏視窗中載入鏈結的檔案,就象

_self引數一樣。

定義錨點:

內容內容 用法:第一步,先定義錨點名字,錨點名字用name屬性來定製

內容

html基礎知識點

html基礎知識 display 元素顯示模式 display block 塊級 inline 行內 inlne block margin 設定乙個p元素的所有四個邊距 border 設定邊框 border color邊框顏色 border style邊框風格solid實線 dashed點虛線 do...

HTML基礎知識點一

ie trident 核心 firefox gecko 核心 safari webkit 核心 opera 以前是presto 核心,opera 現已改用google chrome 的blink 核心 chrome blink 基於webkit,google 與opera software 共同開發...

基礎知識點

1 inline block布局 2 table布局 3 justify的末行不對齊 4 兩個圖示之間有空格 換行 5 背景中的的 路徑的 全部斜槓都為 不是 命令列下的這種 doctype html html head meta charset utf 8 title xx title head ...