<html>
<head>
<title>1024程序员节快乐<title>
</head>
<body>
代码敲烂,工资过万
</body>
</html>
由上述代码可知:
标签名 | 定义 | 说明 | |
HTML 标签 | 页面中最大的标签,我们称为根标签 | ||
文档的头部 | 注意在head标签中我们必须要设置的标签的title | ||
文档的标题 | 让页面拥有一个属于自己的网页标题 | ||
文档的主体 | 元素包含文档的所有内容,页面内容基本都是放到body里面的 |
那么我们可以来演示一遍
2.HTML基本结构总结
三、网页开发工具
常见的网站建设工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等,其实都大差不差,只要你会运用都是可以的。可以用Dreamweaver我前面发的文章有讲http://t.csdn.cn/MwxEj ,也可以用现在大家经常用的Visual Studio Code。
1.Visual Studio Code的下载及安装
(1)下载去这里https://code.visualstudio.com/Download,根据你电脑的系统,选择版本进行下载。
(2)下载好之后,进行一系列的安装,如下图所示:
(a)首先选择我同意此协议
(b)接着安装到自己想要的盘里,最好不要安装到C盘
(c)红色的建议我们勾选,橙色的不建议勾选,想勾选也可以
(d)选择好之后点击下一步
(e)点击安装
(f)安装成功
(g)我们双击桌面打开软件,选择中文安装包
(h)再次重启,就可以了
2.Visual Studio Code的使用
(1)首先我们可以点击文件窗口然后新建文件,也可以直接在界面上点击新建文件,接着文件建好之后要先保存,保存也可以在文件窗口中找到。文件一点要保存为.html网页格式
(2)那么我们就开始敲代码之路了,首先我们看到的是没有任何单词,一个一个写很费事,那么有了开发工具,我们就可以输入一个感叹号,注意是英文状态下输入,然后选择第一个感叹号。
(3)这样我们的HTML基本骨架就已经形成了,就可以写想要的内容了
(4)我们可以尝试尝试 建立网页
(5)建立好之后,可以点击右键,然后用浏览器预览,也可以使用快捷键。浏览器的插件要在扩展中下载。当然后续如果需要什么插件,都可以这样下载,下载之后要记得重启一下。
(6)我们就可以看到我们所创建的网页了啦
3.使用VS Code的快捷键
(1)双击可以打开软件。
(2)新建文件夹(ctrl+n) 。
(3)保存(ctrl+s),注意移动要保存为.html文件。
(4)ctrl+加号键,ctrl+减号键,放大或缩小视图界面。
(5)生成页面的骨架结构,用英文状态下输入感叹号。
(6)利用鼠标右键可以很快点击浏览器预览。
4.VS Code插件安装
推荐安装的插件,仅供参考,安装好之后记得重启一下。
插件 | 作用 |
Chinese(Simplifed)Language Pack for VS Code | 中文(简体)语言包 |
Open in Browser | 鼠标右击选择浏览器打开html文件 |
JS-CSS-HTML Formatter | 每次保存,都会自动格式化js css 和html代码 |
Auto Rename Tag | 自动重命名配对的HTML/XML标签 |
CSS Peek | 追踪至样式 |
好啦,今天就到这里,下次再更~
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新