python web开发 HTML基础
生活随笔
收集整理的這篇文章主要介紹了
python web开发 HTML基础
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
文章目錄
- 1. 簡介
- 2. 標(biāo)簽元素屬性
- 3. 表格
- 4. 列表
- ol 有序
- ul 無序
- 自定義列表
- 5. 表單
- 輸入域標(biāo)記 input
- 選擇域標(biāo)記 select, option
- 文字域標(biāo)記 textarea
- 6. 綜合練習(xí)
learning from 《python web開發(fā)從入門到精通》
1. 簡介
- HTML 是描述網(wǎng)頁的一種標(biāo)記語言，Hyper Text Markup Language
常用標(biāo)簽 鏈接
2. 標(biāo)簽元素屬性
屬性，以鍵值對(duì)方式出現(xiàn)
<a href="http://www.baidu.com"> 百度鏈接</a> <a> 表示超鏈接3. 表格
- <table> 定義表格，<tr> 行，<td> 表格數(shù)據(jù)
4. 列表
- <ol> 有序，<ul> 無序，<li> 定義兩者的列表項(xiàng)
- <dl> 自定義列表，<dt> 自定義列表項(xiàng)，<dd> 自定義列表項(xiàng)描述
ol 有序
<ol><li>學(xué)習(xí)python</li><li>學(xué)習(xí)html</li><li>學(xué)習(xí)css</li><li>學(xué)習(xí)javascript</li><li>學(xué)習(xí)jquery</li></ol> <ol type="a"><li>學(xué)習(xí)python</li><li>學(xué)習(xí)html</li><li>學(xué)習(xí)css</li><li>學(xué)習(xí)javascript</li><li>學(xué)習(xí)jquery</li></ol>類型說明：
a for lowercase letters A for uppercase letters i for lowercase Roman numerals I for uppercase Roman numerals 1 for numbers (default)ul 無序
<h4>手機(jī)類別</h4> <ul><li>小米手機(jī)</li><li>華為手機(jī)</li><ul><li>華為 P10</li><li>華為 P20</li><ol><li>8GB+128GB</li><li>8GB+256GB</li></ol></ul><li>蘋果😀手機(jī)</li> </ul>自定義列表
<h4>汽車類別</h4> <dl><dt>國產(chǎn)汽車</dt><dd>-->比亞迪</dd><dd>-->長安</dd><dt>進(jìn)口汽車</dt><dd>-->特斯拉</dd> </dl>5. 表單
- <form>
輸入域標(biāo)記 input
<form><input name="user" type="text" value="默認(rèn)名" size="12" maxlength="5"> </form> <form><input name="密碼" type="password" value="123456" size="25" maxlength="12"> </form> <form><input name="uploadfile" type="file" formenctype="multipart/form-data" size="20" maxlength="12"> </form> <form><input name="圖片" type="image" src="xxx.jpg" width="120" height="150"> </form> <form><input name="選擇性別" type="radio" value="1" checked>男<input name="選擇性別" type="radio" value="0">女 </form>checked 默認(rèn)選擇項(xiàng)
選擇域標(biāo)記 select, option
- 列表方式
- 菜單方式：加multiple，可ctrl多選
文字域標(biāo)記 textarea
<textarea name="文本輸入" cols="20" rows="4" id="標(biāo)記">默認(rèn)的文字 </textarea>6. 綜合練習(xí)
用戶信息表單
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>用戶表單信息</title> </head> <body> <h4>請(qǐng)輸入用戶信息</h4> <form action="輸入用戶信息" method="post"><div><label for="username">用戶名：</label><input type="text" name="username" id="username"></div><div><label for="password">密 碼：</label><input type="password" name="password" id="password"></div><div><label>性 別：</label><input type="radio" name="gender" value="男" style="display: inline">男<input type="radio" name="gender" value="female" style="display: inline">女</div><div><label for="hobby">愛 好:</label><select name="hobby" id="hobby"><option value="籃球">籃球</option><option value="足球">足球</option><option value="乒乓球">乒乓球</option></select></div><div><label>上傳頭像:</label><input type="file" name="頭像"></div><div><label for="intro">自我介紹:</label><div><textarea name="intro" id="intro" cols="20" rows="4" id="remark"> </textarea></div></div><div><input type="submit" name="Submit" value="提交"><input type="reset" name="Submit" value="重置"></div> </form> </body> </html>總結(jié)
以上是生活随笔為你收集整理的python web开发 HTML基础的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： LeetCode 2076. 处理含限制
- 下一篇： python web开发 JavaScr