python之HTML(meta,input等基礎標簽)


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">百&nbsp;度                      &nbsp表示空格,多個表示多個空格(還有其他符號的表示方法)
         
         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">百&nbsp;度                      &nbsp表示空格,多個表示多個空格(還有其他符號的表示方法)
         
         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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM