码迷,mamicode.com
首页 > Web开发 > 详细

day--14前端(HTML、CSS)

时间:2017-10-01 14:26:59      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:list   客户   服务   source   响应   专访   connect   name   __name__   

    浏览器相当于客户端,浏览器访问服务端,收到消息之后里面断开,一次请求,一次响应,一次断开。

    Web框架本质    http://www.cnblogs.com/wupeiqi/articles/5237672.html

    众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端。

 

#!/usr/bin/env python
#coding:utf-8

import socket

def handle_request(client):
    buf = client.recv(1024)
    client.send(b"HTTP/1.1 200 OK\r\n\r\n")
    client.send(b"Hello, Seven")

def main():
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind((localhost, 8000))
    sock.listen(5)

    while True:
        connection, address = sock.accept()
        handle_request(connection)
        connection.close()

if __name__ == __main__:
    main()

 

    上面,我们启动程序,在浏览器空白窗口输入localhost:8000,则会收到Hello,Seven的消息。

    为什么网址都是有各种格式和颜色的,我们上面显示的只是简答的hello,Seven,现在我们让服务器断发送不一样的信息,如下:  

client.send(b"<h1 style=‘background-color:red;‘>Hello wrold</h1>")

    此时,刷新浏览器,收到的消息如下:

    Hello wrold

    此时,字体是<h1></h1>段落的形式,背景颜色是红色,这是由于我们发送给浏览器的是浏览器识别的格式,能够进行格式的转换。

    HTML架构:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

    上面HTML是借助工具pycharm自动创建的html文件,是HTML的基本格式,<!DOCTYPE html>声明HTML文件

    <html lang="en">                     #lang="en"标签内部的属性lang="en"

    <head></head>                        #头部

    <body></body>                       #身体

    </html>

    注释<!--  message -->

    <head></head>里面的标签

    -<meta> charset="UFT-8"设置字符格式,防止中文乱码,默认utf-8可变长度的Unicode编码。

    -<title>标题</title>

    Meta(metadata information)

    提供有关页面的元信息,例:页面编码,刷新,跳转,针对搜索引擎合更新频度的描述合关键词

    1.页面编码(告诉浏览器是什么编码)

    <meta http-equiv="content-type" content="text/html;charset="utf-8">

    2.刷新和跳转

    <meta http-equiv="refresh" content="2">  默认两秒刷新一次网页,设置默认刷新<meta http-equiv="refresh" content="2">

    间断一段时间跳转:

    <meta http-equiv="refresh" content="3;Url=http://baidu.com">     3秒钟之后跳转到百度的页面

    <meta>这种跳转很少用,紧急的时候使用。

    3.关键字

    <meta name="kewwords" content="星际,老男孩,Alex,专访,苍老师">

    4.描述

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
  <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />

    <meta name="description" content="对网站的用途做简单的介绍,搜索引擎所搜到之后,会展示,告诉用户网站的用途" />

    5.X_UA-Compatible   兼容性,现在浏览器都不支持IE6低版本,IE6是微软自定义的代码,现在通用HTML,不在支持低版本,需进行说明

    <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />   最先支持IE9,不兼容使用IE8

    6.<link>标签

     (1)、可以指定标题图片,比如每个标签旁边都有一个官方的图片,天猫,京东(JD)标志等,如下:

        <link rel="shortcut icon" href="//common.cnblogs.com/favicon.ico" type="image/x-icon" />              #指定显示图标

    二、<body></body>标签

    &nbsp代表空格,&gt代表>号,&lt代表小于号(<)

    网络特殊符号地址:http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

 

day--14前端(HTML、CSS)

标签:list   客户   服务   source   响应   专访   connect   name   __name__   

原文地址:http://www.cnblogs.com/gengcx/p/7617108.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!