HTML基础知识
一、web标准
构成：结构（structure）、表现（presentation)和行为（behavior）
1、结构：用于对网页元素进行整理和分类，主要学的是HTML
2、表现：用于设计网页元素的版式、颜色、大小等外观样式，主要指的是css
3、行为：指网页模型的定义及交互的编写，主要学的是JavaScript
二、HTML
1、含义：HTML指的是超文本标记语言，是用来描述网页的一种语言
2、我们学习html标签描述网页元素，比如图片标签、文字标签，链接标签等等
3、标签有自己的语法规范，所有的html标签都是用<>表示的
4、H（很）T（甜）M（蜜）L（啦）是很快乐的一件事
三、HTML骨架
<html>
<head>
<title>标题</title>
</head>
<body>
主题内容
</body>
</html>
四、HTML元素标签分类
1、常规元素（双标签） 如<body>文字</body>
2、空标签（单标签）如<br/>
五、HTML标签关系
1、嵌套关系（包含关系、父子关系）
<head>
<title></title>
</head>
倡议：如果两个标签是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格），如果是并列关系，最好上下对齐
2、并列关系（兄弟关系）
<head></head>
<body></body>
六、文档类型<!DOCTYPE>
1、<!DOCTYPE>位于文档中最前面的位置，处于<html>标签之前，此标签可告知浏览器文档使用哪种HTML或XHTML规范
2、<!DOCTYPE html>就是告诉浏览器按照HTML5规范解析页面
3、html文件必需加上 DOCTYPE 声明
七、页面语言lang
<html lang=''en''> 指定 html 种类（指定该html标签内容所用语言为英语)
1、en 定义语言为英语（en即English的简写）
2、zh-CN 定义语言为中文（zh即zhong的简写，CN即Chinese的简写）
八、字符集
<meta charset=''UTF-8'' />这句话是让 html 文件以 UTF-8 编码保存的，浏览器根据编码去解码对应的html内容
1、字符集（character set）是多个字符的集合
2、计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和储存各种文字
3、常用字符集编码方式
①GB2312 简单中文 包括6763个汉字（guo biao 即国家标准的意思）
②BIG5 繁体中文 港澳台等用
③GBK包括全部中文字符 是GB2312的拓展，加入对繁体字的支持，兼容GB2312
④UTF-8则基本包含全世界所有国家需要用到的字符（最常用）
4、这句代码非常关键，是必须要写的代码，否则可能引起乱码的情况
<!DOCTYPE html>
<html lang=''zh-CN''>
<head>
<meta charset=''UTF-8'' >
<title>Document</title>
</head>
<body>
你好吗
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」