html基礎總結

2022-01-13 01:23:33 字數 2143 閱讀 9713

html是一種超文字標記語言

標記:符號,標籤標記是沒有邏輯的

組成:目的:完成頁面的搭建

html頁面大致的組成部分

簡單的乙個htm5搭建:

title

語法:&內容;常用的轉義字元

<:>

>: >

空格:

​ h1~h6:裡面內容相對於普通的內容會加粗,且會自動換行​ p:自帶換行,有段落間距

​ 共同點都不帶換行

​ 常用的文字型別標籤

a標籤例如如下一句

頁面中顯示的文字內容
且超連結點選後會在瀏覽器上生成記錄,顯示文字顏色會變紫色

​ ul>li:無序標籤

​ ol>li:有序標籤

特殊的快捷鍵:ul>li*5,其中$表示顯示序列的位數

顯示結果:

ul>li*5 顯示結果

table>tr>th|td

屬性案例

標題1

標題2標題3

12 5

6 789

from>input|label|button|textarea|select屬性值

含義action

url指定乙個表單處理目標url,表單資料將被提交到該url位址的處理程式。如果該屬性值為空,則提交到文件自身。該屬性值可以為絕對位址、相對位址、文件片段,甚至是指令碼**

method

get或post

將表單資料提交到http伺服器的方法,可能值有兩個:get和post

enctype

input屬性大概介紹:

案例介紹

type屬性

空間名稱

對應**

text

單行文字輸入框

password

密碼輸入框

checkbox

核取方塊

radio

單選框

submit

提交按鈕

reset

重置按鈕

button

普通按鈕

hidden

隱藏按鈕

file

文字選擇框

multiple : 布林屬性,設定後允許多選,否則只能選擇乙個

disabled : 禁用該下拉列表

selected : 首次顯示時,為選中狀態

value : 定義發往伺服器的選項值

屬性

屬性值說明

name

name

控制項名稱

rows

number

設定多行文字框的顯示行數(高度)

cols

number

設定多行文字框的顯示列數(寬度)

disabled

disabled

布林屬性,設定當前文字框為禁用狀態

label元素不會向使用者呈現任何特殊效果

標籤的 for 屬性應當與相關元素的 id 屬性相同

結合css可以控制表單文字或控制項對齊,美化表單

只是個簡單的按鈕

div標籤自帶換行,主要是用來網頁大體的分割槽框架的劃分

HTML基礎總結

1.稱為根標籤,所有的網頁標籤都在中。2.標籤用於定義文件的頭部,它是所有頭部元素的容器。頭部元素有 等標籤,頭部標籤在下一小節中會有詳細介紹。3.在和標籤之間的內容是網頁的主要內容,如 等網頁內容標籤,在這裡的標籤中的內容會在瀏覽器中顯示出來。1.傾斜和加粗標籤是為了強調一段話中的關鍵字時使用,它...

HTML基礎總結

title charset utf 8 head body html p h 1 2 3 4 5 6 color 顏色 size 大小1 7 face 字型樣式 font span b strong i em src 路徑 width 寬度 height 高度 alt 載入錯誤時的提示資訊 type...

HTML基礎學習總結

html即超文字標記語言,簡單的說,就是一堆可以用來包圍文字的標記。通過這些標記來告訴瀏覽器文字的結構是怎樣的 哪些是標題,哪些是段落,哪些是引用等。有了這些資訊,瀏覽器會按照內建的預設規則顯示各自元素 對 於某些詞語或句子還可以通過元素新增鏈結,其中涉及到href屬性,有了屬性,就可以用各種資訊定...