Web学习第一天

HTML

元素： ... or ...

特点：1.成双成对 2.有始有终，用/闭合

<html>
    <head>	//头部
        <title>Jun</title>
        <body>	//身体
            wo shi jun
<h1>数字越小，字体越大（1-6） <h1>
<h2>数字越小，字体越大（1-6） <h2>
        </body>
    </head>
</html>

Javascript

Dom操作

<!DOCTYPE html>
<html lang="en">
    <head>
      <title>My title</title>
    </head>
    <body>
        <a href="">My Link</a>
        <h1>My header</h1>
    </body>
</html>

<body>
    <p id="base">JavaScript 基础</p>  	 
    <script>
        x=document.getElementById("base");		//获取元素：getElementById()通过id获取元素
        alert('id为base元素的内容是：'+x.innerHTML)；	//获取内容：innerHTML获取对应的内容
        x.innerHTML="JavaScript真有趣";	//加了这行代码后最终显示为 JavaScript真有趣
    </script>
</body>
此网页显示：
	id为jichu元素的内容是：Javascript 基础	//没加x.innerHTML前

document.write(Date())		// 显示当前时间
<body>
    <p id="base">JavaScript 基础</p>  	 
    <script>
        function changetext(id)
        {
            id.innerHTML="欢迎"
        }
    </script>
    <h2 onclick="changetext(this)">Click here</h2>
</body>

Bom操作

alert() //提示弹窗
confirm() //确认弹窗
prompt()  //提示弹窗
window.screen	//获取浏览器信息
window,location		//获取页面url

HTTP协议

http://www.Tencent.com:8080/test/1.html

http:协议名称 // 分隔符 www 万维网 . 分隔符 Tencent 域名 .com 域名格式: 分隔符 8080 端口 /test/ 虚拟目录 1.html 文件名

请求方法：

//响应方法：

GET 请求文件

//Http/ 状态行

Host: 域名

//Server: 服务器版本

User-Agent: 所用浏览器

//Date 时间

Accept：请求包头域用于指定客户端接受哪些类型的信息

//Content-Type: 定义的编码

Accept-Language: 所用语言

//Connection: 是否和服务器保持连接

Accept-Encoding: 编码

//Content-Length: 返回的字节

Referer: 从哪里来

//{"result":"sucess","message":"false"} 数据

Cookie：储存数据

token=：令牌

DNT:1 禁止追踪

状态码

1xx：指示信息 2xx：成功 3xx：重定向 4xx：客户端错误 5xx：服务器端错误

200 客户端请求成功 400 请求有语法错误 401 请求未授权 503 服务器当前不能处理请求

403 服务器收到请求，拒绝提供服务 404 请求资源不存在 500 服务器发生不可预期错误

GET 和 POST的区别

Get是不安全的，因为在传输过程，数据被放在请求的URL中；Post的所有操作对用户来说都是不可见的。
Get传送的数据量较小，这主要是因为受URL长度限制；Post传送的数据量较大，一般被默认为不受限制。
Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。
Get执行效率却比Post方法好。Get是form提交的默认方法。

Web学习第一天

HTML

Javascript

HTTP协议

推荐阅读