标签：img led select com 边框 中文 recv 用户名 刷新
一. HTML介绍:
<!DOCTYPE html> <html lang="zh-CN"> #这个lang表示语言，zh-CN是中文的意思，就是说，你整个文档的内容以中文为主，如果以英文为主，就写成lang=‘en‘ <head> <meta charset="UTF-8"> # 编码 <title>css样式优先级</title> </head> <body> 正文内容 </body> </html>
import socket sk = socket.socket() sk.bind((‘127.0.0.1‘,8008)) sk.listen() while True: conn,addr = sk.accept() data = conn.recv(1024) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b‘<h1>hello word</h1>‘) conn.close()
浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面
二. HTML标签介绍
三. HTML常用标签
<meta http-equiv="refresh" content="2;URL=https://www.baidu.com"> # 两秒后跳转到相应的网址,如果把URL和后面的内容删掉,就是两秒中刷新一次 <meta http-equiv="content-Type" charset="UTF8"> # 指定编码的类型
<b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除</s> <p> 段落标签 # 独占一个段落 </p> <button>一个按钮</button> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> # 从上到下,字体依次变小 <!--换行--> <br> <!--水平线 / 分割线--> <hr>
# 示例: <img src="1.jpg" alt="这是个美女,请稍等.." title="美女" width="200" height="200">
<a href="https://www.baidu.com" target="_blank"> <button>点击进入百度</button> </a>
<ul type = ‘disc‘> <li>太白</li> <li>alex</li> <li>wusir</li> </ul>
<ol type="A" start="2"> <li>太白</li> <li>alex</li> <li>wusir</li> </ol> # 表示按照大写字母进行排序,从B开始
<dl> <dt>标题1</dt> <dd>内容1</dd> <dt>标题2</dt> <dd>内容1</dd> <dd>内容2</dd> </dl>
<table border="5" cellpadding="5" cellspacing="2"> <thead> # 表格的标题(头) <tr> # 一行 <th>姓名</th> # 一个单元格的内容 <th>年龄</th> <th>爱好</th> </tr> </thead> <tbody> # 表格的正文内容 <tr> <td>alex</td> <td>83</td> <td>抽烟</td> </tr> <tr> <td>wusir</td> <td>74</td> <td>喝酒</td> </tr> </tbody> </table>
| 表现形式 | 对应代码 | |
|---|---|---|
| text | 单行输入文本 | <input type = ‘text‘ /> |
| password | 密码输入框(不显示明文) | <input type = ‘password‘ /> |
| date | 日期输入框 | <input type = ‘date‘ /> |
| checkbox | 复选框 | <input type = ‘checkbox‘ name = ‘x‘ /> |
| radio | 单选框 | <input type = ‘radio‘ name = ‘x‘ /> |
| submit | 提交按钮 | <input type = ‘submit‘ value = ‘提交‘ /> |
| reset | 重置按钮 | <input type = ‘reset‘ value = ‘重置‘ /> |
| button | 普通按钮 | <input type = ‘button‘ value = ‘普通按钮‘ /> |
| hidden | 隐藏输入框 | <input type = ‘hidden‘ /> |
| file | 文本选择框 | <input type = ‘file‘ /> |
<form action="http://127.0.0.1:8008"> # action: 指定数据提交的路径 用户名:<input type="text" name = ‘username‘> 密码:<input type="password" name = ‘password‘> <br> <input type="radio" name = ‘sex‘ value="1">男 # 传给后台的数据是 : sex:1 <input type="radio" name = ‘sex‘ value="2">女 <br> <input type="checkbox" name = ‘hobby‘ value="a">喝酒 # 传给后台的数据是: hobby:a <input type="checkbox" name = ‘hobby‘ value="b">抽烟 <input type="checkbox" name = ‘hobby‘ value="c">烫头 <input type="submit" value = ‘提交按钮‘> <br> <input type="date"> <input type="button" value = ‘提交按钮‘> <input type="reset" value = ‘重置‘> <input type="hidden"> <input type="file"> </form>
# 单选 <select name="city"> <option value="1">北京</option> <option value="2" selected=‘selected‘>上海</option> # 默认选中上海 <option value="3">深圳</option> </select> # 多选:multiple <select name="city" multiple> <option value="1">北京</option> <option value="2" selected>上海</option> # # 默认选中上海 <option value="3">深圳</option> </select>
方式一: for:执行对哪个标签进行标识 效果: 点击label标签中的文字.就能让标识的标签获得光标 <label for="username">用户名</label> <input id="username" type="text" name="username" value="alex"> 方式二: <label> 密码:<input type="password" name="password" value="111" disabled> </label>
<textarea name="memo" id="memo" cols="30" rows="10"> 默认内容 </textarea> name：名称 rows：行数 #相当于文本框高度设置 cols：列数 #相当于文本框长度设置 disabled：禁用
标签：img led select com 边框 中文 recv 用户名 刷新
原文地址：https://www.cnblogs.com/wenxin1120/p/11109661.html
