标签:前端知识之HTML部分
1、web服务的本质
浏览器发请求-->HTTP协议-->服务端接收请求-->服务端返回响应-->服务端把HTML文件内容发给浏览器-->浏览器渲染页面
之前学过用python方式实现C/S建立socket通信,浏览器与服务端实现通信是B/S架构
服务端代码:
import socket
server=socket.socket()
server.bind(("127.0.0.1", 8081))
server.listen(5)
while True:
conn, addr = server.accept()
data = conn.recv(8096)
conn.send(b"HTTP/1.1 200 OK\r\n\r\n")
conn.send(b"<h1>Hello world!</h1>")
conn.close()
浏览器:
http://127.0.0.1:8081/
结果:
Hello world!
2、HTML是什么
HTML:超文本标记语言(Hypertext Markup Language)是一种用于创建网页的标记语言。不是编程语言,跟我们使用的python不1
本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。
对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
网页文件的扩展名:.html或.htm
3、HTML文档结构
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
1)<!DOCTYPE html>声明为HTML5文档。必须是HTML文档的第一行,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令
2)<html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。
3)<head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。
4)<title>、</title>定义了网页标题,在浏览器标题栏显示。
5)<body>、</body>之间的文本是可见的网页主体内容。
注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。
有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。
4、HTML标签格式
HTML标签是由尖括号包围的关键字,如<html>, <div>等
HTML标签通常是成对出现的,比如:<div>和</div>,第一个标签是开始,第二个标签是结束。结束标签会有斜线。
也有一部分标签是单独呈现的,比如:<br/>、<hr/>、<img src="1.jpg" />等。
标签里面可以有若干属性,也可以不带属性。
标签的语法:
<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />
几个很重要的属性:
id:定义标签的唯一ID,HTML文档树中唯一
class:为html元素定义一个或多个类名(classname)(CSS样式类名)
style:规定元素的行内样式(CSS样式)
5、HTML注释
<!--注释内容-->(在pycharm里面还是command+/快捷键)
标签:前端知识之HTML部分
原文地址:http://blog.51cto.com/10630401/2085426