首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
#WEB安全基础:HTML/CSS | 0x0 我的第一个网页
】的更多相关文章
#WEB安全基础:HTML/CSS | 0x0 我的第一个网页
#WEB安全基础:HTML/CSS系列,本系列采用第二人称以免你不知道我在对着你说话,以朋友的视角和你交流 HTML的中文名叫做超文本标记语言,CSS叫做层叠样式表 用HTML设计你的第一个网页,你需要做的是用你的眼睛看,用你的手敲. 以下就是代码,我已经帮你设计好了 <html> <head> <!--我是注释在浏览器里看不到我哦--> <title>Head First Lounge</title> <!--浏览器标签上显示的文本--&…
#WEB安全基础 : HTML/CSS | 文章索引
本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基础 : HTML/CSS | 0x2初识a标签 #WEB安全基础 : HTML/CSS | 0x3文件夹管理网站 #WEB安全基础 : HTML/CSS | 0x4HTML模块化 #WEB安全基础 : HTML/CSS | 0x4.1嵌套列表 #WEB安全基础 : HTML/CSS | 0x5a标签拓展和cl…
#WEB安全基础 : HTTP协议 | 0x0 TCP/IP四层结构
学完HTML/CSS了? 做了这么多网页,但是你知道它们是怎么工作的吗? 作为你的朋友,我也对这些东西感兴趣,在写博客的同时也在和你一起学. 废话少说,进入正题 网络中的通信包括两个端分别为:客户端(client)和服务器(server) 客户端给服务器发出请求,服务器给客户端返回响应 WEB是在TCP/IP协议族(注意:TCP/IP并不是一个协议而是很多协议组成的协议族)上运作的而HTTP也在这个协议族之内 TCP/IP最重要的是分层,分别是: 1.应用层 2.传输层 3.网络层 4.数据链路…
#WEB安全基础 : HTML/CSS | 0x11 浅谈GET和POST
HTTP中的GET和POST请求方法 我上次提到了GET和POST,现在就让你来认识一下这些新朋友 请看图 POST和GET都是将用户输入到浏览器的数据发送给服务器,不过采用了两种不同的方式,POST会打包表单变量,在后台把它们发送到服务器,GET也会打包表单变量,但会把这些数据追加到URL上,然后向服务器发送一个请求 要了解GET请求就要使用它 试着把上次课的代码中的表单请求方法改成GET 这里我举一个例子 以下是代码 <!DOCTYPE html> <html> <hea…
#WEB安全基础 : HTML/CSS | 0x10实现交互_表单
先看看表单如何工作吧 请求 响应 简要工作流程: 浏览器加载页面 用户输入数据 用户提交表单 服务器响应 概念都清楚了,我们来写表单吧 只有一个html文件 这是显示 你可以向空白框框里写一些东西,然后点击提交 数据会发到web服务器的contest.php里,当然了,你也可以自己写一个php文件 下面是index.htm的l代码 <!DOCTYPE html> <html> <head> <meta charset = "utf-8&q…
#WEB安全基础 : HTML/CSS | 0x8CSS进阶
你以为自己学这么点CSS就厉害了? 学点新东西吧,让你的网页更漂亮 我们只需要用到图片和网页 这是index.html的代码 <html> <head> <title>Head First Lounge</title> </head> <style> body{ margin-left: 15%; margin-right: 15%; font-family: sans-serif; padding: 10px 10px 10px…
#WEB安全基础 : HTML/CSS | 0x7HTML5和W3C验证
标准,标准,什么都有标准 你听说过HTML5吗?这是一个新版本,当然也有新标准 我只准备了一个index.html文件 以下是代码 <!DOCTYPE html> <!--告诉浏览器这是一个html文件--> <html> <head> <meta charset = "utf-8"> <!--WEB页面指定的编码是utf-8--> <title>TEST</title> <style…
#WEB安全基础 : HTML/CSS | 0x3文件夹管理网站
没有头脑的管理方式会酿成大灾难,应该使用文件夹管理网站 这是一个典型的管理方法,现在传授给你,听好了 下面是0x3初识a标签里使用的网站的目录,我把它重新配置了一下…
Web前端基础(5):CSS(二)
1. 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子.我们称为这种盒子叫盒模型. 盒模型有两种:标准模型和IE模型.我们在这里重点讲标准模型. 1.1 盒模型示意图 1.2 盒模型的属性 width:内容的宽度 height: 内容的高度 padding:内边距,边框到内容的距离,padding的区域是有背景颜色的.并且背景颜色和内容的颜色一样.也就是说background-color这个属性将填充所有的borde…
#WEB安全基础 : HTML/CSS | 0x10.1更多表单
来认识更多的表单吧,增加知识面 我只创建了一个index.html帮助你认识它们 以下是代码 <!DOCTYPE html> <html> <head> <meta charset = "utf-8"> </head> <body> <!--单按钮输入(单选)--> <form action = "" method = "POST"> <inpu…