HTML基础

 web本质

import socket

sk = socket.socket()

sk.bind(("127.0.0.1", 8080))
sk.listen(5)

while True:
    conn, addr = sk.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()

 HTML简介

  • 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。
  • 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）
  • 网页文件的扩展名：.html或.htm
  • HTML是一种标记语言（markup language），它不是一种编程语言。
  • HTML使用标签来描述网页。

HTML文档结构

<!DOCTYPE html> 
<html lang="zh-CN">   #这个lang表示语言，zh-CN是中文的意思，就是说，你整个文档的内容以中文为主，如果以英文为主，就写成lang='en'

<head> 
  <meta charset="UTF-8">
  <title>css样式优先级</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文档树中唯一，将来页面上的标签有很多，例如：来几个a标签，然后怎么区分这些标签呢，可以通过<a id='a1'>xxx</a>，id不能重复，将来我们想找这个标签的时候，可以通过这个id的值来找到这个标签 
  • class：为html元素定义一个或多个类名（classname）(CSS样式类名) #将css的是再说
  • style：规定元素的行内样式（CSS样式） #简单来个示例：<h1 style="color:red;">xx</h1>你会发现变成红色了。

HTML注释

<!--注释内容-->

HTML特殊符号转译

显示　  说明  实体名称  实体编码
   空白  &nbsp;  &#160;
 <  小于  &lt;  &#60;
 >  大于   &gt;  &#62;
 &   &符号   &amp;  &#38;
 "  双引号  &quot;  &#34;
 ©   版权  &copy;  &#169;
 ®  已注册商标   &reg;  &#174;
 ™  商标(美国)  &trade;  &#8482;
 ×   乘号  &times;  &#215;
 ÷  除号  &divide;  &#247;
 ­  null  &shy;  &#173;
posted @ 2020-02-05 21:26  Wollf  阅读(111)  评论(0)    收藏  举报