这篇博客介绍了HTML的基础知识，包括网页的构成、HTML的定义、浏览器与Web标准的概念，以及HTML的发展历程。详细讲解了HTML的常用标签，如标题、段落、图像、链接、表格和表单等，并探讨了VSCode的高效使用技巧，如骨架标签生成、代码格式化和快捷键操作。此外，还提及了HTML文档声明、语言种类、字符集等关键元素的设置方法。
网页
构成网站的基本元素，通常由图片、链接、文字、声音、视频等元素组成
什么是Html
超文本（超越文本限制、超级链接文本）标记语言（是一套标记标签），描述网页的一种语言
网页的形成
由网页元素组成，这些元素是由html标签描述出来，通过浏览器解析来显示给用户的
浏览器
浏览器：网页显示、运行的平台
浏览器内核：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
Web标准
Web标准是由W3C组织和其他标准化组织制订的一系列标准的集合
W3C（万维网联盟）国际著名的标准化组织
浏览器不同，显示页面或者排版会有差异，就需要Web标准
结构和表现标准是w3C万维网联盟
行为标准是ECMA欧洲电脑厂商联合会
web标准构成
结构 html（超文本标记语言）(hyper text markup language)
表现 css（层叠样式表）（cascding style sheet）
行为 Javascript 三方面
web标准提出的最佳体验方式：结构、样式、行为相分离
html 相关发展
xhtml 可扩展的超文本标记语言
xhtml1.0 语法要求更加严格（标签不可以大写，单标签必须闭合< br/>)
html2.0 不向前兼容，出生就死掉了
html5 2004提出草案 2008年正式发布
html5 基本结构更简洁 语法宽松（大小写随意，标签可以不闭合)
html4----xhtml1.0----xhtml2.0----html5
Html基本结构标签（骨架标签）
<html>（跟标签）
<head>（文档头部，必须要设置的标签是title）
<title></title>（文档标题，网页标题）
</head>
<body>（文档主体，放页面内容）
</body>
</html>
vscode基本使用
- ctrl＋n 新建文件
- 保存文档并加尾缀 .html
- ctrl＋加号键 放大视图
- ! 生成骨架
- alt＋B 打开浏览器
- F5 刷新
- F2 重命名
- ctrl + O 打开
- shift + alt+ A 局部注释
- shift + alt + F 自动调节格式
- alt + Z 自动换行
- Ctrl + b 打开侧边栏
- shift + 方向键 选中文本
- ctrl + 左右键 光标定位到单词首/末
- Fn + end 光标定位到文本首/末
- Ctrl+Z 撤销
- Ctrl+shift+Z 反回撤销
- Ctrl+F 查找
- alt + 上下键 上下换位置
- Ctrl+Shift+K：删除行
VSCode工具生成骨架标签新增代码
< !DOCTYPE >
文档声明标签，告诉浏览器使用哪种HTML版本来显示网页，位于文档最前面位置，处于标签之前。
< !DOCTYPE html > html5 版本
lang 语言种类
-
en 定义语言为英语
-
zh-CN 中文
字符集
多个字符的集合，charset属性规定html文档字符编码
< meta charset=“UTF-8”/ >
charset 常用值：GB2312（简体中），BIG5（繁体中），GBK（简，繁体中），UTF-8(万国码)
HTML 常用标签
标题标签
< h1 > - < h6 > 重要性递减
<h1> 一级标签 </h1>
段落标签
< p > 段落 < /p >
特点：根据浏览器窗口的大小自动换行，段落之间有空隙
paragraph 的缩写
换行标签
< br / > 单标签
特点：开始新的一行，无缝隙
b,i,u,sub
加粗：< strong > < /strong > 强调突出语义
< b > < /b > 单纯加粗
倾斜：< em > < /em >
< i > < /i >
删除线：< del > < /del >
< s > < /s >
下划线：< ins > < /ins >
< u > < /u >
上标：< sup> < /sup>
下标：< sub> < /sub>
水平线：< hr/>
<hr size="5px" width="100px">
可以相互嵌套，不分优先级
font 修饰文本标签
<p><font color="red">红色</font></p>
<p><font color="red" size="5" 
最低0.47元/天 解锁文章
扫一扫
365
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
