當前位置:首頁 » 操作系統 » html5頁面源碼

html5頁面源碼

發布時間: 2024-09-07 18:12:21

⑴ HTML5編寫的網站,網頁瀏覽能否看到源代碼

能;

操作如下:

  1. 右鍵點擊對應網頁;

  2. 選擇查看源文件;


⑵ 急求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還佔一定比例的。

熱點內容
ts設置編譯輸出目錄 發布:2024-11-25 00:43:28 瀏覽:447
元神比較好的雲伺服器 發布:2024-11-25 00:43:20 瀏覽:189
草人御魂怎麼配置 發布:2024-11-25 00:30:37 瀏覽:737
ftp上傳流程 發布:2024-11-25 00:18:27 瀏覽:89
安卓服光遇什麼時候上線的 發布:2024-11-25 00:13:22 瀏覽:918
80萬能買到酷路澤的什麼配置 發布:2024-11-25 00:10:57 瀏覽:336
新浪微博中如何修改密碼 發布:2024-11-25 00:10:52 瀏覽:100
iphone訪問pc 發布:2024-11-24 23:53:43 瀏覽:480
編譯不能顯示 發布:2024-11-24 23:40:52 瀏覽:698
人體編程 發布:2024-11-24 23:40:51 瀏覽:304