html基础
HTML简介
- 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。
- 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
- 网页文件的扩展名:.html或.htm
- HTML是一种标记语言(markup language),它不是一种编程语言。
- HTML使用标签来描述网页。
Web服务本质
浏览器发请求 –> HTTP协议 –> 服务端接收请求 –> 服务端返回响应 –> 服务端把HTML文件内容发给浏览器 –> 浏览器渲染页面
- import socket
- sk = socket.socket()
- sk.bind(('127.0.0.1',8088))
- sk.listen()
- while True:
- conn,addr = sk.accept()
- conn.recv(1024)
- conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
- conn.send(b'<h1>hello html</h1>')
- conn.close()
- sk.close()
HTML基本结构
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <title></title>
- </head>
- <body>
- </body>
- </html>
- <!DOCTYPE html>声明为HTML5文档。
- <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。
- <head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。
- <title>、</title>定义了网页标题,在浏览器标题栏显示。
- <body>、</body>之间的文本是可见的网页主体内容。
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样式)
HTML注释
- <!--注释内容-->
HTML特殊符号转译
显示 | 说明 | 实体名称 | 实体编号 |
---|---|---|---|
空白 | | ||
< | 小于 | < | < |
> | 大于 | > | > |
& | &符号 | & | & |
“ | 双引号 | " | " |
© | 版权 | © | © |
® | 已注册商标 | ® | ® |
™ | 商标(美国) | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |