HTML5基础笔记

本文介绍了HTML5的基础知识,包括锚点的用途和设置,行级元素、块级元素与行内块元素的区别,表格的基础代码与布局属性,以及表单的使用,特别讲解了GET和POST两种HTTP请求方法的区别及其应用场景。
部署运行你感兴趣的模型镜像

HTML5基础架构

基础网页练习

锚点:

英文名:anchor   

是网页制作中超级链接的一种,又叫命名锚点。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。利用锚点可以把文章做的非常方便便捷,百度也会给与一定的分数,锚点是网页制作中超级链接的一种,使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。

 

行级元素与块级元素 

       行级元素:不独占一行   不可以设置宽高  inline

       块级元素:独占一行     可以设置宽高   block

       行内块元素:不独占一行    可以设置宽高   inline-block

表格基础代码

效果图

 

表格布局

        cellpadding 表格边框到内容距离  内边框

        cellspacng  表格边框外区域距离  外边框

        colspan    占宽

        rowspan    占高

 

效果图

 

 表单:

        用于收集用户的输入信息。

        表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到 Web 服务器。

        表单是一个包含表单元素的区域。

        表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表(select)、单选框(radio-buttons)、复选框(checkboxe) 等等。

表单之GET

效果图

 

表单之POST 

post:指的是 HTTP POST 方法,表单数据会包含在表单体内然后发送给服务器,同于提交敏感数据,如用户名与密码等。

        get:默认值,指的是 HTTP GET 方法,表单数据会附加在 action 属性的 URL 中,并以 ?作为分隔符,一般用于不敏感信息,如分页等。例如:https://www.lihaozhe.com/?page=1,这里的 page=1 就是 get 方法提交的数据。

        两种最常用的 HTTP 方法是:GET 和 POST。

            什么是 HTTP?

                超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。

                HTTP 的工作方式是客户机与服务器之间的请求-应答协议。

                web 浏览器是客户端,而计算的网络应用程序也可能作为服务器端。

                举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。

            两种 HTTP 请求方法:GET 和 POST

                在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。

                GET - 从指定的资源请求数据。

                有关 GET 请求的其他一些注释:

                    GET 请求可被缓存

                    GET 请求保留在浏览器历史记录中

                    GET 请求可被收藏为书签

                    GET 请求不应在处理敏感数据时使用

                    GET 请求有长度限制

                    GET 请求只应当用于取回数据

                POST - 向指定的资源提交要被处理的数据

                有关 POST 请求的其他一些注释:

                    POST 请求不会被缓存

                    POST 请求不会保留在浏览器历史记录中

                    POST 不能被收藏为书签

                    POST 请求对数据长度没有要求

 

您可能感兴趣的与本文相关的镜像

Dify

Dify

AI应用
Agent编排

Dify 是一款开源的大语言模型(LLM)应用开发平台,它结合了 后端即服务(Backend as a Service) 和LLMOps 的理念,让开发者能快速、高效地构建和部署生产级的生成式AI应用。 它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈,并且提供了易用的界面和API,让技术和非技术人员都能参与到AI应用的开发过程中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值