HTML语法思维导图

U777834820

2024-09-19

浏览量: 83

HTML语法

编程语法

语法知识

语法介绍

简介，语法初识，快捷键介绍等内容讲解

树图思维导图提供《HTML语法》在线思维导图免费制作，点击“编辑”按钮，可对《HTML语法》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：911d6ec52c951b8af704e21fcbb8eb06

思维导图大纲

相关思维导图模版

HTML语法思维导图模板大纲

简介

浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari 和Opera 等。平时称为五大浏览器。

子主题 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 图片的高度

快捷键

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

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

子主题 2

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

查看更多

Java基础思维导图

树图思维导图提供《Java基础思维导图》在线思维导图免费制作，点击“编辑”按钮，可对《Java基础思维导图》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：61ba3e6091b2775461ca310c76669229

Java基础思维导图

语法填空纯空格思维导图

树图思维导图提供《语法填空纯空格》在线思维导图免费制作，点击“编辑”按钮，可对《语法填空纯空格》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：be024c6b3aa828baef5aec76137c1e7e

语法填空纯空格

思维导图模板

正文

相似思维导图模版

QQ音乐APP功能分解思维导图

2023-12-20 11:59:40

QQ音乐APP功能分解

SQL数据库思维脑图思维导图

2024-03-13 16:52:24

SQL数据库思维脑图

免费ARP思维导图

2023-09-22 08:39:24

免费ARP

ASP.NETWeb学习思维导图

2023-08-16 08:13:28

ASP.NETWeb学习思维导图

角色游戏思维脑图思维导图

2024-06-11 18:26:47

角色游戏思维脑图

外卖飞侠思维导图

2023-11-27 21:24:24

外卖飞侠

思维导图模版推荐

蛋白质思维脑图思维导图

2024-09-19 22:30:52

蛋白质思维脑图

世界现代设计史思维导图

2024-09-19 20:53:14

世界现代设计史

第一章总论思维导图

2024-09-20 07:26:28

第一章总论

CPU与信创CPU的关系思维导图

2024-09-20 08:39:08

CPU与信创CPU的关系

临床表现思维导图

2024-09-19 21:48:44

临床表现

偏执性精神障碍思维导图

2024-09-19 21:35:22

偏执性精神障碍

首页

我的文件

我的团队

个人中心