您好,登錄后才能下訂單哦!
HTML概述:
html主要做網(wǎng)頁的頁面,
我們看到的同一個頁面顯示不同的數(shù)據(jù),則是通過JS,VBS,等語言把數(shù)據(jù)庫的數(shù)據(jù)寫入到Html文件
在python中通過WEB框架把數(shù)據(jù)動態(tài)更新到HTML模板中。
HTML文檔結(jié)構(gòu):
????標(biāo)簽:組成html其本的元素,每個標(biāo)簽都有自己的屬性,可以通過JS,CSS重定義。
????塊級標(biāo)簽:占用一整行或一個區(qū)域,如div、p
????行級標(biāo)簽:占用行內(nèi)的一部分
????主動閉合標(biāo)簽:前后必須對應(yīng)<標(biāo)簽名>內(nèi)容</標(biāo)簽名>
????自閉合標(biāo)簽:不需要有后面的,自閉合標(biāo)簽一般都是設(shè)置屬性。<標(biāo)簽名 \>
? ? body中的標(biāo)簽是可以嵌套的
<html> ????<!--注釋--> ????<head> ????????<!--?此處放置html文檔屬性標(biāo)簽,不在網(wǎng)頁中顯示 ????????meta?標(biāo)簽:????可設(shè)置的功能:定義編碼,跳轉(zhuǎn),刷新,關(guān)鍵字,描述,設(shè)置兼容 ????????title?標(biāo)簽:???設(shè)置網(wǎng)頁上方顯示的標(biāo)題 ????????link?標(biāo)簽:????網(wǎng)頁標(biāo)題前面的小圖標(biāo) ????????style?標(biāo)簽:???定義CSS樣式表 ????????Script標(biāo)簽:???定義腳本語言 ???????? ????????--> ????</head> ????<body> ????????<!--此處的標(biāo)簽都是在網(wǎng)頁中顯示的 ????????占位符:?html中有部分符號不顯示,使用占位符才能正確顯示 ???????????????? 空格、>大于號、<小于號、等等... ????????P標(biāo)簽:??段落,段落間有間距,<p>hello</p> ????????br:???換行,行間沒有間距,<br> ????????h標(biāo)簽:???加粗并指定字號。<h2>word</h2>,h2~h7 ???????? ????????input標(biāo)簽:<input></input> ????????????type屬性定義了input類型 ????????????name定義了input控件名字,方便調(diào)用 ????????????value定義了默認(rèn)值 ???????????? ????????????type類型: ????????????????text:?文本框,name,value ????????????????password:?密碼,neme,value ????????????????submit:?提交按鈕,value ????????????????button:?普通按鈕,可以通過JS或VBS改寫動作,value ????????????????radio:?單選框,實(shí)現(xiàn)單選效果需要把所有的radio定義相同的name,name,value,checked='checked' ????????????????checkbox:?復(fù)選框,name,value,checked='checked' ????????????????file:上傳文件,依賴form表單的屬性enctype='multipart/form-data' ????????????????reset:重置表單按鈕 ???????? ????????textarea標(biāo)簽:多行文本框,name定義名字,默認(rèn)值寫在開始和結(jié)束標(biāo)簽中間。<textarea>默認(rèn)值<\textarea> ???????? ????????select標(biāo)簽:下拉菜單 ????????????option定義下拉選項,內(nèi)部的value定義了傳遞值,默認(rèn)顯示值在option開始和結(jié)束之間 ????????????size框里顯示的選項數(shù)量 ????????????multiple可多選,<select?multiple> ???????????????? ????????a標(biāo)簽: ????????????href定義超鏈接地址或#錨點(diǎn) ????????????#id?跳轉(zhuǎn)到內(nèi)部id標(biāo)簽位置 ????????????網(wǎng)址?跳轉(zhuǎn)到指定網(wǎng)址? ??????????target定義新打開的頁面方式 ??????????????自定義名字,例如給frame框架設(shè)定個名字,在target輸入frame名字,鏈接就會在指定的frame打開。 ??????????????_self?默認(rèn),當(dāng)前窗口打開 ??????????????_blank?打開一個新窗口 ??????????????_parent?在父框架集中打開被鏈接文檔。 ??????????????_top?在整個窗口中打開被鏈接文檔。 ?????????????? ????????img?標(biāo)簽:?插入圖片?<img?/><div?id='1'?style=height:600px><img?src="./捕獲.PNG"?alt="lala"?title="play?man"?/></div> ????????????src????圖片位置 ????????????alt????圖片打不開時,提示的文字 ????????????title?鼠標(biāo)懸浮在圖片上顯示的文字提示 ???????? ????????列表: ????????????ul?單層列表,前面以符號標(biāo)記,li ????????????ol?單層列表,前面以數(shù)字標(biāo)記,li ????????????dl?雙層列表,dt一層,dd二層? ??????????? ????????table表格: ???????????????<table>?</table>?border=1,表格線寬,thead,tbody,tfoot可以用來定義式樣。 ?????????????thead表頭 ?????????????????tr?行? ?????????????????????td?列?colspan=2?合并兩列為一列,rowspan=2?合并兩行為一行,需要刪除對應(yīng)的單元格標(biāo)簽 ?????????????tbody表內(nèi)容 ?????????????????tr?行 ?????????????????????td?列? ?????????????tfoot頁腳???????????????? ?????????????????tr?行 ????????????????????td?列???????????????? ????????????? ????????label?用戶點(diǎn)擊label,與label關(guān)聯(lián)的控件獲取光標(biāo),label名與控件名一致,代表關(guān)聯(lián) ????????????<label?for='username'>用戶名</label> ????????????<input?type='text'?id='username'?name='user'/>???? ???????? ????????fieldset?設(shè)置帶字邊框 ????????????legend?設(shè)置文字?<legend>?</legend> ???????????? ???????????? ????????--> ????<body> ???? </html>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。