Geeks_Z の Blog Geeks_Z の Blog
首页
  • 学习笔记

    • 《HTML》
    • 《CSS》
    • 《JavaWeb》
    • 《Vue》
  • 后端文章

    • Linux
    • Maven
    • 汇编语言
    • 软件工程
    • 计算机网络概述
    • Conda
    • Pip
    • Shell
    • SSH
    • Mac快捷键
    • Zotero
  • 学习笔记

    • 《数据结构与算法》
    • 《算法设计与分析》
    • 《Spring》
    • 《SpringMVC》
    • 《SpringBoot》
    • 《SpringCloud》
    • 《Nginx》
  • 深度学习文章
  • 学习笔记

    • 《PyTorch》
    • 《ReinforementLearning》
    • 《MetaLearning》
  • 学习笔记

    • 《高等数学》
    • 《线性代数》
    • 《概率论与数理统计》
  • 增量学习
  • 哈希学习
GitHub (opens new window)

Geeks_Z

AI小学生
首页
  • 学习笔记

    • 《HTML》
    • 《CSS》
    • 《JavaWeb》
    • 《Vue》
  • 后端文章

    • Linux
    • Maven
    • 汇编语言
    • 软件工程
    • 计算机网络概述
    • Conda
    • Pip
    • Shell
    • SSH
    • Mac快捷键
    • Zotero
  • 学习笔记

    • 《数据结构与算法》
    • 《算法设计与分析》
    • 《Spring》
    • 《SpringMVC》
    • 《SpringBoot》
    • 《SpringCloud》
    • 《Nginx》
  • 深度学习文章
  • 学习笔记

    • 《PyTorch》
    • 《ReinforementLearning》
    • 《MetaLearning》
  • 学习笔记

    • 《高等数学》
    • 《线性代数》
    • 《概率论与数理统计》
  • 增量学习
  • 哈希学习
GitHub (opens new window)
  • Linux

  • Java

  • 微服务笔记

  • MySQL

  • Nginx

  • HTML

    • HTML概述
      • Web 概述
        • Web 工作流程
        • Web 基本结构和原理
        • 浏览器内核分类
        • Web 标准构成
        • HTML 开发工具
      • HTML 基本骨架
        • charset(字符编码集)
    • HTML标签
    • HTML5新标签及新特性
  • CSS

  • JavaWeb

  • Vue

  • Git

  • 开发规范

  • SpringCloud微服务权限系统

  • bug

  • Software

  • ProgramNotes
  • HTML
Geeks_Z
2022-10-26
目录

HTML概述

Web 概述

  1. url 统一资源定位符 定位资源
  2. http 超文本传输协议 传输资源
  3. html 超文本标记语言 显示资源

Web 工作流程

2-1-网络工作的基本流程

Web 基本结构和原理

2-2-基本架构

浏览器内核分类

  • Trident——IE/Edge 浏览器使用
  • Gecko——火狐浏览器使用
  • Webkit——safari 浏览器使用
  • Chromium/Blink——Chrome 浏览器使用
  • Presto——Opera 浏览器使用(新版 Opera 已经使用 Blink 内核)

Web 标准构成

Web 标准是由 W3C 及其他标准化资质制定的标准集合。包括:结构(Structure)、表现(Presentation)、行为(Behavior)

  • 结构标准:用于对网页元素进行整理和分类,包括 xml、xhtml 两部分
  • 样式标准:用于设置网页元素的版式、颜色、大小等外观,主要指 Css
  • 行为标准:网页模型的定义及交互的编写。包括 DOM 和 ECMAScript 两部分

所以,理想状态下,一个网页的源码中需要包含:.html、.css、.js

HTML 开发工具

  • Dreamweaver、Sublime、WebStorm、HBuilder、Visual Studio Code

HTML 基本骨架

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <body></body>
</html>
1
2
3
4
5
6
7
8

注意:

head 中一般存放和页面显示无关的内容

body 中一般存放页面显示的内容

html 语言是不区分大小写的语言。

html 的属性写法,写在标签中 属性名=值 ,值是可以用双引号,也可以用单引号或者不写,注意如果不写后面一定要加一个空格。

<!DOCTYPE>

<!DOCTYPE> 位于文档的最前面,用于向浏览器说明当前 .html 文件使用的是哪种 HTML 或者 XHTML 标准规范。浏览器会按照此处指定的规范对 html 文件进行解析。

HTML5 可以向下兼容,所以,现在直接指定为<!DOCTYPE html>即可。

charset(字符编码集)

  • GB2312:简体中文字符集,含 6763 个常用汉字
  • BIG5:繁体中文,港澳台地区使用
  • GBK:含全部中文字符,是对 GB2312 的扩展,支持繁体字
  • UTF-8:支持中文和英文等,是最常用的字符集
#HTML
上次更新: 2025/02/26, 08:57:57
扩容
HTML标签

← 扩容 HTML标签→

最近更新
01
RAIL
02-26
02
IOCTF
02-25
03
DGM
02-25
更多文章>
Theme by Vdoing | Copyright © 2022-2025 Geeks_Z | MIT License
京公网安备 11010802040735号 | 京ICP备2022029989号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式