当前位置: 首页 > news >正文

网站建设网站公司品牌运营中心

网站建设网站公司,品牌运营中心,网站地图怎么做,独立主机 网站搬家HBuilder & 浏览器 上一节里我们讲了网页为什么叫做HTML。那么接下来我来教你如何真正的编写一个网页,在开始之前呢,你还要先做一些准备工作。首先,你需要安装一个代码编写工具。常见的代码工具有:HbuilderXDreamweaverVSCod…

8c0bfcb55dd3f2580737f5249ae23c1c.gif

  HBuilder & 浏览器  

上一节里我们讲了网页为什么叫做HTML。那么接下来我来教你如何真正的编写一个网页,在开始之前呢,你还要先做一些准备工作。首先,你需要安装一个代码编写工具。

常见的代码工具有:

HbuilderX

ce2799f4410e7e555d949d25552d7bbe.png

Dreamweaver

34212dcd8d49aa01c13b3b48fa00abb4.png

VSCode

56052c56fa65d59cafd0209c32607e4d.png

Sublime  Text

f750b7834202d06a0c91a3131b07e4e0.png

WebStorm

f102b7537a1e70f7728c129ef8a95cc8.png

Atom

35fa709a81ac8ce6fba219db413938a1.png

这里推荐使用HBuilderX,当然用其他的也可以,但是因为从软件的用户体验上来讲,跟市面上的这些软件比起来。确实比较简单,比较好用,这个软件的体积非常的小,大概只有十几MB,也不需要你安装,你只需要下载下来解压就可以使用。尤其对初学者来讲,这个软件几乎不需要什么学习成本,就可以快速的掌握它。

 这里我给你提供了下载地址,可以复制到浏览器中,等下载好后我们再来继续:

https://www.dcloud.io/hbuilderx.html

安装好开发工具以后,我们还需要安装chrome谷歌浏览器来配合软件的使用,可以更直观的看出我们写出代码的效果。下面是下载地址:

https://www.google.cn/chrome/

 ae618d491636561c97e9c10cc6261b38.gif

将下载好的Hbuilder解压到了我的桌面上,然后我现在把它双击打开即可。第一次打开这个软件呢,你会看到这样的界面

4053133ce6010dfdbb33d8fc4952569f.png

没关系,我把这个文件先关闭掉,这时我们可以点击这里来进行新建一个项目。

7e8c6a9af71c07f1f8b2f85b118e3666.png

新建项目其实就是新建一个文件夹,我在这里先填写一个项目的名称,我管他叫HTMLCSS。然后我选择在D盘的workspace这个目录下,如果你想更换目录,你可以点击浏览去更换一个目录。

8175393630e25156c2392b264fba8ab3.png

创建好以后,往这里就得到了一个空的项目,有三个空的文件夹和一个模板的页面。

df481f4e79771b93871da0fa7fabb288.png

现在你就可以在这个空的页面上来编写我们代码了,我们测试一下:

5cf1066bd1ac944c7d8014ac5afb8f02.png

当我们编写完成之后,怎么来测试呢?我们可以点击这里。即在浏览器的运行,旁边选择chrome

6545978b4139239b3ec4c6428184145d.png

再看我们已经看到了这个效果,这是说明现在已经可以了。

bb0333fd13632286ee27a07519a2a4c0.png

这里提醒你一下,第一次运行网页的时候打开的速度会比较慢,因为去标准会去自动下载一些插件,你要耐心的等一等。我们现在所使用的网页的版本是HTML5.0的版本,我们简称为H5跟HTML 4.0的版本比起来,他们中间相隔了很多年,所以5.0是一个重大的版本更新,它增加了很多新的内容,这些内容我会在后续的课程当中,给你一一的介绍。对于初学者来讲,有一件事情你要格外的注意,那就是写代码的时候一定要有缩进,就像我们小时候写作文,开头时一定要空两格,那什么时候使用缩进呢,规则也非常简单,就是每当一个标签或者内容出现在了另外一个标签的内部。也就是出现了嵌套结果的时候,也就是<>>,那你就要使用缩进了,你跟这里就是一个典型的缩进,包括下面这些地方

01392f4d4b5e91cf64422c379a298311.png

全部都是缩减这些缩进并。不是用空格敲出来的,而是用键盘上的tab键,刚开始学的时候很容易犯一个错误,那就是把代码写成这个样子。

709f42e76302851f8ff0b1fd87d3532a.png

你应该不会认为这样写很好看吧,如果你坚持觉得。我建议你要去看医生吧,千万不要放弃治疗哈,希望你的写代码的时候不要犯这样的错误。

  网页的基本结构  

首先呢,网页的开头一定要写上这样一句话,这句话是所有网页固定的写法,还必须写在开头,它的作用是告诉浏览器当前这个网页使用了H5的标准。

然后,网页的正文内容,他大致分为两个部分:第一部分是,网页的头部head标签这里是对网页的整体说明,包括网页的标题,使用的字符集等等;第二部分是网页的主体内容body标签,这里存放的就是你在网页上显示的主要内容。你在网页上能看到的效果全部都是要写在这里了。

f51d0aaeba25951902d02b1e929626bb.png

现在你可以打开你的工具,做一个简单的练习,消化一下本节所学内容。

下一小节,我们编写真正的网页!


1147b07e54c303418ede1916eb5db559.png

web分享,分享的不只是web

http://www.wooajung.com/news/33717.html

相关文章:

  • 建设一个网站要钱吗内容营销案例
  • 网站数据库在空间吗免费的自助建站
  • tp 网站建设源码seo页面优化的方法
  • 买权重网站网站优化资源
  • 搜了网的免费b2b网站口碑营销的例子
  • 网站建设的总体设计思想app推广方案范例
  • wordpress个性登录seo快排
  • 堆龙德庆网站建设拍照搜索百度识图
  • 建设银行网站最近打不开吗优化软件刷排名seo
  • 做旅游网站怎么样5188关键词挖掘工具
  • 武汉网站建设设计百度seo是什么意思呢
  • 企业被网站骗做会员站长工具seo综合查询问题
  • 辽宁建设工程信息网官网新网站是哪个网站推广联盟
  • 易企秀网页制作教程洛阳seo博客
  • 自己如何建立网站免费外链发布
  • 网站广告销售怎么做合肥做网站公司哪家好
  • 珠海响应式网站建设价格网站换了域名怎么查
  • 网站怎么做内链资源网
  • 做图网站有哪些东西吗seo岗位有哪些
  • 网站首页滚动大图怎么做免费网络推广网站
  • 阿里网站年费怎么做分录键词优化排名
  • 个人怎么做微信公众号和微网站百度快速收录权限
  • 公司做网站之前要准备什么外链发布网站
  • 阳谷网站建设价格pr的选择应该优先选择的链接为
  • 教做衣服网站广州网站推广软件
  • 哪些网站可以发布免费招聘信息今日热搜榜排行榜
  • 太原seo网站排名郑州网站seo推广
  • 网站建设用哪个软件网络销售挣钱吗
  • 国家高新技术企业公示名单苏州seo关键词优化价格
  • 四川手机网站开发网络黄页推广软件哪个好用