前端基础之HTML
老师博客：
http://www.cnblogs.com/yuanchenqi/articles/6835654.html
http://www.cnblogs.com/yuanchenqi/articles/6856399.html
html：静态的内容都是一个html标签,是有一组组标签构成的文件
css:对一个个标签做渲染定位
js:所有页面的动态效果做渲染定位
当写一个简单服务端的时候，一般这样写：
主要的是这：conn.send=("HTTP/1.1 201 OK \r\n\r\n %s" %response).encode("utf-8")
\r\n\r\n：后面的内容才是发给客户端的，这里\r\n\r\n的含义就是告诉客户端，后面是要接收的内容
1 import ?socket 2 ?3 sock=socket.socket() 4 sock.bind(("127.0.0.1",10001)) 5 sock.listen(5) 6 ?7 while 1: 8 ????print("waiting") 9 ????conn,addr=sock.accept()10 ????data=conn.recv(1024)11 ????print("data",data)12 ????with open("index.html",encoding="utf-8") as f:13 ????????response=f.read()14 ????conn.send=("HTTP/1.1 201 OK \r\n\r\n %s" %response).encode("utf-8")15 ????conn.close()
2开头：成功
3开头：重定向
4开头：文件有问题
5开头：服务器故障
HTML结构：
<!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档<html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body>。<head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。<title></title>定义网页标题，在浏览器标题栏显示。 <body></body>之间的文本是可见的网页主体内容
<head>内常用标签：
meta介绍
<meta>元素可提供有关页面的元信息（meta-information），针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。
<meta>提供的信息是用户不可见的
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
(1)name属性: 主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="老男孩培训机构是由一个很老的男孩创建的">
(2)http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(注意后面的引号，分别在秒数的前面和网址的后面) <meta http-equiv="content-Type" charset=UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
非meta标签：
<title>oldboy</title> ???<link rel="icon" href="http://www.jd.com/favicon.ico"> ???<link rel="stylesheet" href="css.css"> ???<script src="hello.js"></script>
标签：（分为两类，块级(boack)标签和内联(inline)标签）
渲染规则：从上到下，从左到右
block（块级）：自己独占一行
inline（内联）：自己不独占一行
块级标签可以嵌套内联标签和块级标签。
内联标签只能嵌套内联标签。
<h1></h1>:从1级到6级标签，都可以使用
<a href="https://www.baidu.com">click</a>:跳转标签
<img src="图片地址" title=“当你将鼠标放在图片上想要显示的内容”>
Day12 前端html
原文地址：http://www.cnblogs.com/sexiaoshuai/p/7560594.html