HTMLCSS代码初体验,动手书写

北京扁平疣医院地图 http://news.39.net/bjzkhbzy/210115/8593538.html

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

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

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

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

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

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

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

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

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

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




转载请注明:http://www.aierlanlan.com/rzgz/3210.html