Html

自己实现一个服务端

把浏览器当成一个客户端来实现server端与客户端的交互

import socket 


server = socket.socket()
server.bind(('127.0.0.1',8080))
server.listen(5)
conn, addr = server.accept()
msg = conn.recv(1024)
print(msg)  #
conn.send(b'HTTP/1.1 200 OK\r\n\r\n')  #如果想把浏览器作为客户端来访问该服务端，服务端与浏览器交互需要满足HTTP协议的规范，HTTP协议的详细内容会在Django基础讲解。
conn.send(b'OK')
conn.send(b'<h1>OK</h1>')  # 返回浏览器一个用<h1></h1>包装过的OK，在浏览器段我们会发现OK变得又大又粗了。
conn.close()

server.close()

HTML概述

HTML（Hypertext Markup Language）中文：超文本标记语言。
它不是一门编程语言，是一种描述性的标记语言（没有编译过程），用于描述超文本内容的显示方式，比如：字体、颜色、大小等。
- 超文本：超越文本，在文本之上更丰富，还可以加超级链接，最常见的超链接内容有：视频、图片、音频等。
- 标记：<单词或者字母>成为标记，一个HTML页面是由多个标记组成。
HTML中除了标签（语义）其他什么都没有　　
HTML内的常见内容（术语）：
- 网页：由各种标记组成的一个页面就叫网页。
- 主页(首页) : 一个网站的起始页面或者导航页面。
- 标记： <p>称为开始标记，</p>称为结束标记，也叫标签。每个标签都规定好了特殊的含义。
- 元素：<p>内容</p>称为元素。
- 属性：给每一个标签所做的辅助信息。

HTML基本数据结构

最基本的文本结构:

<!--doctype html 为了告诉浏览器我的文件类型,html默认是意思是html5规则,这里后期的学习不用改,一定记住了-->
<!DOCTYPE html>

<!--告诉浏览器我是英文,告诉浏览器是哪种语言 "zh-cn" 是中文-->
<html lang="en">

<head>
    <!--网站配置-->
    <meta charset="UTF-8">
    <!--网站标题-->
    <title>Title</title>
</head>

<!--body是浏览器要显示的内容-->
<body>
哈哈哈
<strong>哈哈哈</strong>
</body>
</html>

HTML常用标签

<!DOCTYPE html>

每个HTML文件需要有一个此标签，来告知浏览器应该用那种规范来渲染HTML文件内容。
<!DOCTYPE>必须在文档的第一行，位于<html></html>之前。
<!DOCTYPE>作为了解部分内容链接：http://www.w3school.com.cn/tags/tag_doctype.asp

<head>内常用标签

标签	意义
<title></title>	网页标题
<meta/>	网页基本信息
<link/>	引入外部样式
<script></script>	定义JS代码或者引入外部JS文件
<style></style>	定义内部样式表

<meta>

　　meta简介:

<meta>标签为自闭和标签（单身标签）。
<meta>标签位于文档的头部，不包含任何内容。
<meta>标签提供的内容是用户不可见的。
<meta>标签元素可提供有关页面的原信息（meta-information）,针对搜索引擎和更新频度的描述和关键词。

　　meta的两个属性：

　　　meta共有两个属性，分别是：http-equiv属性和name属性。不同的属性拥有不同的参数值，这些不同的参数值实现了不同的页面功能。

http-equiv属性：相当于http的文件头作用，它向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

<!--2秒后跳转到对应的网址，注意引号-->
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
<!--指定文档的编码类型-->
<meta http-equiv="content-Type" charset=UTF8">
<!--告诉IE以最高级模式渲染文档-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

name属性：主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
```
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="老男孩教育Python学院">
```

day42 前端-html入门