python之HTML 注釋格式: 單行注釋:<!--注釋內容--> 多行注釋:#注釋內容--> 標簽分類: head標簽中: 自閉合標簽:(最好在標簽后加/) meta: 編碼,跳轉,刷新,關鍵字,描述,IE兼容 <meta charset="UTF-8"> <meta http-equiv="Refresh" Content="3"> 3秒刷新一次頁面 <meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com"> 3秒后進入新的網址 <meta name="keywords" content="xxx"> 網站關鍵字 <meta name="description" content="xxx"> 網站描述 <meta http-equiv="X-UA-Compatible" Content="IE=IE9;IE=IE8;"> 主動閉合標簽: link:窗口欄圖標 <link rel="shortcut icon" href="image/favicon.ico"> href后面的內容是該html文件所在的路徑 title:窗口欄文字信息 <title>這是一個窗口欄</title> style script body標簽:<body> 塊級標簽:無論內容多少,選中的時候選擇該行所有內容 符號: <a href="http://www.baidu.com">百 度  表示空格,多個表示多個空格(還有其他符號的表示方法) p標簽:表示一個段落,多個段落之間有空格 <p>這是一個段落</p> br標簽:表示同一個段落的換行 <p>這是第一行<br/>這是第二行</p> h標簽:標題,加數字表示字體大小(字體加大加粗) <h1>這是一種字體</h1> <h2>這是第二種字體</h2> div標簽:(白板) <div></div> ... 行內標簽:(無法設置高度,寬度,padding,margin)取決於內容的多少,即選中的時候只選擇該長度的內容 span標簽:(白板)多個該標簽存在時內容都在同一行 <span>這是一個測試</span> input標簽:(配合form標簽使用)(只有input標簽的內容才傳到后台) <form action="xxx" method="GET"> 向指定地址發送相關信息,GET方法會把信息拼接到Url上並發送,但POST方法不放到Url上 <input type="text" /> 普通文本輸入框 <input type="password" /> 密碼輸入框,輸入時顯示* <input type="password" name="pwd"/> 提交后台后需要指明該標簽的名稱pwd,並且轉為字典形式給后台:['pwd':'用戶輸入的密碼'] <input type="text" name="query" value="默認">若Input標簽是文本框類型,且有value存在時,value的值為文本框的默認值,即不輸入就顯示在文本框 <input type="button" value="登錄"> 登錄按鈕 <input type="submit" value="登錄2"> 提交表單時采用這種方式! <input type="reset" name="重置"> 重置,重新清空文本框的輸入等 </form> ---單選框(value name屬性,name相同則互斥)(可以) <form> 男:<input type="radio" name="gender" value=“1”/> radio類型為選擇框,當多個radio類型時name一樣時選擇框互斥選,即只能選一個 女:<input type="radio" name="gender" value="2“/> 后台根據value取數據 其他:<input type="radio" name="gender" value="3" checked="checked">這里的checked是指默認選擇其他! <form> ---復選框(value,name屬性,批量獲取數據) 籃球:<input type="check box" name="test" value="1"/> 后台根據value處理數據,check box同樣有checked屬性 愛好:<input type="check box" name="test" value="2"/> ---上傳文件(依賴form中的屬性才可以上傳) <form enctype="mutipart/form-data"> <input type="file" name="fname"/> </form> ---多行文本 <textarea name="meno" >默認值</textarea> 默認值不同於之前的value,而是直接將默認值放在中間,name是根據后台需要 ---下拉框選擇 <select name="city"> <option value="1" selected="selected">廣東</option> name和value配合提交給后台處理數據 <option value="2">廣西</option> selected是默認屬性,默認選擇廣東 </select> 下拉框多選: <select name="數字" multiple="multiple" size="2"> size是顯示下拉框內容的行數 <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> ------------------------------------- 標簽之間可以嵌套: <div> <div></div> .... </div> ------------------------------------- 標簽標識:(標識某一個標簽,方便設計時定位該標簽)(chorme審查元素的使用,樣式) <div id='i1'>text<div> </body> ------------------------------------ #-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-簡單嘗試-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--指定編碼--> <meta http-equiv="Refresh" Content="10;Url=http://www.baidu.com"> 10秒后進入新的網址 <title>測試</title> <!--窗口標題欄--> </head> <body> <form enctype="multipart/form-data"> 請輸入您的用戶名<input type="text" name="用戶名" value="張三"/><br/> 請輸入您的密碼<input type="password" name="密碼" value="123456"/>默認是123456<br/> <input type="submit" value="登錄"/> <input type="reset" name="重置"/> <p>請選擇您的性別!</p> 男:<input type="radio" name="gender"/><br/> 女:<input type="radio" name="gender"/> <p>請選擇您的興趣愛好</p> 籃球<input type="checkbox" name="籃球"/><br/> 足球<input type="checkbox" name="足球/"><br/> 羽毛球<input type="checkbox" name="羽毛球"/> <p>請輸入您想對我們說的內容</p> <textarea name="meno">默認沒有</textarea> <p>選擇您的城市</p> <select> <option>廣東</option> <option>廣西</option> </select>> <p>數字多選</p> <select name="數字" multiple="multiple" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>> <p>上傳文件 <input type="file" name="fname"> </form> </body> </html>python之HTML 注釋格式: 單行注釋:<!--注釋內容--> 多行注釋:#注釋內容--> 標簽分類: head標簽中: 自閉合標簽:(最好在標簽后加/) meta: 編碼,跳轉,刷新,關鍵字,描述,IE兼容 <meta charset="UTF-8"> <meta http-equiv="Refresh" Content="3"> 3秒刷新一次頁面 <meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com"> 3秒后進入新的網址 <meta name="keywords" content="xxx"> 網站關鍵字 <meta name="description" content="xxx"> 網站描述 <meta http-equiv="X-UA-Compatible" Content="IE=IE9;IE=IE8;"> 主動閉合標簽: link:窗口欄圖標 <link rel="shortcut icon" href="image/favicon.ico"> href后面的內容是該html文件所在的路徑 title:窗口欄文字信息 <title>這是一個窗口欄</title> style script body標簽:<body> 塊級標簽:無論內容多少,選中的時候選擇該行所有內容 符號: <a href="http://www.baidu.com">百 度  表示空格,多個表示多個空格(還有其他符號的表示方法) p標簽:表示一個段落,多個段落之間有空格 <p>這是一個段落</p> br標簽:表示同一個段落的換行 <p>這是第一行<br/>這是第二行</p> h標簽:標題,加數字表示字體大小(字體加大加粗) <h1>這是一種字體</h1> <h2>這是第二種字體</h2> div標簽:(白板) <div></div> ... 行內標簽:(無法設置高度,寬度,padding,margin)取決於內容的多少,即選中的時候只選擇該長度的內容 span標簽:(白板)多個該標簽存在時內容都在同一行 <span>這是一個測試</span> input標簽:(配合form標簽使用)(只有input標簽的內容才傳到后台) <form action="xxx" method="GET"> 向指定地址發送相關信息,GET方法會把信息拼接到Url上並發送,但POST方法不放到Url上 <input type="text" /> 普通文本輸入框 <input type="password" /> 密碼輸入框,輸入時顯示* <input type="password" name="pwd"/> 提交后台后需要指明該標簽的名稱pwd,並且轉為字典形式給后台:['pwd':'用戶輸入的密碼'] <input type="text" name="query" value="默認">若Input標簽是文本框類型,且有value存在時,value的值為文本框的默認值,即不輸入就顯示在文本框 <input type="button" value="登錄"> 登錄按鈕 <input type="submit" value="登錄2"> 提交表單時采用這種方式! <input type="reset" name="重置"> 重置,重新清空文本框的輸入等 </form> ---單選框(value name屬性,name相同則互斥)(可以) <form> 男:<input type="radio" name="gender" value=“1”/> radio類型為選擇框,當多個radio類型時name一樣時選擇框互斥選,即只能選一個 女:<input type="radio" name="gender" value="2“/> 后台根據value取數據 其他:<input type="radio" name="gender" value="3" checked="checked">這里的checked是指默認選擇其他! <form> ---復選框(value,name屬性,批量獲取數據) 籃球:<input type="check box" name="test" value="1"/> 后台根據value處理數據,check box同樣有checked屬性 愛好:<input type="check box" name="test" value="2"/> ---上傳文件(依賴form中的屬性才可以上傳) <form enctype="mutipart/form-data"> <input type="file" name="fname"/> </form> ---多行文本 <textarea name="meno" >默認值</textarea> 默認值不同於之前的value,而是直接將默認值放在中間,name是根據后台需要 ---下拉框選擇 <select name="city"> <option value="1" selected="selected">廣東</option> name和value配合提交給后台處理數據 <option value="2">廣西</option> selected是默認屬性,默認選擇廣東 </select> 下拉框多選: <select name="數字" multiple="multiple" size="2"> size是顯示下拉框內容的行數 <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> ------------------------------------- 標簽之間可以嵌套: <div> <div></div> .... </div> ------------------------------------- 標簽標識:(標識某一個標簽,方便設計時定位該標簽)(chorme審查元素的使用,樣式) <div id='i1'>text<div> </body> ------------------------------------ #-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-簡單嘗試-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--指定編碼--> <meta http-equiv="Refresh" Content="10;Url=http://www.baidu.com"> 10秒后進入新的網址 <title>測試</title> <!--窗口標題欄--> </head> <body> <form enctype="multipart/form-data"> 請輸入您的用戶名<input type="text" name="用戶名" value="張三"/><br/> 請輸入您的密碼<input type="password" name="密碼" value="123456"/>默認是123456<br/> <input type="submit" value="登錄"/> <input type="reset" name="重置"/> <p>請選擇您的性別!</p> 男:<input type="radio" name="gender"/><br/> 女:<input type="radio" name="gender"/> <p>請選擇您的興趣愛好</p> 籃球<input type="checkbox" name="籃球"/><br/> 足球<input type="checkbox" name="足球/"><br/> 羽毛球<input type="checkbox" name="羽毛球"/> <p>請輸入您想對我們說的內容</p> <textarea name="meno">默認沒有</textarea> <p>選擇您的城市</p> <select> <option>廣東</option> <option>廣西</option> </select>> <p>數字多選</p> <select name="數字" multiple="multiple" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>> <p>上傳文件 <input type="file" name="fname"> </form> </body> </html>
