「HTML+ CSS」代码初体验动手书写我们的第一个网

  想要制作一个网页我们需要需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:

  1. HTML就像是一个大的盒子。我们可以把我们想要展示的内容、图片等装进这个盒子里边来表现;

  2. CSS就像是盒子的包装。比如我们要给盒子添加颜色、给他塑造特殊的外观、装饰等,是用来给盒子添加样式的;

  3. JavaScript这个就比较厉害了,这个是负责网页的动态呈现,就好比我们想要这个盒子有一个动的效果,而不是在那静静的呆着。

  编码的软件有很多种,比如sublime text、vscode、webstorm等等,这里推荐新手使用Dreamweaver cc,简单易上手,不用安装其他的插件。

  1)打开之前安装好的Dreamweaver软件,我们新建一个html的项目。(文件-新建-html)

  

  2)这里Dreamweaver会自动的创建一个html的初始化模版,html包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息(css/js一般放于头部中),“主体”部分提供网页的具体内容,顶部的!doctype是对文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义[DTD]来解析文档。

  我们这里书写一个文字hello world让它在浏览器中显示并将颜色设置为红色。(具体的代码讲解我们后面会说到,这里这是给大家看一下网页展示)

  3)整体代码完成以后,选择文件-保存,将文件保存为xxx.html的格式,然后双击打开我们的文件,就可以在浏览器上看到我们输入的hello world 的内容了,并且字体颜色是红色的。

  大家可以自己动手写一写,多加练习练习。有什么好的建议或意见,可以私信联系我。

上一篇:石家庄迅腾软件学院   下一篇:而是一直趋向于0
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。)
热门搜索:

「HTML+ CSS」代码初体验动手书写我们的第一个网

想要制作一个网页我们需要需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: 1.HTML就像是一个大的盒子。我们可以把我们想要展示的内容、图片