1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 【Web前端初学笔记】②HTML基本结构标签 VSCode工具创建页面 网页开发工具

【Web前端初学笔记】②HTML基本结构标签 VSCode工具创建页面 网页开发工具

时间:2020-06-10 22:13:38

相关推荐

【Web前端初学笔记】②HTML基本结构标签 VSCode工具创建页面 网页开发工具

文章目录

一、HTML基本结构标签二、VSCode工具创建页面三、网页开发工具1. 基本骨架2. 文档类型声明标签3. lang语言种类4. 字符集 `Character set`

一、HTML基本结构标签

每个网页都有一个基本的结构标签(又称为骨架便签),页面内容也是在这些基本标签上书写

二、VSCode工具创建页面

新建文件**Ctrl + N**

保存**Ctrl + S**

放大缩小视图Ctrl +Ctrl -

生成页面骨架!+ Tab

利用插件open in brower在浏览器打开预览页面,快捷键Alt + B

Auto Rename Tag

CSS Peek

三、网页开发工具

1. 基本骨架

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>

2. 文档类型声明标签

告诉浏览器是用哪个版本的HTML来显示网页

一定要处于文档最前面

不是HTML标签,而是文档类型声明标签

<!DOCTYPE html> # html即HTML5版本

3. lang语言种类

用来定义当前文档显示的语言简单来说就是en为英文网站,zh-CH为中文网页但对于文档显示而言,定义为en的也可以显示中文,zh-CN也可以显示英文

<html lang="en"> # en代表英文,zh-CN代表中文

4. 字符集Character set

在head标签内规定规定HTML文档使用哪种字符编码charset常用的值有:GB2312、BIG5、GBK和UTF-8,UTF-8为万国码,基本包含全世界所有国家需要用到的字符

<meta charset="UTF-8">

笔记学习地址:/video/av80149248

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。