网站制作的一般步骤是什么,网站的前端开发,江门众瞬网络科技有限公司,图片素材网站怎么做HTML标签的分类
HTML标签可以分为以下几类#xff1a; 标题标签#xff1a;用于定义网页的标题#xff0c;分为h1、h2、h3、h4、h5和h6。 段落标签#xff1a;用于定义文本的段落#xff0c;常用的有p标签。 链接标签#xff1a;用于定义链接#xff0c;常用的有a标签…HTML标签的分类
HTML标签可以分为以下几类 标题标签用于定义网页的标题分为h1、h2、h3、h4、h5和h6。 段落标签用于定义文本的段落常用的有p标签。 链接标签用于定义链接常用的有a标签。 图像标签用于定义图片常用的有img标签。 列表标签用于定义有序列表和无序列表常用的有ul、li和ol标签。 表格标签用于定义表格常用的有table、tr、th和td标签。 表单标签用于定义表单元素常用的有input、textarea、select和button标签。 样式标签用于定义样式常用的有style和link标签。 脚本标签用于定义脚本常用的有script标签。
下面是一些常见的HTML标签的示例 html定义HTML文档的根元素head定义文档的头部包含文档的元数据如标题、链接等body定义文档的主体包含所有可见的HTML内容h1 - lt;h6定义标题1到6级依次递减p定义段落a定义超链接可用于链接到其他网页、文件、电子邮件地址等img定义图像ul定义无序列表ol定义有序列表li定义列表项table定义表格tr定义表格行td定义表格单元格div定义文档中的一个区域可用于划分页面结构和应用样式form定义表单可用于接收用户输入数据input定义表单中的一个输入框可用于用户输入文本、密码、选择日期等button定义按钮可用于执行JavaScript函数等操作 按照特点分类 1. 单标签 img br hr img / 2. 双标签 a h p div a/a 3. 按照标签属性分类 1. 块儿标签 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 自身文本有多大就占多大 a span u i b s div标签和span标签 这两个标签它是没有任意意义的主要用来布局页面 div一般用在占位置布局 span一般用在占文本布局 标签的嵌套 标签之间是可以互相嵌套的标签套标签 块儿级元素是可以嵌套所有的标签的 p标签不能够嵌套块儿级元素但是它可以嵌套行内元素 行内元素只能嵌套行内元素不能够嵌套块儿级元素非写了嵌套也不报错只不过是没有效果 针对于前端来说不会轻易的报错! 如果你写的不对只会没有对应的效果 img标签 展示图片的 https://img2.baidu.com/it/u464791776,3312333293fm253app138sizew931n0fJPEGfmtauto?sec1698771600t9777764d1fe6560f394478126fb7563b img src123.png title你看我好看吗 width200px alt src 1. 内部的图片地址 2. 写外链的地址 title 鼠标悬浮的时候显示的内容(是所有标签都要的) width: 图片的宽度 height图片的高度 一般情况下只写一个等比例缩放 alt当图片不存在的时候显示的内容 a标签 a hrefhttp://www.oldboyedu.com target_blank 点我/a href属性指定目标网页地址。该地址可以有几种类型 ● 绝对URL - 指向另一个站点比如 hrefhttp://www.jd.com ● 相对URL - 指当前站点中确切的路径hrefindex.htm ● 锚URL - 指向页面中的锚href#top target ● _blank表示在新标签页中打开目标网页 ● _self表示在当前标签页中打开目标网页 标签的两个自带重要属性 id 值: 相当于是人的身份证一个文档中id值不能够重复必须唯一 class 值是可以有多个的一个标签可以有多个class值一个class值也可以被多个标签拥有 div idd1 classc1 c2 c3/div div idd2 classc2/div div idd3 classc3/div div idd3 classc1/div #d1 .c1 要想使用id值必须使用#开头 要想使用class值必须使用 .开头 列表
1.无序列表ul typediscli第一项/lili第二项/li/ultype属性● disc实心圆点默认值● circle空心圆圈● square实心方块● none无样式2.有序列表
3.标题列表 表格 id name age gender salary
1 kevin 20 male 2000
1 kevin 20 male 2000
1 kevin 20 male 2000
1 kevin 20 male 2000
1 kevin 20 male 2000
1 kevin 20 male 2000table标签
tabletheadtrth序号/thth姓名/thth爱好/th/tr/theadtbodytrtd1/tdtdjason/tdtd杠娘/td/trtrtd2/tdtdYuan/tdtd日天/td/tr/tbody
/table属性:
● border: 表格边框.
● cellpadding: 内边距
● cellspacing: 外边距.
● width: 像素 百分比.最好通过css来设置长宽
● rowspan: 单元格竖跨多少行
● colspan: 单元格横跨多少列即合并单元格 form表单标签 form actionplabel forinp1username: input typetext idinp1/label/pplabel forinp2password: input typepassword idinp2/label/pplabel forinp3password: input typedate idinp3/label/ppinput typecheckbox namehobby readinput typecheckbox namehobby musicinput typecheckbox namehobby tangtou/ppinput typecheckbox namehobby1 read1input typecheckbox namehobby1 music1input typecheckbox namehobby1 tangtou1/ppinput typeradio namegender 男input typeradio namegender 女input typeradio namegender 未知/ppinput typehidden value123/ppinput typefile multiple/ppselect name idoption value上海/optionoption value北京/optionoption value河南/option/select/ptextarea name id cols30 rows10/textareapinput typesubmit value登录input typereset value重置/p
/form属性说明:
● name表单提交时的“键”注意和id的区别
● value表单提交时对应项的值○ typebutton, reset, submit时为按钮上显示的文本年内容○ typetext,password,hidden时为输入框的初始值○ typecheckbox, radio, file为输入相关联的值
● checkedradio和checkbox默认被选中的项
● readonlytext和password设置只读
● disabled所有input均适用select属性
属性说明
● multiple布尔属性设置后为多选否则默认单选
● disabled禁用
● selected默认选中该项
● value定义提交时的选项值
后端接收收代码flask模块 FLASK验证前端数据from flask import Flask, requestapp Flask(__name__)app.route(/index/, methods[GET, POST])
def index():print(request.form)return kjdsakapp.run()
验证form表单朝后端提交数据
form actionaction:写朝后端提交的地址这里你写什么地址就朝这个地址提交数据应该填写后端的地址1. 什么都不写朝当前地址提交2. 全写http://127.0.0.1:5000/index/ 朝这个地址提交3. 只写后缀/index/--------IP:PORT/indexform表单要想把数据提交到后端每一个标签都要有一个name属性.
name的属性值就是提交到后端数据的key值用户输入的内容就是value值针对于复选框、单选框标签都应该有一个value属性用于区别前端用户选择的哪个选项## 对于文件数据的提交需要满足以下两个条件
1. 请求方式必须是post
2. 数据编码方式1. application/x-www-form-urlencoded2. multipart/form-data3. json3. 编码方式必须是multipart/form-data才能提交问价
4. urlencoded只能够提交不是文件的数据form-data是可以提交普通数据和文件数据
5. urlencoded形式的数据长什么样子usernamepassworddatehidden123myfilecity6. form-data编码格式的数据usernamepassworddatehidden123myfilecityboundary----WebKitFormBoundaryhwrBD6WMC3rBJXOy文件数据对于form-data提交的数据后端还是在form里面去普通数据而在files里面去文件数据
7. form表单不能够提交json数据
8. 如果想提交json格式的数据Ajax技术、第三方的api工具postman end 文章转载自： http://www.morning.qqnh.cn.gov.cn.qqnh.cn http://www.morning.dmfdl.cn.gov.cn.dmfdl.cn http://www.morning.mcqhb.cn.gov.cn.mcqhb.cn http://www.morning.rqxhp.cn.gov.cn.rqxhp.cn http://www.morning.rzmlc.cn.gov.cn.rzmlc.cn http://www.morning.ztcwp.cn.gov.cn.ztcwp.cn http://www.morning.ltqzq.cn.gov.cn.ltqzq.cn http://www.morning.kxbry.cn.gov.cn.kxbry.cn http://www.morning.qyhcm.cn.gov.cn.qyhcm.cn http://www.morning.qblcm.cn.gov.cn.qblcm.cn http://www.morning.xqqcq.cn.gov.cn.xqqcq.cn http://www.morning.djpzg.cn.gov.cn.djpzg.cn http://www.morning.gwdmj.cn.gov.cn.gwdmj.cn http://www.morning.tyklz.cn.gov.cn.tyklz.cn http://www.morning.kpgft.cn.gov.cn.kpgft.cn http://www.morning.llqch.cn.gov.cn.llqch.cn http://www.morning.dqxnd.cn.gov.cn.dqxnd.cn http://www.morning.jtwck.cn.gov.cn.jtwck.cn http://www.morning.jxlnr.cn.gov.cn.jxlnr.cn http://www.morning.wnhgb.cn.gov.cn.wnhgb.cn http://www.morning.hrzky.cn.gov.cn.hrzky.cn http://www.morning.kyctc.cn.gov.cn.kyctc.cn http://www.morning.cnbdn.cn.gov.cn.cnbdn.cn http://www.morning.jsrnf.cn.gov.cn.jsrnf.cn http://www.morning.whpsl.cn.gov.cn.whpsl.cn http://www.morning.gzzncl.cn.gov.cn.gzzncl.cn http://www.morning.rryny.cn.gov.cn.rryny.cn http://www.morning.zpyh.cn.gov.cn.zpyh.cn http://www.morning.ndxmn.cn.gov.cn.ndxmn.cn http://www.morning.phechi.com.gov.cn.phechi.com http://www.morning.5-73.com.gov.cn.5-73.com http://www.morning.rxwnc.cn.gov.cn.rxwnc.cn http://www.morning.a3e2r.com.gov.cn.a3e2r.com http://www.morning.zlhcw.cn.gov.cn.zlhcw.cn http://www.morning.srrrz.cn.gov.cn.srrrz.cn http://www.morning.hpmzs.cn.gov.cn.hpmzs.cn http://www.morning.sffwz.cn.gov.cn.sffwz.cn http://www.morning.brlcj.cn.gov.cn.brlcj.cn http://www.morning.tnmmp.cn.gov.cn.tnmmp.cn http://www.morning.wqbhx.cn.gov.cn.wqbhx.cn http://www.morning.ldynr.cn.gov.cn.ldynr.cn http://www.morning.nfgbf.cn.gov.cn.nfgbf.cn http://www.morning.lwzgn.cn.gov.cn.lwzgn.cn http://www.morning.lswgs.cn.gov.cn.lswgs.cn http://www.morning.lmrcq.cn.gov.cn.lmrcq.cn http://www.morning.ywpwg.cn.gov.cn.ywpwg.cn http://www.morning.nzxdz.cn.gov.cn.nzxdz.cn http://www.morning.jqpyq.cn.gov.cn.jqpyq.cn http://www.morning.hwnnh.cn.gov.cn.hwnnh.cn http://www.morning.lwcgh.cn.gov.cn.lwcgh.cn http://www.morning.wwdlg.cn.gov.cn.wwdlg.cn http://www.morning.ywqw.cn.gov.cn.ywqw.cn http://www.morning.hrdx.cn.gov.cn.hrdx.cn http://www.morning.gqtxz.cn.gov.cn.gqtxz.cn http://www.morning.hqwtm.cn.gov.cn.hqwtm.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.fqyqm.cn.gov.cn.fqyqm.cn http://www.morning.jpkk.cn.gov.cn.jpkk.cn http://www.morning.bzbq.cn.gov.cn.bzbq.cn http://www.morning.qfmcm.cn.gov.cn.qfmcm.cn http://www.morning.zkqjz.cn.gov.cn.zkqjz.cn http://www.morning.qbzfp.cn.gov.cn.qbzfp.cn http://www.morning.mggwr.cn.gov.cn.mggwr.cn http://www.morning.nnpwg.cn.gov.cn.nnpwg.cn http://www.morning.wtnwf.cn.gov.cn.wtnwf.cn http://www.morning.nsyzm.cn.gov.cn.nsyzm.cn http://www.morning.xmhpq.cn.gov.cn.xmhpq.cn http://www.morning.jlthz.cn.gov.cn.jlthz.cn http://www.morning.xpwdf.cn.gov.cn.xpwdf.cn http://www.morning.nfbxgtj.com.gov.cn.nfbxgtj.com http://www.morning.sfnr.cn.gov.cn.sfnr.cn http://www.morning.cltrx.cn.gov.cn.cltrx.cn http://www.morning.rbjth.cn.gov.cn.rbjth.cn http://www.morning.wrbnh.cn.gov.cn.wrbnh.cn http://www.morning.kbqws.cn.gov.cn.kbqws.cn http://www.morning.skbhl.cn.gov.cn.skbhl.cn http://www.morning.kgsws.cn.gov.cn.kgsws.cn http://www.morning.dfojgo.cn.gov.cn.dfojgo.cn http://www.morning.ntqgz.cn.gov.cn.ntqgz.cn http://www.morning.pakistantractors.com.gov.cn.pakistantractors.com
