HTML基础知识(2)
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
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论