标签：pad sock oct 自动 不同的 mil dia UI rdf
一 web服务器的本质
由浏览器发送一个请求。服务器接收到，然后在回应一个响应。
由于浏览器的不同，web服务器响应的内容不一定被浏览器接收。
HTTP/1.1 201 OK\r\n\r\n需要发送的内容：是为了给浏览器看的。http协议名称；201：状态码
如下：
import socket
sock=socket.socket()
sock.bind((‘127.0.0.1‘,8888))
sock.listen(5)
while True:
conn,addr=sock.accept()
res=conn.recv(1024)
print(res.decode(‘utf8‘))
conn.send(b‘HTTP/1.1 201 OK\r\n\r\n<h1>hello</h1>‘)
conn.close()
二 html介绍
什么是html：放一些标签文件，通过标签文件来显示网页中的各个部分。不是编程语言，而是一种标签语言，它使用标签来显示网页。
浏览器根据不同的标签语言显示相对应的渲染效果。但是不同的浏览器对于同一个标签文件渲染的效果不同。
HTML注意事项的是一个静态的网页效果。
文件的后缀名是给人看的，不同的后缀名的文件类型不同。
三 HTML结构
！DOCTYPE html：标签格式，h5的格式。
html标签：构建了一套规则，是给浏览器看的一套规则，里面放所有的标签，显示的内容，是根节点。
head标签：是html标签的子标签，里面放的是一些解释型的类容。head标签里面的内容不会在浏览器页面上显示，但是有其特殊的意义。
meta标签：解析编码给浏览器看，提供网页相关的内容信息。针对搜索引擎和更新频度的描述和关键字。
title标签：定义的是网页标题，在标题栏显示。
body标签：里面存放的即使自己想要显示在网页的内容，所有的标签都要放在这个里面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
标签与标签之间是可以嵌套的。html里面的标签是不区分大小写的
补充：在python2中头一行的格式是解析编码，是给解释器看的。
meta标签的属性
content属性：主要用于搜索引擎机器人查找信息和分类信息用的，其实就是各个参数的变量值。
name属性：主要是描述网页与sontent属性相对应。
http-equiv属性高：相当于http文件头作用。向浏览器传回一些有用信息，帮助显示正确的网页内容。也与content相对应。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="meta总结,html meta meta,meta属性，meta跳转">
<meta name="description" content="老男孩培训机构是有一个很老很老的男人创建的">
<title>老男孩</title>
</head>
<body>
<h1>hahha</h1>
</body>
</html>
导入标签：
link标签：导入css文件里面的内容，同时这里面还可以放网页标题的图标。
href：放网页标题图标。
css文件：主要是为了渲染网页，给网页布局。
script：导入js文件里面的内容
js文件：主要做网页的动态效果。
<link rel="icon" href="http://www.jd.com/favicon.ico">
<link rel="stylesheet" href="css.css">
<script src="hello.js"></script>
标签语法格式分为：自定义标签和闭合标签
闭合标签：<标签名 >闭合体</标签名>
自定义标签：<标签名 属性1=‘属性值1‘ 属性2=‘属性值2‘........> 自定义标签，也叫做自闭合标签。
标签属性必须放在前面的那一个，不能加到后面。
四 body标签下的常用标签
hn系列的标签：h1到h6标签
根据h后面的数字的大小，h后面数字越大，标签里面的字体就会越小
p标签：段落标签，一个标签代表一个段落
br标签：换行标签
b标签：加粗标签
strong标签：加粗标签
strike标签：给内容加上一横线
hr标签：做分割线的标签，也叫做水平线
em标签：文字变成斜体
sup：上角标
sub：下角标
img标签：添加图片
属性：src属性：后面加上图片的链接。title：鼠标悬浮时提示的信息。alt：图片没有加载成功的提示。width：图片的宽度。height：图片的高度。（width和height属性如果只用一个就会自动灯笔缩放）
a标签：超链接标签，可以点击进入下一个网页页面。
属性：href：写入需要跳转的页面或内容。target=‘-blank‘：跳出一个新的面页显示内容。
a标签的抛锚功能：就是在同一个网页内跳转。
div标签：整个网页用的最多的一个标签，没有任何特点，但是在css里面最好操作的一个块级标签。
span标签：和div标签一样，没有任何特点，但是在css里面最好操作，是一个内敛标签。
大多数标签的通用属性
background-color：背景颜色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="meta总结,html meta meta,meta属性，meta跳转">
<meta name="description" content="老男孩培训机构是有一个很老很老的男人创建的">
<title>老男孩</title>
<style>
div{
background-color:red;
}
span{
background-color:red;
}
</style>
</head>
<body>
<h1>fang</h1>
<h2>fang</h2>
<h3>fang</h3>
<h4>fang</h4>
<h5>fang</h5>
<h6>fang</h6>
<p>美女啊</p>
<p>美女啊</p>
<p>美女啊</p>
<p>美女啊</p>
haha<br>heihei
<b>昊哥骚</b>
<strong>骚昊哥</strong>
<strike>臭昊子</strike>
<hr>
<em>昊哥骚臭</em>
<sup>耗子</sup>
<sub>昊子</sub>
<img src="111.png" alt="老左" title="老左" width=‘190‘ height=‘200‘ >
<a href="111.png" target="_blank">点击</a>
<div>fang</div>
<span>fang</span>
</body>
</html>
id：相当于身份证号，方便查找，不能重复
class：类属性，可以用相同的类查找。可以重复
在a。href标签中，如果查找的是id，就需要在id号的前面加上一个#号。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="#d1">第1章</a>
<a href="#d2">第2章</a>
<a href="#d3">第3章</a>
<hr>
<div id="d1" style="height:500px;background-color: #2b47ff">第一章</div>
<div id="d2" style="height:500px;background-color: darkcyan">第二章</div>
<div id="d3" style="height:800px;background-color: darkgoldenrod">第三章</div>
</body>
</html>
table标签：表格标签
table标签下的标签：
tr标签：行级标签；td标签：单元格标签，列标签；th标签：标题标签。
table标签里面的属性：
border属性： 加上边框线；cellspacing属性：边框与边框的距离；callpadding属性：文件与边框的距离。
td下面的属性：
rowspan属性：独占几行；colspan属性：独占几列。
使用格式：
<table>
<tr>
<td>标题</td>
<td>标题</td>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>
练习：
标签的分类分为两大类：块级标签和内敛标签
块级标签就是独占一行；内敛标签就是只占用文本的大小。
块级标签（block）有：h系列 div p br hr table tr
内敛标签（inline）有：b strong strike em sup sub img a span td th
标签的嵌套规则：块级标签可以嵌套块级标签和内敛标签，内敛标签只能够嵌套内敛标签。
5 常用符号和颜色
符号：
| 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
|---|---|---|---|---|---|
| Α | Α | Α | Β | Β | Β |
| Γ | Γ | Γ | Δ | Δ | Δ |
| Ε | Ε | Ε | Ζ | Ζ | Ζ |
| Η | Η | Η | Θ | Θ | Θ |
| Ι | Ι | Ι | Κ | Κ | Κ |
| Λ | Λ | Λ | Μ | Μ | Μ |
| Ν | Ν | Ν | Ξ | Ξ | Ξ |
| Ο | Ο | Ο | Π | Π | Π |
| Ρ | Ρ | Ρ | Σ | Σ | Σ |
| Τ | Τ | Τ | Υ | Υ | Υ |
| Φ | Φ | Φ | Χ | Χ | Χ |
| Ψ | Ψ | Ψ | Ω | Ω | Ω |
| α | α | α | β | β | β |
| γ | γ | γ | δ | δ | δ |
| ε | ε | ε | ζ | ζ | ζ |
| η | η | η | θ | θ | θ |
| ι | ι | ι | κ | κ | κ |
| λ | λ | λ | μ | μ | μ |
| ν | ν | ν | ξ | ξ | ξ |
| ο | ο | ο | π | π | π |
| ρ | ρ | ρ | ? | ς | ς |
| 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
| σ | σ | σ | τ | τ | τ |
| υ | υ | υ | φ | φ | φ |
| χ | χ | χ | ψ | ψ | ψ |
| ω | ω | ω | ? | ϑ | ϑ |
| ? | ϒ | ϒ | ? | ϖ | ϖ |
| ? | • | • | … | … | … |
| ′ | ′ | ′ | ″ | ″ | ″ |
| ￣ | ‾ | ‾ | ? | ⁄ | ⁄ |
| ? | ℘ | ℘ | ? | ℑ | ℑ |
| ? | ℜ | ℜ | ? | ™ | ™ |
| ? | ℵ | ℵ | ← | ← | ← |
| ↑ | ↑ | ↑ | → | → | → |
| ↓ | ↓ | ↓ | ? | ↔ | ↔ |
| ? | ↵ | ↵ | ? | ⇐ | ⇐ |
| ? | ⇑ | ⇑ | ? | ⇒ | ⇒ |
| ? | ⇓ | ⇓ | ? | ⇔ | ⇔ |
| ? | ∀ | ∀ | ? | ∂ | ∂ |
| ? | ∃ | ∃ | ? | ∅ | ∅ |
| ? | ∇ | ∇ | ∈ | ∈ | ∈ |
| ? | ∉ | ∉ | ? | ∋ | ∋ |
| ∏ | ∏ | ∏ | ∑ | ∑ | − |
| 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
| ? | − | − | ? | ∗ | ∗ |
| √ | √ | √ | ∝ | ∝ | ∝ |
| ∞ | ∞ | ∞ | ∠ | ∠ | ∠ |
| ∧ | ∧ | ⊥ | ∨ | ∨ | ⊦ |
| ∩ | ∩ | ∩ | ∪ | ∪ | ∪ |
| ∫ | ∫ | ∫ | ∴ | ∴ | ∴ |
| ～ | ∼ | ∼ | ? | ≅ | ≅ |
| ≈ | ≈ | ≅ | ≠ | ≠ | ≠ |
| ≡ | ≡ | ≡ | ≤ | ≤ | ≤ |
| ≥ | ≥ | ≥ | ? | ⊂ | ⊂ |
| ? | ⊃ | ⊃ | ? | ⊄ | ⊄ |
| ? | ⊆ | ⊆ | ? | ⊇ | ⊇ |
| ⊕ | ⊕ | ⊕ | ? | ⊗ | ⊗ |
| ⊥ | ⊥ | ⊥ | ? | ⋅ | ⋅ |
| ? | ⌈ | ⌈ | ? | ⌉ | ⌉ |
| ? | ⌊ | ⌊ | ? | ⌋ | ⌋ |
| ? | ◊ | ◊ | ? | ♠ | ♠ |
| ? | ♣ | ♣ | ? | ♥ | ♥ |
| ? | ♦ | ♦ | |   | |
| ? | ¡ | ¡ | ￠ | ¢ | ¢ |
| ￡ | £ | £ | ¤ | ¤ | ¤ |
| 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
| ￥ | ¥ | ¥ | | | ¦ | ¦ |
| § | § | § | ¨ | ¨ | ¨ |
| ? | © | © | a | ª | ª |
| ? | « | « | ? | ¬ | ¬ |
| - | ­ | ­ | ? | ® | ® |
| ˉ | ¯ | ¯ | ° | ° | d° |
| ± | ± | ± | 2 | ² | ² |
| 3 | ³ | ³ | ′ | ´ | ´ |
| μ | µ | µ |
颜色表：
CSS颜色代码大全
| FFFFFF | #DDDDDD | #AAAAAA | #888888 | #666666 | #444444 | #000000 |
| #FFB7DD | #FF88C2 | #FF44AA | #FF0088 | #C10066 | #A20055 | #8C0044 |
| #FFCCCC | #FF8888 | #FF3333 | #FF0000 | #CC0000 | #AA0000 | #880000 |
| #FFC8B4 | #FFA488 | #FF7744 | #FF5511 | #E63F00 | #C63300 | #A42D00 |
| #FFDDAA | #FFBB66 | #FFAA33 | #FF8800 | #EE7700 | #CC6600 | #BB5500 |
| #FFEE99 | #FFDD55 | #FFCC22 | #FFBB00 | #DDAA00 | #AA7700 | #886600 |
| #FFFFBB | #FFFF77 | #FFFF33 | #FFFF00 | #EEEE00 | #BBBB00 | #888800 |
| #EEFFBB | #DDFF77 | #CCFF33 | #BBFF00 | #99DD00 | #88AA00 | #668800 |
| #CCFF99 | #BBFF66 | #99FF33 | #77FF00 | #66DD00 | #55AA00 | #227700 |
| #99FF99 | #66FF66 | #33FF33 | #00FF00 | #00DD00 | #00AA00 | #008800 |
| #BBFFEE | #77FFCC | #33FFAA | #00FF99 | #00DD77 | #00AA55 | #008844 |
| #AAFFEE | #77FFEE | #33FFDD | #00FFCC | #00DDAA | #00AA88 | #008866 |
| #99FFFF | #66FFFF | #33FFFF | #00FFFF | #00DDDD | #00AAAA | #008888 |
| #CCEEFF | #77DDFF | #33CCFF | #00BBFF | #009FCC | #0088A8 | #007799 |
| #CCDDFF | #99BBFF | #5599FF | #0066FF | #0044BB | #003C9D | #003377 |
| #CCCCFF | #9999FF | #5555FF | #0000FF | #0000CC | #0000AA | #000088 |
| #CCBBFF | #9F88FF | #7744FF | #5500FF | #4400CC | #2200AA | #220088 |
| #D1BBFF | #B088FF | #9955FF | #7700FF | #5500DD | #4400B3 | #3A0088 |
| #E8CCFF | #D28EFF | #B94FFF | #9900FF | #7700BB | #66009D | #550088 |
| #F0BBFF | #E38EFF | #E93EFF | #CC00FF | #A500CC | #7A0099 | #660077 |
| #FFB3FF | #FF77FF | #FF3EFF | #FF0 0FF | #CC00CC | #990099 | #770077 |
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| maroon | #800000 | |
| darkred | #8B0000 | |
| brown | #A52A2A | |
| firebrick | #B22222 | |
| crimson | #DC143C | |
| red | #FF0000 |
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| mediumvioletred | #C71585 | |
| palevioletred | #D87093 | |
| deeppink | #FF1493 | |
| fuchsia(magenta) | #FF00FF | |
| hotpink | #FF69B4 | |
| pink | #FFC0CB | |
| lightpink | #FFB6C1 | |
| mistyrose | #FFE4E1 | |
| lavenderblush | #FFF0F5 |
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| indigo | #4B0082 | |
| purple | #800080 | |
| darkmagenta | #8B008B | |
| darkorchid | #9932CC | |
| blueviolet | #8A2BE2 | |
| darkviolet | #9400D3 | |
| slateblue | #6A5ACD | |
| mediumpurple | #9370DB | |
| mediumslateblue | #7B68EE | |
| mediumorchid | #BA55D3 | |
| violet | #EE82EE | |
| plum | #DDA0DD | |
| thistle | #D8BFD8 | |
| lavender | #E6E6FA |
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| saddlebrown | #8B4513 | |
| sienna | #A0522D | |
| chocolate | #D2691E | |
| indianred | #CD5C5C | |
| rosybrown | #BC8F8F | |
| lightcorol | #F08080 | |
| salmon | #FA8072 | |
| lightsalmon | #FFA07A | |
| orangered | #FF4500 | |
| tomato | #FF6347 | |
| coral | #FF7F50 | |
| darkorange | #FF8C00 | |
| sandybrown | #F4A460 | |
| peru | #CD853F | |
| tan | #D2B48C | |
| burlywood | #DEB887 | |
| wheat | #F5DEB3 | |
| moccasin | #FFE4B5 | |
| navajowhite | #FFDEAD | |
| peachpuff | #FFDAB9 | |
| bisque | #FFE4C4 | |
| antuquewhite | #FAEBD7 | |
| papayawhip | #FFEFD5 | |
| cornsilk | #FFF8DC | |
| oldlace | #FDF5E6 | |
| linen | #FAF0E6 | |
| seashell | #FFF5EE | |
| snow | #FFFAFA | |
| floralwhite | #FFFAF0 | |
| ivory | #FFFFF0 | |
| mintcream | #F5FFFA |
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| darkgoldenrod | #B8860B | |
| goldenrod | #DAA520 | |
| gold | #FFD700 | |
| yellow | #FFFF00 | |
| darkkhaki | #BDB76B | |
| khaki | #F0E68C | |
| palegoldenrod | #EEE8AA | |
| beige | #F5F5DC | |
| lemonchiffon | #FFFACD | |
| lightgoldenrodyellow | #FAFAD2 | |
| lightyellow | #FFFFE0 |
~黃
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| darkslategray | #2F4F4F | |
| darkolivegreen | #556B2F | |
| olive | #808000 | |
| darkgreen | #006400 | |
| forestgreen | #228B22 | |
| seagreen | #2E8B57 | |
| green(teal) | #008080 | |
| lightseagreen | #20B2AA | |
| madiumaquamarine | #66CDAA | |
| mediumseagreen | #3CB371 | |
| darkseagreen | #8FBC8F | |
| yellowgreen | #9ACD32 | |
| limegreen | #32CD32 | |
| lime | #00FF00 | |
| chartreuse | #7FFF00 | |
| lawngreen | #7CFC00 | |
| greenyellow | #ADFF2F | |
| mediumspringgreen | #00FA9A | |
| springgreen | #00FF7F | |
| lightgreen | #90EE90 | |
| palegreen | #98F898 | |
| aquamarine | #7FFFD4 | |
| honeydew | #F0FFF0 |
藍
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| midnightblue | #191970 | |
| navy | #000080 | |
| darkblue | #00008B | |
| darkslateblue | #483D8B | |
| mediumblue | #0000CD | |
| royalblue | #4169E1 | |
| dodgerblue | #1E90FF | |
| cornflowerblue | #6495ED | |
| deepskyblue | #00BFFF | |
| lightskyblue | #87CEFA | |
| lightsteelblue | #B0C4DE | |
| lightblue | #ADD8E6 | |
| steelblue | #4682B4 | |
| darkcyan | #008B8B | |
| cadetblue | #5F9EA0 | |
| darkturquoise | #00CED1 | |
| mediumturquoise | #48D1CC | |
| turquoise | #40E0D0 | |
| skyblue | #87CECB | |
| powderblue | #B0E0E6 | |
| paleturquoise | #AFEEEE | |
| lightcyan | #E0FFFF | |
| azure | #F0FFFF | |
| aliceblue | #F0F8FF | |
| aqua(cyan) | #00FFFF |
黑~灰~白
| 顏色名稱 | 代碼 |
顏色 |
|---|---|---|
| black | #000000 | |
| dimgray | #696969 | |
| gray | #808080 | |
| slategray | #708090 | |
| lightslategray | #778899 | |
| dakgray | #A9A9A9 | |
| silver | #C0C0C0 | |
| lightgray | #D3D3D3 | |
| gainsboro | #DCDCDC | |
| whitesmoke | #F5F5F5 | |
| ghostwhite | #F8F8FF | |
| white | #FFFFFF |
标签：pad sock oct 自动 不同的 mil dia UI rdf
原文地址：http://www.cnblogs.com/fangjie0410/p/7773885.html
