前端知识之HTML内容

HTML介绍

1.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.secd(b"<h1>Hello world!</h1>")
    conn.close()

 浏览器发送请求->HTTP协议->服务器接受请求->服务器返回响应->服务器端把HTML文件内容发送给浏览器->浏览器渲染页面。

2.HTML是什么

  1. 超文本标记语言(Hypertext Markup Language,HTML)是一种用于创建网页的标记语言。
  2. 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据 规则渲染我们的网页，对于不同的浏览器，对同一个标签可能会有不同的解释。(兼容性问题)
  3. 网页文件的扩展名：.html或.htm

3.HTML不是什么？

　　HTML是一种标记语言，不是一种编程语言。

　　HTML使用标签来描述网页。

4.HTML文档结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>css样式优先级</title>
</head>
<body>

</body>
</html>
  1. <!DOCTYPE html>声明为HTML5文档。
  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">。

5.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样式）

6.HTML注释

<!---注释的内容-->

7.<!DOCTYPE>标签

<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。

8.HTML常用标签

　　head内常用标签

标签　 意义
<title></title> 定义网页标题
<style><style/> 定义内部样式表
<script></script> 定义JS代码或引入外部JS文件
<link/> 引入外部样式表文件
<meta/> 定义网页原信息
posted @ 2018-03-22 11:00  sysgit  阅读(147)  评论(0)    收藏  举报