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 很容易學習!相信您能很...