关于网页制作的学习笔记

关于网页制作的学习笔记

HTML学习笔记1
最近学校老师正在带领我们做项目，其中涉及到关于网络制作的知识，作为一个刚上大二的萌新小白，这确实算是一个比较大的挑战。在这里说一下，我们制作项目是分组的，刚好组里有一位大佬，我做做小网页就行，其中就涉及到网页制作，但是我又踩坑了，没错，又，在人家给我代码的前提下，让我插图。其实编程这个东西，真的要细心，别人给的代码，就因为我手贱，把人家图片设置的代码给删掉了，导致自己做出来的网页跟别人的对不上，纠结了几天，问了大佬才知道我在插图的时候把人家图片地址里设置的图片格式给删掉了，做出来的网页格式不对。（那几天头发掉一大把哈哈哈）
这里以HTML5为例，如果你用的编译软件是DW那么就好办，DW可以很直观地让你在网页内插入图片，<img src="#" width="195px" height="127px"/>,代码是这样的，#代表你插入图片的地址，你在DW上敲这段代码，src后会直接让你进入文件选择，“#”就是你选择图片的地址，后边的height、width是设置图片在网页内的宽高。记得要在你的站点内创建一个images文件夹专门用来装图片哟！
我是用的sublime，来写的网页，只听说这个软件十分强大，但是我现在也没大搞懂，目前我只知道它能够用来写PHP和html代码，还有很多插件，但说来惭愧，我不会安装，还请各位大佬能够为我指点迷津。sublime写网页需要把图片保存到你写的项目的根目录中，记住上面那串代码，直接把“#”替换成照片名就行了，例如“xxx。jpg”，不用照片地址。