HTML语法思维导图

U777834820

2024-09-19

浏览量: 15

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 → 页面交互的动态效果

查看更多

信息技术赋能的高中英语作业设计思维导图

树图思维导图提供《信息技术赋能的高中英语作业设计》在线思维导图免费制作，点击“编辑”按钮，可对《信息技术赋能的高中英语作业设计》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：7d2d81da98a0c8f7c260a15e02f960c3

信息技术赋能的高中英语作业设计

文史基础思维导图

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

文史基础思维导图

思维导图模板

正文

相似思维导图模版

奶茶APP功能模块图思维导图

2024-03-13 13:06:40

奶茶APP功能模块图

鲜花商城用户功能思维导图

2024-06-22 17:30:16

鲜花商城用户功能思维导图

大模型应用：Langchain思维导图

2024-08-12 06:08:51

大模型应用：Langchain

wifi和zigbee的优缺点对比思维导图

2024-02-02 14:09:19

wifi和zigbee的优缺点对比

AI人工智能原理和项目实战思维导图

2024-03-29 16:03:15

AI人工智能原理和项目实战

数值类型思维导图

2024-09-17 22:46:24

数值类型

思维导图模版推荐

蛋白质思维脑图思维导图

2024-09-19 22:30:52

蛋白质思维脑图

第一章总论思维导图

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

偏执性精神障碍

世界现代设计史思维导图

2024-09-19 20:53:14

世界现代设计史

首页

我的文件

我的团队

个人中心