本文关键词:简单html网页制作代码
做这行十五年,见过太多人想自己做个网站。不是嫌贵,就是觉得外包不透明。其实吧,真没必要花那冤枉钱。特别是那种展示型的静态页面,自己写点代码,半小时搞定。今天不整那些虚的,就聊聊怎么用最简单的html网页制作代码,搭个像样的架子。
很多人一听代码就头大,觉得那是程序员的事。其实html没你想得那么复杂。它就是给浏览器看的说明书。告诉浏览器,哪里是标题,哪里是图片,哪里是文字。你不需要懂什么高深的算法,只要会打字就行。
第一步,准备工具。别去下载那些几百兆的编辑器,太重了。电脑自带的记事本就行。Windows用户右键新建个文本文档,Mac用户用文本编辑。把后缀名改成.html。这一步很关键,很多人改完还是.txt,那就打不开了。记得在文件夹选项里,把“隐藏已知文件类型的扩展名”那个勾去掉,不然你根本看不出来后缀。
第二步,写骨架。打开你的.html文件,输入最基础的代码。别怕,就这几行。
这是我用简单html网页制作代码写的第一页
保存,双击打开。是不是看到了“你好,世界”?这就成了。是不是很简单?别觉得这太简陋,这就是网页的本质。剩下的都是装饰。
第三步,加点内容。光有标题太干巴了。加张图片试试。用标签。src后面填图片的路径。要是图片跟网页文件在同一个文件夹,直接写文件名就行,比如src="photo.jpg"。要是图片在别处,得写全路径。这里容易出错,路径写错了,图片就裂开显示红叉。别慌,检查拼写,注意大小写。Linux服务器对大小写敏感,Windows不敏感,这点要注意。
第四步,排版布局。这时候你可能想调整字体大小,或者让文字居中。用CSS吧,虽然有点麻烦,但比改html标签强。在
里加个