html5页面源码
⑴ HTML5编写的网站,网页浏览能否看到源代码
能;
操作如下:
右键点击对应网页;
选择查看源文件;
⑵ 急求html5网页及源代码,不要特别难,下面是作业,用记事本帮我写下源代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.divHead
{
background-color: #202020;
height: 40px;
width: 100%;
position: absolute;
overflow: hidden;
}
.ul {
color: white;
list-style: none;
height: 100%;
margin-left: 170px;
width: 40%;
float: left;
}
.ul1 {
color: white;
list-style: none;
height: 100%;
margin-left: 200px;
width: 20%;
float: left;
}
.ul>li {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ul>li:hover {
background-color: black;
}
.ul1>li {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ul>li>a
{
color: white;
text-decoration: none;
}
.ul1>li>a
{
color: white;
text-decoration: none;
}
.ul1>li:hover {
background-color: black;
}
</style>
</head>
<body>
<form id="form1" runat="server" style="overflow: hidden">
<div id="divHead" class="divHead">
<ul class="ul">
<li>
<a href="#">Note</a>
</li>
<li>
<a href="#">首页</a>
</li>
<li>
<a href="#">笔记</a>
</li>
<li>
<a href="#">网站推荐</a>
</li>
</ul>
<ul class="ul1">
<li>
<a href="#">登录</a>
</li>
<li>
<a href="#">退出</a>
</li>
</ul>
</div>
<div id="divMain" style="height: 550px; width: 100%">
<div style="height: 60%;background-color: #B89460;width: 100%">
<div style="width: 10%;float: left">
</div>
<div style="width: 80%;float: left">
</div>
<div style="width: 10%;float: left">
</div>
</div>
<div style="height: 40%;background-color: white;width: 100%">
<div style="width: 80%;height: 100%;margin-left: 10%">
<div style="width: 33%;height: 100%;float: left;text-align: center">
<p style="font-size: 30px;font-weight: bold;">
前端技术<br/><a style="font-size: 17px;font-weight: normal">
hahahahhahhhahhah
</a>
</p>
<input type="button" value="查看详情>>" />
</div>
<div style="width: 33%;height: 100%;float: left;text-align: center">
<p style="font-size: 30px;font-weight: bold;">
前端技术<br/><a style="font-size: 17px;font-weight: normal">
hahahahhahhhahhah
</a>
</p>
<input type="button" value="查看详情>>" />
</div>
<div style="width: 33%;height: 100%;float: left;text-align: center">
<p style="font-size: 30px;font-weight: bold;">
前端技术<br/><a style="font-size: 17px;font-weight: normal">
hahahahhahhhahhah
</a>
</p>
<input type="button" value="查看详情>>" />
</div>
</div>
</div>
</div>
<div id="divFoot" style="background-color: #202020; height: 30px; width: 100%; text-align: center;
padding-top: 10px; color: white; font-size: 14px;">
@版权所有:大华明智软件
</div>
</form>
</body>
</html>
⑶ 如何下载html5网页
右键,查看网页源代码,ctrl+a, ctrl+c,ctrl+v,粘贴到你的编辑器中,
或者F12 ——Elements,右键 ------- as html
⑷ 怎么运行 html5游戏的源代码
HTML5游戏是通过html+javascript+css技术开发的游戏,属于网页游戏,可以运行在HTML5的网页浏览器中。
运行HTML5游戏,需要一个支持HTML5的网页浏览器,比如IE10或11,google的chrome浏览器,火狐firefox,网络浏览器,或者QQ浏览器,猎豹浏览器等CHROME内核的浏览器。
下载的HTML5游戏文件解压后,文件夹中会有一个后缀为html或者htm的文件,应该是在根目录下一般以index.html命名。其他文件可能有js后缀,css后缀,或者图片,请保持相对位置不能动。
然后按下面方式运行那个html文件:
方法1:
打开浏览器,将html文件拖拽到浏览器中。
方法2:
在文件夹中选中html文件,点右键,在菜单选择“打开方式”,然后选择火狐、Chrome浏览器、或者上述所说的网络浏览器、QQ浏览器、猎豹浏览器即可。
⑸ HTML5编写的网站,网页浏览能否看到源代码
可以看到源码。
HTML是在Browser端的。HTML5现在也有很多人关心,但是真正的网站应该还很少采用,因为某些浏览器不支持,特别是国内IE6还占一定比例的。