静态网页制作教程

  静态网页能够算是网页创造的起步,幼编也是从静态网页起步的,静态网页创造不难,只需通晓html和css就能够编写出静态网页了

  首页打算好要写一个如何的静态网页画面,然后到网上彀罗图片素材或者其他资源。时时彩哪个平台好幼编己方到网上找了个参考,然后用ps己方编纂了一张图,如图,同时许多需求用到的按钮之类的靠山图片,我也是网上找的素材或者己方容易用ps做的,额,我感应己方挺中二的,啊啦就如此吧,幼编是动漫宅,见谅

  这里先科普一点容易的html和css学问,这里幼编举一个容易易懂的例子,那即是helloword例子,啊啦,例如咱们要正在浏览器中输出hello!word!何如输出?代码如下,就算是正在body标签内中写上helloword不必h2标签,浏览器也会输出helloWord的,正在图片中有精确的诠释了。最终幼编会给出一个完善静态页面全体代码,没有任何根底的要请用心开完容易例子哦

  正在浏览器中掀开,由于是html文献以是这里直接右键掀开即可,右键--掀开办法--(采选你要正在哪个浏览器中掀开)或者直接点击掀开选项,就会用默认浏览器掀开

  页面是不是很匮乏?这是由于咱们还没编写样式,如若咱们希冀helloword字体色彩为血色,灰色靠山框,样式代码应当如此写,近似的静态页面其他样式也能够用css来调动

  那要增添一张图片呢,正在html文献中就用到img标签来增添图片,由于图片巨细比表包的div尺寸大,以是图片会挤出灰色的div表

  显示恶果如图,到这里就完了吗?当然不,下面是给出一个幼编己方编写的静态网页和全体代码,这里图片或许无法供给了,能够用己方的图片将我用到图片的地方换掉,然后尝尝这些代码,或者看看参考一下就能够

  最先新修项目文献夹,这是个好民俗,将一个网页的东西放正在一个文献夹中往后便当找,这里幼编的是moban1,然后正在moban1文献夹内中再新修两个文献夹style和images和一个html文献,style内中存放样式文献test.css,images存放需求用到的图片。

  编写test.html文献,幼编的民俗是编写完html文献一个div后,同时调节css样式文献,下面是完善的html文献和css文献代码