程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式師世界 >> 編程語言 >  >> 更多編程語言 >> Python

python learning | web development (2) continue with HTML tags

編輯:Python

文章目錄

  • 一、列表
    • 1.無序列表
    • 2.有序列表
  • 二、表格
  • 三、input系列
    • 1. 文本編輯框
    • 2. 密碼編輯框
    • 3. 文件選擇框
    • 4. 單選框
    • 5. 復選框
    • 6. 按鈕
  • 三、下拉框
  • 總結


一、列表

屬於塊級標簽

1.無序列表

 <ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ul>

2.有序列表

 <ol>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ol>

二、表格

屬於塊級標簽

<body>
<h1>數據表格</h1>
<table>
<thead>
<tr> <th>ID</th> <th>姓名</th> <th>年齡</th> </tr>
</thead>
<tbody>
<tr> <td>01</td> <td>佩奇</td> <td> 4</td> </tr>
<tr> <td>01</td> <td>喬治</td> <td> 2</td> </tr>
<tr> <td>01</td> <td>張三</td> <td> 15</td> </tr>
<tr> <td>01</td> <td>李四</td> <td> 22</td> </tr>
</tbody>
</table>
</body>

其中
<table></table>is the table block
<thead></thead>是表頭
<tr> </tr>是每一行
<td></td>is each cell

運行結果如下

If you add a border

<table border='1'>
***
</table>


Tables can be text、圖片、超鏈接等,It can be nested in.

三、input系列

屬於行內標簽

<input type="text"/>
<input type="password"/>
<input type="file"/>
<input type="radio" name="n1"/>男
<input type="radio" name="n1"/>女
<input type="checkbox"/>籃球
<input type="checkbox"/>足球
<input type="checkbox"/>羽毛球
<input type="button" value="提交"/>
<input type="submit" value="提交"/>

1. 文本編輯框

<input type="text"/>

2. 密碼編輯框

3. 文件選擇框

<input type="file"/>

4. 單選框

<input type="radio"/>

Usually two radio buttons,互斥操作,name相同時,只能選擇一個.

<input type="radio" name="n1"/>
<input type="radio" name="n1"/>


And generally followed by a text description

<input type="radio" name="n1"/>男
<input type="radio" name="n1"/>女

5. 復選框

<input type="checkbox"/>籃球
<input type="checkbox"/>足球
<input type="checkbox"/>羽毛球

6. 按鈕

<input type="button" value="提交"/> -->普通按鈕
<input type="submit" value="提交"/> -->提交表單

三、下拉框

<h1>下拉框</h1>
<select>
<OPTION>北京</OPTION>
<OPTION>上海</OPTION>
<OPTION>廣州</OPTION>
<OPTION>深圳</OPTION>
</select>


多選時

<select >
***
</select>

按Shift實現多選


總結

以上就是本文要講的內容,Continue to explain some of the tags that browsers can recognize.


  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式師世界 All Rights Reserved