一、先掌握基础的html代码基础
首先我们要熟悉html的a标签、li标签、图片路径、链接等基础代码的书写规则。
二、了解html代码出现规则
html代码常常成对出现,
链接代码通常写在a标签中
图片路径加链接的写法
三、修改代码时的准备
1.备份要修改的文件
注:这是一定要养成的习惯,原因很简单修改之后能够第一时间恢复省却许多麻烦。
2.修改文件时注意成对标签删除
注:像是代码中常见的a、li、ur、div这些代码要注意删除,因为有些是不可以删除的比如div这个要找清楚他对应的栏目不能乱删很容易出问题。
3.修改代码只修改寻找到的a、li、这些标签代码。
注:这些代码通常是一些链接或者是一些自定义的图片链接删除没有多少影响的,但是也要根据情况做修改。
四、橘子教你做修改
修改栏目如图
1.确定自己要修改的页面框架
使用火狐、谷歌浏览器找到此栏目代码所在位置,从而寻找此代码文件所在位置。
2.寻找所要修改的图标位置路径
如图所示代码qq联系我图标位置
3.找到含有这个代码的文件
注:接下来就是自己寻找的时间了,每一个网站使用的模板都不同,代码位置也不相同,橘子在这里教大家的只能到这里为止了,那么接下来就是自己找到自己想要修改的栏目代码文件进行修改了。
4.找到文件备份文件
5.开始修改代码中的路径
6.修改完毕保存检查
修改代码常出现的一些问题
1.栏目错位
原因分析:css问题,代码问题
2.显示旧版
原因分析:浏览器缓存问题
3.图片不显示
原因:路径错误或者网速问题,如果路径设置正确那么就是这两种问题了。