学习HTML5之前，我们需要准备那些工作呢？

最新推荐文章于 2020-03-27 17:22:30 发布

sxysoft_csdn

最新推荐文章于 2020-03-27 17:22:30 发布

阅读量327

点赞数 1

文章标签： HTML5 H5 HTML web前端 CSS

原文链接：http://www.xinbiancheng.cn/htmlvideo

版权

学习要点：

本章主要讲在学习 HTML5 之前做那些准备工作

安装软件我建议大家去官方网站下载安装

一．安装Chrome 谷歌浏览器(Google Chrome)

https://www.google.cn/chrome/index.html
在这里插入图片描述

为什么用google的 Chrome浏览器?

主要是为了后面调试网页做准备：

下面演示一下相关网站的调试。

打开相关网站调试有两种方法：

第一、在网站上点击右键
在这里插入图片描述
再点击“检查”菜单，就可以调试网页程序了。

第二、直接通过按 F12 这键也会出现网站调式的窗口。

二．安装Firefox 火狐浏览器
https://www.firefox.com.cn
在这里插入图片描述

三．有google浏览器调试网页，为什么还要安装Firefox火狐浏览器呢？

火狐浏览器有强大的截取网页屏幕的能力。

下面我给大家做一个演示：

1、打开火狐浏览器，输入网址点击下面圈起的小图标，就会听到咔嚓一声，证明图就截取出来了。
在这里插入图片描述
2、点击保存这个图标

四．安Sublime Text安装及使用演示

https://www.sublimetext.com
在这里插入图片描述

编写HTML有两种方式：

第一种方式：

点击File（文件）菜单>接着点击New File（新建文件）>再接着点击save(保存),保存的时候一定要特别注文件的后缀名一定要是.html,保存完之后就可以开始开发我们的HTML5的程序了。

在这里插入图片描述

第二种方式:

点击右下角的在这里插入图片描述，弹出菜单，点击html,点击完成这后将看到，这个时候就可以开始开发我们的HTML5的程序了。

tab键在这里插入图片描述

自动产生代码的两种方法：

第一、在编辑框中输入：<h 两个字母后再按一下键盘上的Tab键

第二、在编辑框中输入：html:5 接着再按一下Tab键

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

    <title></title>

</head>

<body>

</body>

</html>

显示如下：

关注