苏州网站建设致宇,100个无水印短视频素材免费,菏泽网站建设兼职,石河子市建设局网站一、标签的分类 1、单标签和双标签 1. 单标签#xff1a;img img br hr 2. 双标签#xff1a;div/div div span a/a h p a 2、按照标签属性分类 1. 块标签#xff1a;自己独占一行 h1~h6 p div 2. 行内(内联)标签 …一、标签的分类 1、单标签和双标签 1. 单标签img img br hr 2. 双标签div/div div span a/a h p a 2、按照标签属性分类 1. 块标签自己独占一行 h1~h6 p div 2. 行内(内联)标签 a span b i u s 二、标签的嵌套 标签之间可以相互嵌套 块儿级标签可以嵌套所有的标签但是p标签除外p标签不能嵌套块儿级标签和p标签 行内元素只能嵌套行内元素不能嵌套块儿级元素 三、标签自带的两个重要属性 id值相当于人的身份证一个文档中id值不能重复必须唯一 class值是可以有多个的一个标签可以有多个class值一个class值也可以被多个标签拥有 要想使用id值必须使用#开头 要想使用class值必须使用.开头 四、标签的使用 1、div标签和span标签 div 标签和span标签没有任何意义主要是用来布局页面 div标签一般用在占位置布局 span标签一般用在占文本布局 2、 img标签 作用展示图片 img src title width alt src 1. 内部的图片地址 2. 写外链的地址 title鼠标悬浮在图片上时显示的内容 height图片的高度 width图片的宽度 注意 高度和宽度一般情况下只写一个写一个系统会自动等比例缩放 alt当图片地址找不到时显示的内容类似于报错提醒 3、a标签 超链接标签 a hrefURL target_blank文本(随便写)/a href属性指定目标的网页地址。该地址可以有3中类型 1、绝对的URL - 指向另一个站点(比如hrefhttp://www.jd.com) 2、 相对URL - 指当前站点中确切的路径(hrefindex.html) 3、 锚URL - 指向页面中的锚(href#top) target: 1、_blank表示在新标签页中打开目标网页 2、_self表示在当前标签页中打开目标网页 4、列表标签 1、无序列表 ul typedisc li第一项/li /ul type属性 disc实心圆 square实心方块 cricle空心圆 none无样式 2、有序列表 ol type1 start2 li第一项/li /ol type属性 1数字列表默认 A大写字母 a小写字母 I大写罗马 i小写罗马 3、标题列表 dl dt标题/dt dd内容/dd /dl 5、表格标签 table thead表头 tr行 tdid/td列 tdname/td tdage/td /tr /thead tbody表身体 tr td1/td tdjack/td td18/td /tr /tbody /table 属性 border表格边框 cellpadding内边框 cellspacing外边框 width像素百分比(最好通过css来设置长宽) rowspan单元格竖跨多少行 colspan单元格横跨多少行(就是合并单元格) 6、form表单标签 功能表单用于向服务器传输数据实现用户和web服务器的交互。表单标签包含文本字段密码字段日期复选框单选框提交按钮重置按钮等。包含textareaselectlabel标签等 form action 用户名input typetext 密码input typepassword 日期input typedate input typecheckbox read input typecheckboxrun input typecheckbox game input typeradio男 input typeradio 女 input typesubmit value提交按钮 input typereset value重置按钮 button普通按钮/button input typehidden value123 input typefile /form type属性 text普通文本明文 password密文显示 date日期 checkbox复选框 radio单选框 submit提交按钮 reset重置按钮 hidden隐藏输入框 file文件选择框 属性 checkedradio和checkbox默认被选中的项 readonlytext和password设置只读 disable所有input均适用禁用 7、select标签 form action select name id option value上海/option option value北京/option option value深圳/option /select /form 属性 multiple设置为多选多选时需要按住ctrl键 selected设置为默认 disabled禁用选中该项 value定义提取时的选项值 8、textarea多行文本标签 form textarea name id cols rows/textarea /form 属性 name名称 rows行数 cols列数 disabled禁用 9、label标签 说明 1、label元素不会向用户呈现任何特殊效果 2、label标签的for属性应当与相关元素的id属性相同 form label forid1/label input typetext idid1 /form 五、验证form表单朝后端提交数据 from action action里面写朝后端提交的地址向什么地址就朝哪个地址提交数据 填写地址3种方式 1、action中什么也不填默认朝当前地址提交 2、action中填写完整地址 3、只写后缀他会自动帮你补全ip地址和端口port 注意目前只能使用第二种填写完整地址 重要form表单要想把数据提交到后端每个标签必须有要有name属性。name属性值就是提交到后端的key中用户输入的内容就是value值 针对复选框和单选框都应该有一个value值以便前端区别用户选择哪个选项 对于文件数据的提交需要满足的两个条件 1、请求方式必须是post 2、数据编码方式 1. application/x-www-form-urlencoded 2. multipart/form-data 3. json 3、编码方式必须是multipart/for-data 4、urlencoded只能够提交不是文件的数据form-data可以提交普通数据和文件数据 5、urlencoded形式的数据 usernamepassworddatehidden123myfilecity 6、multipart/form-data形式的数据 usernamepassworddatehidden123myfilecity boundary----WebKitFormBoundaryhwrBD6WMC3rBJXOy 文件数据 对于form-data提交的数据后端还是在form里面取普通数据而在files里面取取文件数据 7、form表单不能够提交json数据 8、如果想提交json格式的数据Ajax技术第三方的api工具postman
