网页基本结构
声明这是html5的网页
<!DOCTYPE html>
写在head中，告诉浏览器用utf8解码
<meta charset="UTF-8">
指定网页的语言
<html lang="zh-CN">
h1到h6 标题标签（h1到h6不能互相嵌套）
<h1>sdds</h1>
p 段落标签
<P>111</P>
hn （1-6）标题 p 段落 div 没有任何含义，用于整体布局（生活中的包装袋）
- h1最好写一个，h2~h6能适当多写。
- h1~h6不能互相嵌套，如果嵌套，浏览器会处理为平级关系
- p标签很特殊，里面不能有hn、p、div标签
语义化标签
- 概念：用特定的标签，去表达特定的含义。
- 原则：标签的默认效果不重要（后期可以通过css随便控制效果），语义最重要！
- 举例：对于h1标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。
- 优势：
- 代码结构清晰可读性强。
- 有利于SEO（搜索引擎优化）。
- 方便设备解析（如屏幕阅读器、盲人阅读器等）。
vscode快捷键
alt+shift+下 向下复制一行代码
vscode快速删除一行 shift+ctrl+k
vscode格式化代码 shift+alt+f
选中代码 tab：往右移 shift+tab：往左移
块级元素和行内元素
- 特点：块级元素独占一行，行内元素不独占一行
- 规则：
- 块级元素中能写：行内元素、块级元素（几乎什么都能写）
- 行内元素中能写：行内元素，但不能写块级元素
- p标签不能写块元素
- marquee元素的设计初衷是：让文字有动画效果，但如今我们可以通过css来实现了，而且还可以实现的更加炫酷，所以marquee标签过时了（废弃了），不推荐使用。
文本标签
- 用于包裹：词汇、短语等。
- 通常写在排版标签里面。
- 排版标签更宏观（大段的文字），文本标签更微观（词汇、词语）。
- 文本标签通常都是行内元素。
- em 要着重阅读的内容
- strong 十分重要的内容（语气比em要强）
- span 没有语义，用于包裹短语的通用容器
图片标签
<img src="Weixin Image_20231202203043.jpg" alt="1111" width="500">
scr:图片路径 alt:图片描述 width：宽度 一般是正比例对应的
当图片无法展示的时候，会显示alt属性的值。
8938
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
