溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html回憶殺--語法

發(fā)布時間:2020-07-23 09:36:58 來源:網(wǎng)絡(luò) 閱讀:403 作者:等你的破船 欄目:web開發(fā)

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中有部分符號不顯示,使用占位符才能正確顯示
????????????????&nbsp空格、&gt大于號、&lt小于號、等等...
????????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>


向AI問一下細(xì)節(jié)

免責(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)容。

AI