当前位置：首页 > Web开发 > 正文

191121HTML

2024-03-31 Web开发

标签：

一、HTML 1、web server import socket def handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n", encoding='utf-8')) client.send(bytes("<h1 style='background-color:red;'>Hello, Seven<h1>", encoding='utf-8')) def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost', 9999)) sock.listen(5) while True: conn, addr = sock.accept() handle_request(conn) conn.close() if __name__ == '__main__': main() 2、web server2 import socket def handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n", encoding='utf-8')) f = open('index', 'rb') data = f.read() f.close() client.send(data) def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost', 9999)) sock.listen(5) while True: conn, addr = sock.accept() handle_request(conn) conn.close() if __name__ == '__main__': main() 3、实例index.html <h1 style='background-color:red;'>Hello, Seven<h1> <a href=''>baidu</a> <table border='1'> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <table> 4、head标签

meta 标签：编码、跳转、刷新、关键字、描述、IE兼容

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8">  <meta http-equiv="Refresh" content="60">   <meta name="keywords" content="dongfei,dongfei2"> <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8" /> <title>Title</title> </head> <body> <h1>welcome dongfei web site.</h1> </body> </html>

title标签

link标签：加图标

style

script

5、body标签

5.1：各种符号

空格：?

大于：>

小于：<
参考：
5.2：p和br

p：段落，段落之间有间距

br：换行
5.3：标题，加大加粗

h1...h6
5.4：snap标签，行内白板

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>dongfei</title> </head> <body> <a href=http://www.mamicode.com/"http:/www.baidu.com">百    >度</a> <h3>静夜思</h3> <h5>作者：李白</h5> <p>床前明月光，，<br/>疑似地上霜。<br/>举头望明月，<br/>低头思故乡。</p> <span>dongfei</span> </body> </html>

5.5：div标签，块级白板

6、表单标签

from标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login</title> </head> <body> <form action=":xxx/index" method="get">  <input type="text" name="username"/> <input type="text" name="email"/> <input type="password" name="password"/> <input type="button" value="login"/>  <input type="submit" value="login2"/> </form> </body> </html>

提交至搜索引擎

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sougou</title> </head> <body> <form action="https://www.sogou.com/web" method="get"> <input type="text" name="query" value="sogou"/>  <input type="submit" value="搜索"> </form> </body> </html>

单选框&复选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form> <div> <p>请选择性别：</p> 男：<input type="radio" name="gender" value="1" checked="checked" /> 女：<input type="radio" name="gender" value="2" /> <p>爱好：</p> 篮球：<input type="checkbox" name="favor" value="1" /> 足球：<input type="checkbox" name="favor" value="2" /> 乒乓球：<input type="checkbox" name="favor" value="3" /> </div> <input type="submit" value="提交" /> </form> </body> </html>

温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/43057.html

上一篇：Something about System on Raspberry Pi 3b
下一篇：request 方法

191121HTML

推荐文章

热门文章

标签

友情链接

关于本站

联系我们

特别鸣谢