zoukankan      html  css  js  c++  java

  • html常用标签

    一、基于socket实现的web服务
    将服务端的文件发送到浏览器渲染展现
    import socket
     
    def main():
     
        sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
        sock.bind(('localhost',8081))
        sock.listen(5)
        while True:
            print("server is working.....")
            conn, address = sock.accept()
     
            request = conn.recv(1024)
     
            f=open("index.html")
     
            data=f.read()
            conn.sendall(bytes("HTTP/1.1 201 OK %s"%data,"utf8"))
            conn.close()
     
    if __name__ == '__main__':
     
        main()
     
     
    二、html标签
    标签的规则：浏览器识别的一套规则，浏览器按顺序渲染网页文件
    html固定结构:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>

    </body>
    </html>
     
    <!DOCTYPE >:声明使用哪种html规范
    html标签包含head和body 
    head之间的内容不会在浏览器的文档窗口显示，但是中间的元素具有特殊意义
    title定义网页标题
    body之间的内容的可见的网页的主体内容
     
    html标签格式
    自闭合标签
    标签后可加空格放多个属性名和属性值的键值对
    标签的功能借助属性和属性值来实现
    标签的语法:
    <标签名 属性1="属性值1" 属性2="属性值2"。。。>渲染内容</标签名 >
    标签的树形结构
    易读性:代码缩进
     
    常用标签
    meat标签
    name属性
    name="keywords"  -- 固定结构
    content="搜索的关键词"
    name="description"
    content="网站介绍"
     
     
    http-equiv属性 跟请求头有关系
    <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">  -- 刷新跳转
     

    link标签

              <link rel="icon" href="http://www.jd.com/favicon.ico"> -- 链接图标
     
     
    body内常用标签
    标签分类
         块级标签，内联标签
    基本标签
    1.<h1></h1>标签
    2.p标签
    3.br标签--换行
    4.hr
    5.strong/b -- 加粗
    6.i  -- 倾斜
    7.strike  -- 加横线
    8.sub/sup -- 上角标下角标
    9.特殊字符
     
    专为css而用
    10.div -- 自定义属性 块级标签
    11.span  -- 同div 区别在于span为内联标签
    <div style="background-color: gold;">yuan</div>
    <span style="background-color: green;">span</span>
    12.img标签--内联标签
    src  -- 指定图片来源
    alt  -- 提示信息
    title -- 隐藏标题

    13. a标签--调整连接的功能
    <a href="http://www.baidu.com" target="_blank">click</a> -- 文字跳转
    <a href="css.html" target="_blank">click2</a>
    <a href="http://www.baidu.com"><img src="s.png" alt=""></a> --嵌套img标签点击图片跳转

    target--保留原页面

    14.列表标签

    　　ul--无序列表，配合li来使用，替换或者去掉前置实心圆

    　　ol--有序列表，配合li来使用

    　　dl--定义列表，配合dt(标题项)、dd（列表项）来使用
    15.table标签
    　　边框调整
    　　　　border属性--表格边框
    　　　　cellpadding属性--内边距，文本与边框间距
    　　　　cellspacing属性--边框与边框的间距
    　　tr列标签
    　　　　th表头标签
    　　　　td数据标签
    　　　　行列单元合并
    　　　　(rowspan、colspan)
    16.form标签  --

    　　action：请求路径

    　　method属性（发送数据的方式:get post）

           功能：跟server端通信，从而实现用户与web的交互　　

    　　input标签
    　　　　type属性的8中属性值
    　　　　　　text
    　　　　　　password -- 隐式输入
    　　　　　　checkbox -- 复选框
    　　　　　　　　checked属性 -- 默认选项
    　　　　　　radio -- 单选
    　　　　　　　　设置name、value才有单选功能
    　　　　　　file -- 选择文件传输  -- 请求方式必须是post，enctype="multipart/form-data"
    　　　　　　button -- 按钮（自定义事件）
    　　　　　　reset -- 重置输入
    　　　　　　submit -- 提交数据
    　　　　　　　　name属性 value属性
    　　　　　　　　　　定义提交数据的键值对，告诉server端提交的内容
    　　label标签
    　　　　for属性跟input标签的id属性对应
    17.select标签下拉
    　　name属性

    　　size=""

    　　multiple属性
    　　option属性
    　　selected属性 默认选项
    18.textarea标签（多行文本框）
    　　cols、rows属性定义文本框的长高
    19.fieldset标签
    　　legend标签
  • 相关阅读:
    GeoServer发布Shapfile、PostGIS数据
    Geoserver+Openlayers+MySQL设计思想，GeoServer服务器搭建（Docker构建镜像）
    Linux 输入输出重定向, &>file, 2>&1, 1>&2
    Git常用命令
    Java 操作 HBase 教程
    NATAPP--实现SSH内网穿透
    Spring boot banner
    ingress 密码验证
    rook 记录
    容器网络之网桥
  • 原文地址：https://www.cnblogs.com/geek-ace/p/7205486.html
Copyright © 2011-2022 走看看