HTML概述:
html主要做網頁的頁面,
我們看到的同一個頁面顯示不同的數據,則是通過JS,VBS,等語言把數據庫的數據寫入到Html文件
在python中通過WEB框架把數據動態更新到HTML模板中。
HTML文檔結構:
標籤:組成html其本的元素,每個標籤都有自己的屬性,可以通過JS,CSS重定義。
塊級標籤:佔用一整行或一個區域,如div、p
行級標籤:佔用行內的一部分
主動閉合標籤:前後必須對應<標籤名>內容</標籤名>
自閉合標籤:不需要有後面的,自閉合標籤一般都是設置屬性。<標籤名 \>
body中的標籤是可以嵌套的
<html> <!--註釋--> <head> <!-- 此處放置html文檔屬性標籤,不在網頁中顯示 meta 標籤: 可設置的功能:定義編碼,跳轉,刷新,關鍵字,描述,設置兼容 title 標籤: 設置網頁上方顯示的標題 link 標籤: 網頁標題前面的小圖標 style 標籤: 定義CSS樣式表 Script標籤: 定義腳本語言 --> </head> <body> <!--此處的標籤都是在網頁中顯示的 佔位符: html中有部分符號不顯示,使用佔位符才能正確顯示  空格、>大於號、<小於號、等等... P標籤: 段落,段落間有間距,<p>hello</p> br: 換行,行間沒有間距,<br> h標籤: 加粗並指定字號。<h1>word</h1>,h1~h6 input標籤:<input></input> type屬性定義了input類型 name定義了input控件名字,方便調用 value定義了默認值 type類型: text: 文本框,name,value password: 密碼,neme,value submit: 提交按鈕,value button: 普通按鈕,可以通過JS或VBS改寫動作,value radio: 單選框,實現單選效果需要把所有的radio定義相同的name,name,value,checked='checked' checkbox: 複選框,name,value,checked='checked' file:上傳文件,依賴form表單的屬性enctype='multipart/form-data' reset:重置表單按鈕 textarea標籤:多行文本框,name定義名字,默認值寫在開始和結束標籤中間。<textarea>默認值<\textarea> select標籤:下拉菜單 option定義下拉選項,內部的value定義了傳遞值,默認顯示值在option開始和結束之間 size框裏顯示的選項數量 multiple可多選,<select multiple> a標籤: href定義超鏈接地址或#錨點 #id 跳轉到內部id標籤位置 網址 跳轉到指定網址 href='http://www.apple.com' target定義新打開的頁面方式 自定義名字,例如給frame框架設定個名字,在target輸入frame名字,鏈接就會在指定的frame打開。 _self 默認,當前窗口打開 _blank 打開一個新窗口 _parent 在父框架集中打開被鏈接文檔。 _top 在整個窗口中打開被鏈接文檔。 img 標籤: 插入圖片 <img /><div id='1' style=height:600px><img src="./捕獲.PNG" alt="lala" title="play man" /></div> src 圖片位置 alt 圖片打不開時,提示的文字 title 鼠標懸浮在圖片上顯示的文字提示 列表: ul 單層列表,前面以符號標記,li ol 單層列表,前面以數字標記,li dl 雙層列表,dt一層,dd二層 table表格: <table> </table> border=1,表格線寬,thead,tbody,tfoot可以用來定義式樣。 thead表頭 tr 行 td 列 colspan=2 合併兩列爲一列,rowspan=2 合併兩行爲一行,需要刪除對應的單元格標籤 tbody表內容 tr 行 td 列 tfoot頁腳 tr 行 td 列 label 用戶點擊label,與label關聯的控件獲取光標,label名與控件名一致,代表關聯 <label for='username'>用戶名</label> <input type='text' id='username' name='user'/> fieldset 設置帶字邊框 legend 設置文字 <legend> </legend> --> <body> </html>