HTML标签及其属性
一、Google访问socket服务端
1 import socket 2 3 def socket_server(): 4 sk = socket.socket(socket.AF_INET,socket.SOCK_STREAM) 5 sk.bind(('localhost',8089)) 6 sk.listen(5) 7 print('服务器已开启......') 8 9 while True: 10 conn,address = sk.accept() 11 buf = conn.recv(1024) 12 print(buf) 13 14 conn.sendall(bytes('HTTP/1.0 201 ok\r\n\r\n ','utf8')) 15 conn.sendall(bytes('welcome come to my website
','utf8')) 16 conn.close() 17 18 '''我们在此开启一个服务器，用谷歌浏览器搜索'127.0.0.1：8089'进行访问； 19 谷歌充当客户端发送请求，然后我们的服务器给它返回以上内容； 20 谷歌对该内容进行解析并呈现在网页中。''' 21 22 if __name__ == "__main__": 23 socket_server()
二、head标签
1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="Refresh" content="2;URL='https://fanyi.baidu.com/'"> 6 7 <title>高江平的网站title> 8 9 <link rel="icon" href="京东.ico"> 10 11 head> 12 <body> 13 body> 14 html>
三、body基本标签
1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>高江平的网站-基本标签1title> 6 <link rel="icon" href="京东.ico"> 7 head> 8 <body> 9 <h1 style="color:red">hellowordh1> 10 <h2 style="color:red">hellowordh2> 11 <h3 style="color:red">hellowordh3> 12 <h4 style="color:red">hellowordh4> 13 <h5 style="color:red">hellowordh5> 14 <h6 style="color:red">hellowordh6> 15 16 17 君子坦荡荡<br/>窗前明月光 18 19 20 <p style="color:blue">君子坦荡荡p> 21 <p style="color:blue">该浪还得浪p> 22 23 24 <hr/> 25 26 27 <div style="color:purple">一张白纸，为所欲为div> 28 29 30 body> 31 html>
四、img标签和a标签
1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>高江平的网站-img标签和a标签title> 6 <link rel="icon" href="京东.ico"> 7 <style> 8 #div1{height:300px; background-color:red} 9 #div2{height:300px; background-color:purple} 10 #div3{height:300px; background-color:yellow} 11 12 style> 13 head> 14 15 <img src="gaolu.jpg" width="200px" height="200"px alt="图片加载失败" title="大美女"> 16 17 18 <a href="http://www.baidu.com">http://www.baidu.coma> 19 <a href="http://www.baidu.com" target="_blank">http://www.baidu.coma> 20 21 22 <div id="top">首页div> 23 <a href="#div1">第一章a> 24 <a href="#div2">第二章a> 25 <a href="#div3">第三章a> 26 27 <div id="div1">第一章 <a href="#top">返回首页a>div> 28 <div id="div2">第二章 <a href="#top">返回首页a>div> 29 <div id="div3">第三章 <a href="#top">返回首页a>div> 30 31 body> 32 html>
五、列表标签
DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>高江平的网站-列表标签title><link rel="icon" href="京东.ico">
head>
<body><ul><li>1258li><li>1258li><li>1258li>ul><ol><li>1258li><li>1258li><li>1258li>ol><dl><dt>第一章dt><dd>第一节dd><dd>第二节dd><dd>第三节dd>dl>body>
html> 六、form标签
1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>高江平的网站-form标签title> 6 <link rel="icon" href="京东.ico"> 7 head> 8 <body> 9 10 <form action="form标签" method="post"> 11 <p>账号<input type="text" name="count">p> 12 <p>密码<input type="password" name="pwd">p> 13 <p>爱好：<input type="checkbox" name="hobby" value="chouyan">抽烟 <input type="checkbox" name="hobby" value="hejiu">喝酒 <input type="checkbox" name="hobby" value="tangtou">烫头p> 14 <p>性别：<input type="radio" name="sex" value="men">男 <input type="radio" name="sex" value="women">女p> 15 <p><input type="file" name="file">p> 16 <p><input type="submit" value="登录">p> 17 <p><input type="reset">p> 18 <p><input type="button">p> 19 20 21 22 form> 23 24 body> 25 html>
七、select标签
1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>高江平的网站-select标签title> 6 <link rel="icon" href="京东.ico"> 7 head> 8 <body> 9 10 <select name="city" multiple size="5"> 11 12 <optgroup label="北京"> 13 <option value="chaoyang">朝阳option> 14 <option value="sanlitun">三里屯option> 15 <option value="zhongguancun">中关村option> 16 17 optgroup> 18 <optgroup label="山西"> 19 <option value="datong">大同option> 20 <option value="hongtong">洪洞option> 21 optgroup>> 22 select><br/> 23 24 <textarea rows="10" cols="100">续贷声明textarea><br/> 25 26 27 <label for="123">账号label> 28 <input id="123" type="text"> 29 body> 30 html>
转载于:https://www.cnblogs.com/Finance-IT-gao/p/10936252.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！