码迷,mamicode.com
首页 > Web开发 > 详细

前端知识之HTML部分

时间:2018-03-12 12:05:16      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:前端知识之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部分

标签:前端知识之HTML部分

原文地址:http://blog.51cto.com/10630401/2085426

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!