HTML基础知识（2）

zhuim521 • 2022-02-13 • HTML

2.1.1 HTML的概念

➢ HTML（Hyper Text Markup Language）中文译为：超文本标记语言
➢ 专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述

2.2.1 HTML页面固定结构

<html>
    <head>
       <title>网页的标题</title>
    </head>
      <body>
            主体的内容
       <body>
</html>

➢ HTML骨架结构由哪些标签组成？
• html标签：网页的整体
• head标签：网页的头部
• body标签：网页的身体
• title标签：网页的标

2.3.1 为什么要使用 VS Code？

➢ 刚刚通过文本编辑器，如：记事本，完全可以编写网页源代码
➢ 但是效率……不忍直视
➢ 实际开发中，注重开发的 效率和便捷性 ，因此我们会使用一些开发工具
➢ 开发工具有很多： Visual Studio Code 、 Webstorm 、 Sublime 、Dreamweaver、 Hbuilder
➢ 前端开发神器：VS Code → 速度快、体积小、插件多

2.3.2 VS Code的基本快捷键

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

5. 快速复制一整行：ctrl + c
6. 快速粘贴一整行：ctrl + v
7. 快速删除（剪切）一整行：ctrl + x

8.同文字修改：ctrl +d+d

9.回退一个tab：tab+shift

 

版权声明：
作者：zhuim521
链接：https://zhuimwl.com/22.html
来源：追梦博客
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
HTML基础知识（2）
2.1.1 HTML的概念 ➢ HTML（Hyper Text Markup Language）中文译为：超文本标记语言 ➢ 专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、……
<<上一篇
下一篇>>