190708HTML

叁歲伎倆 2023-08-17 16:53 84阅读 0赞

*  python\_http\_server

import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost', 8080)) sock.listen(5) while True: con, addr = sock.accept() buffer = con.recv(1024) con.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n", "utf8")) con.sendall(bytes("<h1>Hello World</h1>", "utf8")) con.close() if __name__ == '__main__': main()

### 一、HTML中的head标签 ###

*  htyper text markup language ：超文本标记语言

#### 1、head标签中的meta标签 ####

*  name="keywords"：定义关键词，供网页搜索
 *  name="description"：网站的描述
 *  http-equiv="Refresh"：2s后刷新，跳转到目标网站；如果不加URL只是定时刷新
 *  http-equiv="X-UA-Compatible"：兼容ie6

#### 2、head标签中的非meta标签 ####

*  rel="icon"：title的图标
 *  rel="stylesheet"：引入css
 *  script：引入js

### 二、HTML中的基本标签 ###

1、h1-6：标题
    
    2、p：段落
    
    3、br：换行
    
    4、b/strong：加粗
    
    5、em：斜体
    
    6、hr：分割线
    
    7、sub：下标
    
    8、sup：上标
    
    9、div：白板，块级标签
    
    10、span：白板，内联标签

### 三、HTML中的常用的特殊字符 ###

空白： 
    小于：<
    大于：>
    版权符：©和®

### 四、图像img标签 ###

*  src：图片路径
 *  alt：图片显示失败的一个描述
 *  title：图片的悬浮解释
 *  width：宽
 *  height：高

### 五、超链接和锚点a标签 ###

*  href：链接地址，\#1代表id=1的标签
 *  target="\_blank" ：跳转时新打开一个窗口

### 六、列表标签 ###

#### 1、有序列表 ####

*  ul：无序列表
 *  li：固定使用li来包装

#### 2、有序列表 ####

*  ol：有序列表

#### 3、自定义列表 ####

*  dl：自定义列表

### 七、表单标签form ###

#### 1、input输入框标签 ####

<form action="http://127.0.0.1:8080/index.html" method="post" enctype="multipart/form-data"> <div> <label for="i1">姓名</label> <input id="i1" type="text" name="username" placeholder="用户名"> </div> <div>密码 <input type="password" name="password" placeholder="密码" disabled></div> <div>性别 男<input type="radio" name="gender" value="man">女<input type="radio" name="gender" value="woman"></div> <div>您是否同意并愿意遵守用户协议 <input type="checkbox" name="yesorno" value="yes" checked></div> <div><input type="button" value="空白"></div> <div><input type="submit" value="注册"></div> <div><input type="reset" value="重置"></div> <div><input type="text" readonly></div> <div><input type="file" name="putfile"></div> </form>

*  type="text"：文本输入
 *  type="password"：密码输入
 *  type="radio"：单选框
 *  type="checkbox"：多选框
 *  type="button"：按钮，不会提交表单
 *  type="submit"：按钮，提交表单
 *  type="reset"：重置按钮
 *  type="file"：上传文件按钮，需要在form中加enctype="multipart/form-data"
 *  checked：默认勾选
 *  readonly：只读框
 *  disabled：禁用input标签
 *  label标签：点击label的字段可以直接获取对应输入框的焦点

#### 2、select下拉框标签 ####

*  multiple：多选框
 *  size="10"：多选框的显示大小
 *  selected：默认选择
 *  optgroup：分组

#### 3、textarea文本框标签 ####

### 八、table标签 ###

<table border="1px" cellpadding="10px" cellspacing="5px"> <thead> <tr> <th>id</th> <th>name</th> <th>gender</th> </tr> </thead> <tbody> <tr> <td rowspan="2">1</td> <td>jack</td> <td>M</td> </tr> <tr> <td>maria</td> <td>F</td> </tr> </tbody> </table>

*  table：表格
    
     *  border：框线像素
     *  cellpadding：内边距
     *  cellspacing：外边距
     *  thead/th：表头
     *  tbody/td：表格
     *  tr：行
     *  rowspan="2"：占用2行，合并单元格用
     *  colspan="2"：占用2列，合并单元格用

转载于:https://www.cnblogs.com/L-dongf/p/11437069.html