实践是知识的母亲,知识是生活的明灯。这篇文章主要讲述#yyds干货盘点#--http协议&html常用标签相关的知识,希望能为你提供帮助。
一、HTTP协议HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于万维网(WWW:World Wide Web )服务器与本地浏览器之间传输超文本的传送协议。HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。HTTP协议工作于客户端-服务端架构为上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后,向客户端发送响应信息。
文章图片
七 列表标签
< ul type="square">
< li> item1< /li>
< li> item2< /li>
< li> item3< /li>
< /ul>
< ol start="100">
< li> item1< /li>
< li> item2< /li>
< li> item3< /li>
< /ol
八.表格标签8.1、table结构
在HTML中使用table来定义表格。网页的表格和办公软件里面的xls一样,都是有行有列的。HTML使用tr标签定义行,使用td标签定义列。语法:
< table border="1">
< tr>
< td> 单元格的内容< /td>
……
< /tr>
……
< /table
1、和表示一个表格的开始和结束。一组?8.2、table属性?...?
?表示一个表格。
2、border用于设置整个表格的边框宽度,默认为0,表示不显示边框。
3、和表示表格中的一行的开始和结束。一组??...?
?,一个表格可以有多行。通过计算table标签中包含多少对tr子标签即可知道一个表格有多少行。
4、和表示表格中的一个单元格的开始和结束。通过计算一个tr里面包含了多少对td自标签即可知道一个表格有多少列,多少的单元格了。
属性 | 值 | 描述 |
??width?? | px、% | 规定表格的宽度。 |
height | px、% | 规定表格的高度。 |
??align?? | left、center、right | 规定表格相对周围元素的对齐方式。 |
??bgcolor?? | rgb(x,x,x)、#xxxxxx、colorname | 规定表格的背景颜色。 |
background | url | 规定表格的背景图片。 |
??border?? | px | 规定表格边框的宽度。 |
??cellpadding?? | px、% | 规定单元格边框与其内容之间的空白。 |
??cellspacing?? | px、% | 规定单元格之间的空隙。 |
表格中除了行元素以外,还有单元格,单元格的属性和行的属性类似。td和th都是单元格。
属性 | 值 | 描述 |
height | px、% | 规定单元格的高度。 |
width | px、% | 规定单元格的宽度。 |
??align?? | left、center、right | 规定单元格内容的对齐方式。 |
valign | top、middle、bottom | 规定单元格内容的垂直对齐方式。 |
??bgcolor?? | rgb(x,x,x)、#xxxxxx、colorname | 规定单元格的背景颜色。 |
background | url | 规定单元格的背景图片。 |
rowspan | number | 规定单元格合并的行数 |
colspan | number | 规定单元格合并的列数 |
< table border="1">
< tr>
< td> 姓名< /td>
< td> 年龄< /td>
< td> 身高< /td>
< /tr>
< tr>
< td> 张三< /td>
< td> 32< /td>
< td> 176< /td>
< /tr>
< /table
九.表单标签表单主要是用来收集客户端提供的相关信息,提供了用户数据录入的方式,有多选、单选、单行文本、下拉列表等输入框,便于网站管理员收集用户的数据,是Web浏览器和Web服务器之间实现信息交流和数据传递的桥梁.表单被form标签包含,内部使用不同的表单元素来呈现不同的方式来供用户输入或选择。当用户输入好数据后,就可以把表单数据提交到服务器端。一个表单元素有三个基本组成部分:
- 表单标签,包含了表单处理程序所在的URL以及数据提交到服务器的方法等表单信息。
- 表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等表单控件。
- 表单按钮,包括提交按钮、复位按钮和一般按钮,用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
属性 | 值 | 描述 |
action | 访问服务器地址 | 服务器端表单处理程序的URL地址 |
method | post、get[默认值] | 表单数据的提交方法 |
target | 参考超链接的target属性 | 表单数据提交时URL的打开方式 |
enctype | application/x-www-form-urlencoded[默认值]multipart/form-data [用于文件上传]text/plain [用于纯文本数据发送] | 【#yyds干货盘点#--http协议&html常用标签】 表单提交数据时的编码方式 |
< h3> 用户注册< /h3>
< form action="http://127.0.0.1:8800" method="get">
< p> < label for="user"> 姓名< /label> : < input type="text" name="user" id="user"> < /p>
< p> 密码: < input type="password" name="pwd"> < /p>
< p> 爱好:
< input type="checkbox" name="hobby" value="https://www.songbingjia.com/android/basketball"> 篮球
< input type="checkbox" name="hobby" value="https://www.songbingjia.com/android/football"推荐阅读
- 5 款可替代 du 命令的工具!
- Redis | 第10章 二进制数组慢查询日志和监视器《Redis设计与实现》#yyds干货盘点#
- COAP协议 - arduino ESP32 M2M(端对端)通讯与代码详解
- Intellij IDEA 神级插件!效率提升 10 倍!
- kubernetes port-forward
- #yyds干货盘点#--k8s-存储
- #yyds干货盘点# MySQL数据库语句进阶--随手笔记
- 面试官(手撕LRU缓存了解一下#2021年底大盘点#)
- MySQL性能测试之insert&deleteFunTester框架#yyds干货盘点#