|
HBuilder & 浏览器 上一节里我们讲了网页为什么叫做HTML。那么接下来我来教你如何真正的编写一个网页，在开始之前呢，你还要先做一些准备工作。首先，你需要安装一个代码编写工具。 常见的代码工具有：
这里推荐使用HBuilderX，当然用其他的也可以，但是因为从软件的用户体验上来讲，跟市面上的这些软件比起来。确实比较简单，比较好用，这个软件的体积非常的小，大概只有十几MB，也不需要你安装，你只需要下载下来解压就可以使用。尤其对初学者来讲，这个软件几乎不需要什么学习成本，就可以快速的掌握它。 这里我给你提供了下载地址，可以复制到浏览器中，等下载好后我们再来继续： https://www./hbuilderx.html 安装好开发工具以后，我们还需要安装chrome谷歌浏览器来配合软件的使用，可以更直观的看出我们写出代码的效果。下面是下载地址： https://www.google.cn/chrome/ 将下载好的Hbuilder解压到了我的桌面上，然后我现在把它双击打开即可。第一次打开这个软件呢，你会看到这样的界面 没关系，我把这个文件先关闭掉，这时我们可以点击这里来进行新建一个项目。 新建项目其实就是新建一个文件夹，我在这里先填写一个项目的名称，我管他叫HTMLCSS。然后我选择在D盘的workspace这个目录下，如果你想更换目录，你可以点击浏览去更换一个目录。
创建好以后，往这里就得到了一个空的项目，有三个空的文件夹和一个模板的页面。
现在你就可以在这个空的页面上来编写我们代码了，我们测试一下：
当我们编写完成之后，怎么来测试呢？我们可以点击这里。即在浏览器的运行，旁边选择chrome
再看我们已经看到了这个效果，这是说明现在已经可以了。
这里提醒你一下，第一次运行网页的时候打开的速度会比较慢，因为去标准会去自动下载一些插件，你要耐心的等一等。我们现在所使用的网页的版本是HTML5.0的版本，我们简称为H5跟HTML 4.0的版本比起来，他们中间相隔了很多年，所以5.0是一个重大的版本更新，它增加了很多新的内容，这些内容我会在后续的课程当中，给你一一的介绍。对于初学者来讲，有一件事情你要格外的注意，那就是写代码的时候一定要有缩进，就像我们小时候写作文，开头时一定要空两格，那什么时候使用缩进呢，规则也非常简单，就是每当一个标签或者内容出现在了另外一个标签的内部。也就是出现了嵌套结果的时候，也就是<></>，那你就要使用缩进了，你跟这里就是一个典型的缩进，包括下面这些地方
全部都是缩减这些缩进并。不是用空格敲出来的，而是用键盘上的tab键，刚开始学的时候很容易犯一个错误，那就是把代码写成这个样子。
你应该不会认为这样写很好看吧，如果你坚持觉得。我建议你要去看医生吧，千万不要放弃治疗哈，希望你的写代码的时候不要犯这样的错误。 网页的基本结构 首先呢，网页的开头一定要写上这样一句话<!DOCTYPE html>，这句话是所有网页固定的写法，还必须写在开头，它的作用是告诉浏览器当前这个网页使用了H5的标准。 然后，网页的正文内容，他大致分为两个部分：第一部分是，网页的头部head标签这里是对网页的整体说明，包括网页的标题，使用的字符集等等；第二部分是网页的主体内容body标签，这里存放的就是你在网页上显示的主要内容。你在网页上能看到的效果全部都是要写在这里了。
现在你可以打开你的工具，做一个简单的练习，消化一下本节所学内容。 下一小节，我们编写真正的网页！ ---web分享，分享的不只是web |
|
|
来自： AnXuelin295 > 《HTML+CSS》
