国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML基礎(chǔ)系列

huangjinnan / 1896人閱讀

摘要:標(biāo)記語言,網(wǎng)頁制作的第一步。什么是呢查百度基礎(chǔ)語法常用標(biāo)簽是超文本標(biāo)記語言,不用編譯,直接在瀏覽器中執(zhí)行,是一個(gè)文本文件。長按下方二維碼可關(guān)注,歡迎分享,置頂尤佳。

HTML標(biāo)記語言,網(wǎng)頁制作的第一步。
什么是HTML呢?查百度
基礎(chǔ)語法
常用標(biāo)簽

HTML是超文本標(biāo)記語言,HTML不用編譯,直接在瀏覽器中執(zhí)行,HTML是一個(gè)文本文件。

HTML基本結(jié)構(gòu),標(biāo)簽,元素,屬性,注解

 html 
 head 
 title 標(biāo)題 /title 
 /head 
 body 
 /body 
 /html 

標(biāo)簽屬性格式:

 標(biāo)簽名 屬性名=“屬性值” /標(biāo)簽名 

文檔類型聲明:

 !DOCTYPE 聲明必須放在html文檔第一行,不是html標(biāo)簽

編碼文件

 meta http-equiv= Content-Type content= text/html;charset=utf-8 / 

標(biāo)題標(biāo)簽,段落標(biāo)簽,預(yù)格式化標(biāo)簽,水平線

 h1 /h1 p pre /pre hr/ 
 i /i 
 b /b 
 ins 
 del 
 sub 
 sup 

無序列表:

 ul 
 li /li 
 /ul 
disc 圓點(diǎn)
square 正方形
circle 空心圓

有序列表:

 ol 
 li /li 
 /ol 
 dl 
 /dl 

結(jié)構(gòu),表現(xiàn),行為

圖片標(biāo)簽

 img src= alt= / 

相對(duì)路徑,絕對(duì)路徑

超鏈接標(biāo)簽:

 a href= 內(nèi)容 /a 
href target title name
_self _blank _top _parent

定義錨:

 a href= #錨名 /a 
 a name= 錨名 /a 

郵件鏈接:

 a href= mailto:郵件地址 /a 

下載:

 a href= xxx.rar /a 

表格的基本結(jié)構(gòu),操作表格,屬性,跨行,嵌套

 table 
 table 
 td /td 
 /tr 
 /table 

添加標(biāo)題

 caption /caption 

加載過長,內(nèi)容過多

表格分:表頭,主體,腳注

thead tbody tfoot
 table 
 caption caption 
 thead 
 th /th 
 /tr 
 /thead 
 tbody 
 td /td 
 /tr 
 /tbody 
 tfoot 
 /tfoot 
 /table 

表格屬性

width表格寬度,align對(duì)齊方式,border表格邊框的寬度,Bgcolor表格背景顏色,cellpadding內(nèi)容之間的空白,cellspacing單元格之間的空白,frame和rules。

跨列屬性: colspan
跨行屬性: rowspan

表格嵌套:

 table 
 td /td 
 table 
 td /td 
 td /td 
 /table 
 /td 
 /tr 
 /table 

表單結(jié)構(gòu),表單常用元素,表單交互屬性

語法:文本域,單選框,復(fù)選框,按鈕,列表

 form 
 /form 
input
select
option
textarea
optgroup
 input type= name= / 
text password file checkbox radio button submit reset hidden image
name maxlength size value placeholder
 input type= image name= src= imageurl / 
 input type= hidden name= value= / 
傳輸給服務(wù)器

下拉菜單和列表標(biāo)簽

 select 
 option value= /option 
 option value= /option 
 /select 
name multiple可以多選 size顯示條目
 option 標(biāo)簽屬性
selected value

分組下拉菜單

 select name= 
 optgroup label= 組1 
 option value= /option 
 /optgroup 
 optgroup label= 組2 
 option value= /option 
 /optgroup 
 /select 

多行文本域

 textarea name= rows= cols= 
 /textarea 
name placeholder rows cols
 form action= method= name= 
 /form 
action method name target enctype

網(wǎng)頁結(jié)構(gòu):

 body 
// 頭部
 div /div 
// 主體
 div /div 
// 頁腳
 div /div 
 /body 
 div 
 dt /dt 
 dd /dd 
 dd /dd 
 /dl 
 /div 

總結(jié):

html表單,表單應(yīng)用場(chǎng)景,表單工作原理

 input type= name= / 
text password file checkbox radio button submit reset hidden image
 form 
 input type= text name= / 
 /form 
name, maxlength, size, value, placeholder
 form 
 input type= password name= / 
 /form 
 form 
 input type= file name= / 
 /form 
 form 
 input type= radio name= value= checked/ 
 /form 
 form 
 input type= checkbox name= value= checked/ 
 /form 
 input type= button name= value= / 
type= submit 
type= reset 
 input type= image name= src= imageurl / 
 input type= hidden name= value= / 
html表單
input select option optgroup textarea
 select 
 option value= /option 
 /select 
name multiple size
selected value
 textarea name= rows= cols= 
 /textarea 
name placeholder rows cols
 form action= method= name= 
 /form 
action method name targer enctype
url get,post form_name _blank,_self,_parent,_top
text/plain
multipart/form-data

 !DOCTYPE html 
 html 
 head 
 !-- 網(wǎng)頁頭部內(nèi)容 -- 
 title 標(biāo)題 /title 
 /head 
 body 
 !-- 網(wǎng)頁主體內(nèi)容 -- 
 /body 
 /html 

好了,歡迎在留言區(qū)留言,與大家分享你的經(jīng)驗(yàn)和心得。

感謝你學(xué)習(xí)今天的內(nèi)容,如果你覺得這篇文章對(duì)你有幫助的話,也歡迎把它分享給更多的朋友,感謝。

作者簡介

達(dá)叔,理工男,簡書作者 全棧工程師,感性理性兼?zhèn)涞膶懽髡?,個(gè)人獨(dú)立開發(fā)者,我相信你也可以!閱讀他的文章,會(huì)上癮!,幫你成為更好的自己。長按下方二維碼可關(guān)注,歡迎分享,置頂尤佳。

感謝!承蒙關(guān)照!您真誠的贊賞是我前進(jìn)的最大動(dòng)力!

這是一個(gè)有質(zhì)量,有態(tài)度的公眾號(hào)

喜歡本文的朋友們

歡迎長按下圖關(guān)注訂閱號(hào)

收看更多精彩內(nèi)容

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/790.html

相關(guān)文章

  • HTML基礎(chǔ)系列

    摘要:標(biāo)記語言,網(wǎng)頁制作的第一步。什么是呢查百度基礎(chǔ)語法常用標(biāo)簽是超文本標(biāo)記語言,不用編譯,直接在瀏覽器中執(zhí)行,是一個(gè)文本文件。長按下方二維碼可關(guān)注,歡迎分享,置頂尤佳。 HTML標(biāo)記語言,網(wǎng)頁制作的第一步。 什么是HTML呢?查百度 基礎(chǔ)語法 常用標(biāo)簽 HTML是超文本標(biāo)記語言,HTML不用編譯,直接在瀏覽器中執(zhí)行,HTML是一個(gè)文本文件。 HTML基本結(jié)構(gòu),標(biāo)簽,元素,屬性,注解 標(biāo)題...

    CoffeX 評(píng)論0 收藏0
  • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

    摘要:黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁 #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...

    EscapedDog 評(píng)論0 收藏0
  • webpack多頁應(yīng)用架構(gòu)系列(十四):No復(fù)制粘貼!多項(xiàng)目共用基礎(chǔ)設(shè)施

    摘要:原文地址如果您對(duì)本系列文章感興趣,歡迎關(guān)注訂閱這里前言本文介紹如何在多項(xiàng)目間共用同一套基礎(chǔ)設(shè)施,又或是某種層次的框架。而以上所述的種種,就構(gòu)成了一套完整的解決方案,也稱基礎(chǔ)設(shè)施。下面就以從到的改造過程來介紹如何實(shí)現(xiàn)多項(xiàng)目共用基礎(chǔ)設(shè)施。 本文首發(fā)于Array_Huang的技術(shù)博客——實(shí)用至上,非經(jīng)作者同意,請(qǐng)勿轉(zhuǎn)載。原文地址:https://segmentfault.com/a/1190...

    cyrils 評(píng)論0 收藏0
  • Javascript學(xué)習(xí)總結(jié) - JS基礎(chǔ)系列

    摘要:變量定義變量使用關(guān)鍵字變量名變量名可以任意取名,但要遵循命名規(guī)則變量必須使用字母下劃線或者美元符開始。語法參數(shù)說明在消息對(duì)話框中要顯示的文本返回值值。返回值點(diǎn)擊確定按鈕,文本框中的內(nèi)容將作為函數(shù)返回值。 簡述 本系列將持續(xù)更新Javascript基礎(chǔ)部分的知識(shí),誰都想掌握高端大氣的技術(shù),但是我覺得沒有一個(gè)扎實(shí)的基礎(chǔ),我認(rèn)為一切高階技術(shù)對(duì)我來講都是過眼云煙,要成為一名及格的前端工程師,必...

    Meils 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<