第一种：打开一个网页后点击鼠标的 右键就会有"查看源文件"，操作 鼠标右键--->查看源文件 即可弹出一个记事本，而记事本内容就是此网页的html代码。
可能会碰到一些网页鼠标右键无反应或提出提示框，那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容，但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。
第二种：通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”，源代码即可查看此网页的源代码源文件。
在微软IE下 查看--->源文件 即可查看此网页代码在傲游浏览器下截图：
查看别人网页的源代码可以为我们制作网页时候有帮助，以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。
三、其它浏览器具体查看html网页源代码方法步骤 - TOP
首先请打开您的网络浏览器，然后访问任何一个网页。
完成上述步骤后，您可以通过以下针对不同网络浏览器的简单步骤快速查看html网页源代码。
1)、Firefox浏览器，请按以下步骤操作：
点击火狐firefox浏览器上方“工具(T)”菜单。
在下拉菜单中点击“Web 开发者”。
然后在下拉菜单中选择点击“页面源代码”，即可查看网页源代码。
2）、谷歌浏览器，请按以下步骤操作：
点击广告浏览器，右上角“三横”控制图标
在下拉菜单点击“工具”
然后再点击“查看源代码”。
或直接谷歌浏览器中使用快捷键“Ctrl+U”即可查看被访网页源代码。
对于这些的话，新手朋友可以参考附件里面的知识学习下
效果图，自己换，
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>泰国</title>
<link rel="stylesheet" type="text/css" href="css/indexcss"/>
<script type="text/javascript" src="js/indexjs"></script>
</head>
<body>
<div class="box">
<div class="titles">泰国</div>
<div class="img-box">
<img class="auto-img" src="images/a001jpg"/>
</div>
<div class="text-box">
<div class="text-box-a">
<a href="#">曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天</a>
</div>
<div class="text-box-a">
东航直飞曼谷客机，入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清
</div>
<div class="text-box-a">
出发日期：星期一,星期二,星期三,星期四,星期五
</div>
</div>
<div class="bottom ovf">
<div class="fl text-a1">
班期：每周发团
</div>
<div class="fr">
<div class="price">￥ 4549</div>
<div class="rush-to-buy">立即抢购</div>
</div>
</div>
</div>
</body>
</html>
css样式：
html,body{
padding:0;
margin:20px 0 0;
}
a{
text-decoration:none;
}
fl{
float:left;
}
fr{
float:right;
}
ovf{
overflow: hidden;
}
box{
width:50%;
margin:0 auto;
border:1px dashed #000000;
padding:4px;
}
titles{
width:100%;
text-align: center;
color:#ffffff;
background-color: #ff0000;
}
img-box{
width:100%;
margin-top: 4px;
}
auto-img{
display: block;
width:100%;
}
text-box{
width:100%;
}
text-box-a{
width:100%;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
text-box-a>a{
color:#0089ff;
}
bottom{
margin-top: 30px;
}
text-a1{
font-size: 18px;
font-style: italic;
font-style:oblique;/为保证斜体效果加一个/
}
price{
font-size: 16px;
color:#8B3E2F;
}
rush-to-buy{
width:80px;
text-align: center;
background-color: #ff0000;
font-size: 16px;
}
我觉得这种网页最简单吧，都是美工的活儿，一般情况下是DIV+CSS做出前台布局，然后用Javascript写出一些漂亮的效果，比如飘花什么的，还有些文字跑马灯效果使用Javascript配合<marque>标记来做，（忘记了是不是这样写，好久没做了），很多效果可以去网上搜源代码的，比如换个玫瑰形状的鼠标，在鼠标后面跟随两个带着翅膀的小猪，当然方面最好用gif格式，比较漂亮华丽，当然，最重要的是你的想法~找个成熟点的程序猿GG两天左右差不多就给你做完了~加油哦~！
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）