HTML语法思维导图

子主题 1

1. 快速生成标签：英文 + tab 2. 保存文件： ctrl + s •注意1：写完文件之后务必需要保存文件，否则网页无变化 •注意2：可以设置自动保存省去每次保存的麻烦 3. 快速查看网页效果：右击 → Open in Default Browser •快捷键： alt + b •注意： 必须安装了open in browser 插件 4. 快速生成结构标签： ! + tab •注意1：!必须是英文的，中文!无效 •注意2：必须保证当前文件后缀名是.html，否则无效 •VS Code自动生成的骨架多了其他标签，之后会介绍

Web标准提出的最佳体验方案：结构、样式、行为相分离。 简单理解：结构写到HTML文件中，表现写到CSS 文件中，行为写到JavaScript 文件中。

网页中也是存在固定的结构的， 如：整体、头部、标题、主体 网页中的固定结构是要通过特点的 HTML标签 进行描述的

网页中也是存在固定的结构的， 如：整体、头部、标题、主体 网页中的固定结构是要通过特点的 HTML标签 进行描述的

网页中也是存在固定的结构的， 如：整体、头部、标题、主体 网页中的固定结构是要通过特点的 HTML标签 进行描述的

•结构： HTML → 页面元素 •表现： CSS → 页面样式 •行为： JavaScript → 页面交互的动态效果

html标签：网页的整体 •head标签：网页的头部 •body标签：网页的身体 •title标签：网页的标题

•h1标签： 一级标题 •h2标签：二级标题 •h3标签：三级标题 •h4标签：四级标题 •h5标签：五级标题 •h6标签：六级标题

src 指定需要展示图片的路径 alt 替换文本，当图片加载失败时，才显示的文字 title 提示文本，当鼠标悬停时，才显示的文字 width 图片的宽度 height 图片的高度