1. 长城号首页
  2. 投稿

怎么看网页的源代码,查看页面源代码的四种方法

此章是图上这章的续章,上一篇由于代码太长,只能讲述网站的一个TOP顶部,废话不多说,更新!

想看懂网站源代码里面的代码吗?看了你就懂了(续)

上一篇源代码是XHTML的格式,而这篇格式是HTML5简化了很多写法,首先顶部没有向浏览器声明HTML版本,xmlns声明空间也省略掉了,而在早期版本中是必须要书写的,字符编码声明,还有声音浏览器都简化了,之后是SEO最重要的TDK,

想看懂网站源代码里面的代码吗?看了你就懂了(续)

之后是CSS的外部样式表,

想看懂网站源代码里面的代码吗?看了你就懂了(续)

后面是JS的样式表 后面是ddsmoothmenu在浏览器中,与用户进行数据交换都是通过客户端的

javascript代码来实现的,而完成这些交互工作大多数是document对象及其部件进行的,因此document对象是一个比较重要的对象。

简写进入body部分

想看懂网站源代码里面的代码吗?看了你就懂了(续)

简写,声明头部,上一章讲过,这是对应网站的内容图下:

想看懂网站源代码里面的代码吗?看了你就懂了(续)

这一块是网站的横幅img src=就是横幅我们所看到的图片图下:

想看懂网站源代码里面的代码吗?看了你就懂了(续)
想看懂网站源代码里面的代码吗?看了你就懂了(续)

再往下是网站产品的滚动栏,添加了滑动的特效:

想看懂网站源代码里面的代码吗?看了你就懂了(续)

源代码如图下:

想看懂网站源代码里面的代码吗?看了你就懂了(续)

再往下是关于我们的界面图下:

想看懂网站源代码里面的代码吗?看了你就懂了(续)

<a href=”about.htm”>查看更多</a>

我们注意一下这个a标签是内链,跳转到了网站的“关于我们”这个栏目。

想看懂网站源代码里面的代码吗?看了你就懂了(续)
想看懂网站源代码里面的代码吗?看了你就懂了(续)

这串代码比较简单<h>标题 <p>段落 加上A标签按钮组成还有图片 背景呢已经在CSS样式中设置了,我们不去管它。

想看懂网站源代码里面的代码吗?看了你就懂了(续)
想看懂网站源代码里面的代码吗?看了你就懂了(续)

这串代码是产品的代码用的有序列表加li元素写出来的。

想看懂网站源代码里面的代码吗?看了你就懂了(续)

这篇是文章的footer底部class属性定义文章底部 基本都是a标签 内链跳转和友情链接跳转二维码的图片来源。

下面是文章的最后一部分

想看懂网站源代码里面的代码吗?看了你就懂了(续)
想看懂网站源代码里面的代码吗?看了你就懂了(续)

最后一部分是公司的联系方式和备案号还有JS的一些规则,详细规则我们不去分析,本文适合小白新手去学,希望小编的文章对你们起到帮助。

来源:长城号,欢迎分享转载,请注明出处:https://www.changchenghao.cn/n/169965.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

13875772900

在线咨询:点击这里给我发消息

邮件:394062665@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code