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>	定义内部样式表

day42 前端-html入门

Html

自己实现一个服务端

HTML概述

HTML基本数据结构

HTML常用标签

<!DOCTYPE html>

<head>内常用标签