當前位置：首頁 > 编程语言 > python >内容正文

python

python web开发 HTML基础

發布時間：2024/7/5 python 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 python web开发 HTML基础小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文章目錄

- 1. 簡介
- 2. 標簽元素屬性
- 3. 表格
- 4. 列表
- - ol 有序
  - ul 無序
  - 自定義列表
- 5. 表單
- - 輸入域標記 input
  - 選擇域標記 select, option
  - 文字域標記 textarea
- 6. 綜合練習

learning from 《python web開發從入門到精通》

1. 簡介

HTML 是描述網頁的一種標記語言，Hyper Text Markup Language

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Michael 學習python web 開發</title> </head> <body><h1> 第一章 h1</h1> <h2> 第一節 h2</h2><p>第一章學習 html基礎內容 p </p> </body> </html>

常用標簽鏈接

2. 標簽元素屬性

屬性，以鍵值對方式出現

<a href="http://www.baidu.com"> 百度鏈接</a> <a> 表示超鏈接

3. 表格

<table> 定義表格，<tr> 行，<td> 表格數據

4. 列表

<ol> 有序，<ul> 無序，<li> 定義兩者的列表項
<dl> 自定義列表，<dt> 自定義列表項，<dd> 自定義列表項描述

ol 有序

<ol><li>學習python</li><li>學習html</li><li>學習css</li><li>學習javascript</li><li>學習jquery</li></ol>

<ol type="a"><li>學習python</li><li>學習html</li><li>學習css</li><li>學習javascript</li><li>學習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 無序

自定義列表

5. 表單

<form>

輸入域標記 input

checked 默認選擇項

選擇域標記 select, option

列表方式

<from><select name="學習內容" id="learning"><option value="0" selected>FastAPI</option><option value="1">Flask</option><option value="2">Django</option></select> </from>

菜單方式：加multiple，可ctrl多選

<from><select name="學習內容" id="learning1" multiple><option value="0" selected>FastAPI</option><option value="1">Flask</option><option value="2">Django</option><option value="3">others</option></select> </from>

文字域標記 textarea

<textarea name="文本輸入" cols="20" rows="4" id="標記">默認的文字 </textarea>

6. 綜合練習

用戶信息表單

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>用戶表單信息</title> </head> <body> <h4>請輸入用戶信息</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>

總結

以上是生活随笔為你收集整理的python web开发 HTML基础的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： LeetCode 2076. 处理含限制
下一篇： python web开发 JavaScr