您好,登錄后才能下訂單哦!
本文小編為大家詳細(xì)介紹“html入門(mén)知識(shí)點(diǎn)有哪些”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“html入門(mén)知識(shí)點(diǎn)有哪些”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來(lái)學(xué)習(xí)新知識(shí)吧。
一、 html的簡(jiǎn)介:
1.html是什么
html是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言
簡(jiǎn)單的縮寫(xiě)為html,全拼(Hyper Text Markup Lunguage)
2.html的書(shū)寫(xiě)結(jié)構(gòu)
3.html標(biāo)簽的結(jié)構(gòu)特點(diǎn):
?。?)html標(biāo)簽是以尖括號(hào)包裹關(guān)鍵字成對(duì)出現(xiàn)的,有開(kāi)始開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽,支持正確的嵌套
?。?)大部分標(biāo)簽有屬性,格式,
?。?)html不區(qū)分大小寫(xiě)
二、介紹html中的基本標(biāo)簽
1.文件標(biāo)簽
2.排版樣式
1.注釋樣式
2.換行標(biāo)簽
3.段落標(biāo)簽
4.水平線(xiàn)標(biāo)簽
屬性:
width:長(zhǎng)度
size:粗度
color:顏色
aligan:對(duì)齊方式
尺寸的寫(xiě)法:
像素:px
百分比:占副標(biāo)簽的百分比
3.塊標(biāo)簽
行級(jí)塊標(biāo)簽/div+css布局/
行內(nèi)塊標(biāo)簽
4.文字標(biāo)簽
基本文字標(biāo)簽
屬性:color:顏色
size:大小
face:字體類(lèi)型
標(biāo)題標(biāo)簽:
5.列表標(biāo)簽
1.無(wú)序列表
屬性:type:(數(shù)字,字母,羅馬數(shù)字)
start: 數(shù)字,代表首項(xiàng)開(kāi)始位置
2.有序列表:
屬性:type:(數(shù)字,字母,羅馬數(shù)字)
start: 數(shù)字,代表首項(xiàng)開(kāi)始位置
6.圖形列表
屬性:
scr:圖形地址
width:寬度
height:高度
border:變寬
align:對(duì)齊方式
alt:圖片文字說(shuō)明
7.鏈接標(biāo)簽
跳轉(zhuǎn)頁(yè)面地址:href
名稱(chēng),錨點(diǎn):name
作用:
?。?)頁(yè)面跳轉(zhuǎn),調(diào)到外網(wǎng)必須添加協(xié)議
?。?)訪(fǎng)問(wèn)錨點(diǎn),回到錨點(diǎn)(頂部,底部,中間)
8.表格標(biāo)簽
屬性:
border:表格邊框
width:表格寬度
height:表格高度
align:對(duì)齊方式
bgcolor:背景顏色
代表行:
代表列:
屬性:
列合并:colspan
行合并:rowspan
?。合嗟扔诹校珒?nèi)置樣式居中
?。罕眍^
表格的作用:
(1):簡(jiǎn)單的實(shí)現(xiàn)一個(gè)表格樣式
?。?):進(jìn)行頁(yè)面布局
示例
三。html表單標(biāo)簽
1.form標(biāo)簽:
屬性:
name:表單名稱(chēng)
action:提交的路徑地址
method:提交方式(post和get)
post:提交將數(shù)據(jù)封裝在請(qǐng)求體中,不限制大小
get:將數(shù)據(jù)加在地址欄的后面,有限制大小
2.input標(biāo)簽:
type屬性:
?。浩胀ǖ奈谋据斎肟?/p>
name
password:密碼輸入框
radio:?jiǎn)芜x按鈕
屬性:
name:如果想讓一組單選按鈕互斥,就用指定同意name屬性值,需要加value屬性值;
checked:默認(rèn)被選中
?。簭?fù)選框:
name:組的概念,需要加value的值
:默認(rèn)被選中
?。荷蟼魑募目丶?/p>
:普通按鈕,沒(méi)有任何內(nèi)置的功能
?。簝?nèi)置功能,點(diǎn)擊會(huì)按照action地址提交
:重置,點(diǎn)擊會(huì)清空之前填寫(xiě)的內(nèi)容
?。簣D片按鈕
屬性:
src:加載圖片
alt:圖片的提示文字
?。弘[藏表單
3.select標(biāo)簽
屬性:
name:表單項(xiàng)的名稱(chēng)
option:可選項(xiàng)(下拉菜單之間的級(jí)聯(lián))
屬性:value:表單項(xiàng)的值
selected:默認(rèn)被選中
4.textarea:文本域標(biāo)簽
屬性:
cols:列數(shù)
rows:行數(shù)
四。html框架標(biāo)簽及其他
1.框架標(biāo)簽
屬性:
rows:按行劃分
cols:按列劃分
屬性:
name:名稱(chēng)
src:加載頁(yè)面的地址
2.其他標(biāo)簽:
3.特殊字符
?。嚎崭?/p>
?。捍笥谔?hào)
:小于號(hào)
?。喊鏅?quán)符號(hào)
?。鹤?cè)符號(hào)
讀到這里,這篇“html入門(mén)知識(shí)點(diǎn)有哪些”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。