前端基礎 HTML知識總結

2021-10-05 22:22:58 字數 2800 閱讀 5385

1、html 是一種編寫網頁的解釋性的標記語言,結合 css 和 js 實現功能複雜的頁面 

2、解釋性:翻譯,非編譯---**有錯誤,可能導致效果錯誤

3、標記:用一對 <> 括起來的,顯示時候會有特定的效果; 

封閉型別:成對出現,也叫雙標記,比如 ;

非封閉型別:只有乙個標記,也叫單標記,比如

(建議) 或者

;屬性:出現在開始標記裡,用空格隔開,屬性名稱="屬性值"或者一對單引號

、4、術語:元素----標記;

5、顯示頁面:用瀏覽器---ie、google、firefox、opera、safari

1、文件的標準結構

版本資訊

2、版本:嚴格型、傳統型、框架型

3、head為頁面頭元素---包含和頁面整體資訊相關的內容:

title:為頁面定義標題 

meta:元資料

style:樣式

script:指令碼**

4、body:文件的主體---各種文字以及各種標記

1、特殊文字----轉義字元:

空格     

< <

> >

---一號標題 

3、段落:

----段落間距

4、換行:

5、分組元素:

:獨佔一行

:不會影響原有的布局

6、塊級(block)元素和行內(inline)元素:

塊級元素:獨佔一行的元素,比如h1/p/div

行內元素:和其他元素在同一行上,比如span/a

1、影象標記

相對路徑:

絕對路徑:

2、超級鏈結

click me

href=""

target="_blank"

3、同乙個頁面的不同部分之間的 

***x---回到頂端 

4、錨點的定義和使用 

實現選擇性的在頁面的不同位置之間跳轉 

---錨點 

to ***

經常會使用巢狀的列表實現導航選單 ---配合鏈結,實現導航目錄效果

圖書          

1、**的基本結構:自上而下,從左到右

---table row 

---單元格 table defination

2、常用的屬性

table:border/width/height/cellspacing/cellpadding

td:width/height/align/valign

3、**的其他

行分組:thead/tbody/tfoot

複雜分組的時候,可以有多個 tbody 

4、不規則**:設定 td 的跨行或者跨列

colspan = "3"---橫著 

rowspan = "3"---豎著

5、**的巢狀:實現複雜布局時,比如table 寫在 td 裡

1、表單:承載表單上元素(如文字框、按鈕等),資料的錄入和互動,提交到伺服器端 

其他資料其他資料
2、表單上的元素

3、input:輸入框---type取值的不同,不同型別 

--互斥的單選效果 

--多選

--提交按鈕

--重置,恢復到初始狀態

---選擇本地檔案,備於上傳

--隱藏域,不顯示----常用來記載不希望使用者看見的關鍵資料,隱秘資料(加密完畢再存入)

4、input元素的屬性 

name 屬性:提交資料用,名稱 

value 屬性:提交的值--文字框(初始值)、單選或者多選框(提交的值)

名值對:提交資料到伺服器端,比如:second.html?uu=john&***=m&role=sa

5、label標記:使用for屬性和某個元素發生關聯,for的值必須是關聯控制項的 id 值

6、select:下拉框或者列表框  size="n",option元素:選項

7、textarea:多行文字域

8、表單控制項的分組元素:fielsetset/legend

當前頁面上嵌入其他頁面,常用於廣告頁面

以前,我總以為自己是菜鳥,也總想著早起的鳥兒有蟲吃。直到有一天我想飛,才愕然的發現自己沒有翅膀和羽毛,我竟然是菜蟲!早起的蟲兒被鳥吃……原來,百足應該厚積薄發!

HTML前端知識總結

html標籤大部分是成對出現的 也有部分少量標籤為單標籤.標題標籤,快速實現標題效果.使用f12開啟除錯介面,檢視 元素.段落標籤 塊級元素 適當用於標記一段文字,段與段間距較大.水平標籤 換行標籤 強制換行 塊級元素 下劃線 上標註 下標註 如 2 是文字傾斜.主要用來實現布局的控制,頁面內容,通...

前端 html基礎總結

自己購買的資料 固定模式 處理格式 段落,標題,換行,水平線,刪除線,強調,斜體,粗體,強調,下標,上標,小號字 這是乙個鏈結 屬性包括 class,id,title,style,name,center,font,bgcolor,backgroud,size,color 超 框架 表單知識點1 為排...

Web前端知識總結 HTML

超文字標記語言 英語 hypertext markup language,簡稱 html 是一種用於建立網頁的標準標記語言。您可以使用 html 來建立自己的 web 站點,html 執行在瀏覽器上,由瀏覽器來解析。在本教程中,您將學習如何使用 html 來建立站點。html 很容易學習!相信您能很...