雄安专业网站建设公司,wordpress知更鸟模板,怎么写自己的网页,wordpress页面样板文章目录1. 简介2. 标签元素属性3. 表格4. 列表ol 有序ul 无序自定义列表5. 表单输入域标记 input选择域标记 select, option文字域标记 textarea6. 综合练习learning from 《python web开发从入门到精通》
1. 简介
HTML 是描述网页的一种标记语言#xff0c;Hyper Text Mar…
文章目录1. 简介2. 标签元素属性3. 表格4. 列表ol 有序ul 无序自定义列表5. 表单输入域标记 input选择域标记 select, option文字域标记 textarea6. 综合练习learning from 《python web开发从入门到精通》
1. 简介
HTML 是描述网页的一种标记语言Hyper Text Markup Language
!DOCTYPE html
html langen
headmeta charsetUTF-8titleMichael 学习python web 开发/title
/head
bodyh1 第一章 h1/h1 !--这是注释格式--h2 第一节 h2/h2p第一章学习 html基础内容 p /p
/body
/html常用标签 链接
2. 标签元素属性
属性以键值对方式出现
a hrefhttp://www.baidu.com 百度链接/aa 表示超链接3. 表格
table 定义表格tr 行td 表格数据 table border1trtd姓名/tdtd年龄/tdtd性别/td/trtrtd张三/tdtd20/tdtd男/td/trtrtd李四/tdtd21/tdtd女/td/tr/tableh4 styletext-align: center课程表/h4table border1 cellpadding10 width100%trtd colspan2时间/日期/tdtd星期一/tdtd星期二/tdtd星期三/tdtd星期四/tdtd星期五/tdtd星期六/tdtd星期日/td/trtrtd rowspan2上午/tdth9:30-10:15/thtd语文/tdtd数学/tdtd英语/tdtd物理/tdtd化学/tdtd生物/tdtd政治/td/trtrth10:25-11:10/thtd语文/tdtd数学/tdtd英语/tdtd物理/tdtd化学/tdtd生物/tdtd政治/td/trtrth colspan9/th/trtrtd rowspan2下午/tdth14:30-15:15/thtd语文/tdtd数学/tdtd英语/tdtd物理/tdtd化学/tdtd生物/tdtd政治/td/trtrth15:25-16:10/thtd语文/tdtd数学/tdtd英语/tdtd物理/tdtd化学/tdtd生物/tdtd政治/td/tr/table4. 列表
ol 有序ul 无序li 定义两者的列表项dl 自定义列表dt 自定义列表项dd 自定义列表项描述
ol 有序 olli学习python/lili学习html/lili学习css/lili学习javascript/lili学习jquery/li/olol typeali学习python/lili学习html/lili学习css/lili学习javascript/lili学习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手机类别/h4
ulli小米手机/lili华为手机/liulli华为 P10/lili华为 P20/liolli8GB128GB/lili8GB256GB/li/ol/ulli苹果手机/li
/ul自定义列表
h4汽车类别/h4
dldt国产汽车/dtdd--比亚迪/dddd--长安/dddt进口汽车/dtdd--特斯拉/dd
/dl5. 表单
form
输入域标记 input
forminput nameuser typetext value默认名 size12 maxlength5
/formforminput name密码 typepassword value123456 size25 maxlength12
/formforminput nameuploadfile typefile formenctypemultipart/form-data size20 maxlength12
/formforminput name图片 typeimage srcxxx.jpg width120 height150
/formforminput name选择性别 typeradio value1 checked男input name选择性别 typeradio value0女
/formchecked 默认选择项
forminput namebox typecheckbox value1 checked封面brinput namebox typecheckbox value1 checked正文brinput namebox typecheckbox value2目录
/formfrominput name提交 typesubmit value提交论文
/fromfrominput name重置 typereset value重置输入
/fromfrominput name普通按钮 typebutton value发射
/fromfrominput name隐藏的东西 typehidden valuebookisbn
/from选择域标记 select, option
列表方式
fromselect name学习内容 idlearningoption value0 selectedFastAPI/optionoption value1Flask/optionoption value2Django/option/select
/from菜单方式加multiple可ctrl多选
fromselect name学习内容 idlearning1 multipleoption value0 selectedFastAPI/optionoption value1Flask/optionoption value2Django/optionoption value3others/option/select
/from文字域标记 textarea
textarea name文本输入 cols20 rows4 id标记默认的文字
/textarea6. 综合练习
用户信息表单
!DOCTYPE html
html langen
headmeta charsetUTF-8title用户表单信息/title
/head
body
h4请输入用户信息/h4
form action输入用户信息 methodpostdivlabel forusername用户名/labelinput typetext nameusername idusername/divdivlabel forpassword密nbsp;nbsp;nbsp;码/labelinput typepassword namepassword idpassword/divdivlabel性nbsp;nbsp;nbsp;别/labelinput typeradio namegender value男 styledisplay: inline男input typeradio namegender valuefemale styledisplay: inline女/divdivlabel forhobby爱nbsp;nbsp;nbsp;好:/labelselect namehobby idhobbyoption value篮球篮球/optionoption value足球足球/optionoption value乒乓球乒乓球/option/select/divdivlabel上传头像:/labelinput typefile name头像/divdivlabel forintro自我介绍:/labeldivtextarea nameintro idintro cols20 rows4 idremark /textarea/div/divdivinput typesubmit nameSubmit value提交input typereset nameSubmit value重置/div
/form
/body
/html
