前端学习【第一篇】： HTML内容

内容概要：

HTML介绍
常用标签介绍

一. HTML介绍

web服务的本质

#!/usr/bin/env python3
# _*_ coding:utf-8 _*_
import socket


sk = socket.socket()

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

while True:
    conn, addr = sk.accept()
    data = conn.recv(1024)
    conn.send(b"HTTP/1.1 200 OK\r\n\r\n")
    conn.send(b"<h1>Hello world!</hi>")
    conn.close()

浏览器作为socket client，访问socket server

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

HTML是什么？

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

HTML文档结构

HTML的结构：

声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。是HTML5标准。
head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
body部分：我们所写的代码必须放在此标签內。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>css样式优先级</title>  # 网页标题,在浏览器标题栏显示
</head>
<body>
　　网页主题内容
</body>
</html>

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常用标签

优质内容筛选与推荐>>
1、STL map 用法
2、设计模式--依然创建者
3、CSS前端基础应用实践
4、eas之设置单元格可编辑
5、Eclipse svn账户注销清除

0 │ 收藏 │ 举报