一、安装ide-vscode
- 下载&安装vscode;
- 安装必要插件;
①点击扩展搜索并安装chinese 功能:对系统进行“汉化”;
②点击扩展搜索并安装open in browser 功能:右键选择在浏览器中打开HTML文件;
③点击扩展搜索并安装Auto Renname Tag 功能:自动重命名配对的HTML/XML标签;
④点击扩展搜索并安装CSS Peek 功能:追踪至样式;
二、了解WEB标准:
1.结构(structure)html_用于对网页元素进行整理分类,通俗来说相当于盖房子的打框架;
2.表现(presentation)css_设置网页元素的外观样式,相当于装修房屋;
3.行为(Behavior)javascript_网页模型的定义及交互的编写,相当于只能家电让房屋可以与主人互动;
三、使用快捷键“!+Tab” 快速创建HTML5框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
留言评论
暂无留言