1、打開任意一個(gè)網(wǎng)站,根據(jù)自己的需要選擇。
創(chuàng)新互聯(lián)是專業(yè)的綿竹網(wǎng)站建設(shè)公司,綿竹接單;提供網(wǎng)站建設(shè)、網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行綿竹網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
2、如圖點(diǎn)擊右上角三條橫杠的按鈕。
3、點(diǎn)擊”工具“選項(xiàng)。
4、點(diǎn)擊”查看源代碼“。
5、如圖,就可以輕松查看到了該網(wǎng)站的源代碼。
6、如果想關(guān)閉網(wǎng)頁源代碼,只需點(diǎn)擊左上角“返回”按鈕,這樣就完成了。
html網(wǎng)頁源代碼主要是html/html5語言,其次還包括javaScript腳本語言、CSS樣式語言,或者還有可能包括xml,json,dhtml,WMLScript等。查的源代碼很簡(jiǎn)單,一般瀏覽器右鍵菜單里就有“查看源代碼”菜單項(xiàng)。
簡(jiǎn)單的html網(wǎng)頁可以直接利用文本編寫的,無需下載特定編輯器。
1、在我們的windows操作系統(tǒng)中,桌面上鼠標(biāo)右鍵新建一個(gè)txt文本,并命名為"最簡(jiǎn)單網(wǎng)頁",只是便于標(biāo)識(shí),實(shí)際上并不影響我們的操作。注意我們需要提前在文件屬性中把擴(kuò)展名顯示出來。
2、我們打開文件夾屬性設(shè)置,將文件擴(kuò)展名顯示出來,后面我們需要對(duì)文件擴(kuò)展名進(jìn)行操作,不同操作系統(tǒng)的設(shè)置位置不太一樣,我們可以直接搜索"文件夾屬性"來進(jìn)行查找修改。
3、然后輸入最簡(jiǎn)單的HTML文本語言。
代碼如下:
html
body
最簡(jiǎn)單的網(wǎng)頁
/body
/html
4、保存并關(guān)閉txt文本,然后修改我們txt文本的擴(kuò)展名為html,此時(shí)會(huì)彈出警告框,提示我們修改后可能會(huì)導(dǎo)致文件不能使用,這是操作系統(tǒng)的一個(gè)處理邏輯,為了防止無意或惡意的損壞文件的行為。
5、無需擔(dān)心,因?yàn)檫@在我們自己的掌控之下,確認(rèn)警告,點(diǎn)擊"是",然后雙擊打開我們自己的第一個(gè)html網(wǎng)頁,就可以看到一個(gè)最簡(jiǎn)單的html網(wǎng)頁了。
html xmlns=""
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;
}
.ulli {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ulli:hover {
background-color: black;
}
.ul1li {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ullia
{
color: white;
text-decoration: none;
}
.ul1lia
{
color: white;
text-decoration: none;
}
.ul1li: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="#"網(wǎng)站推薦/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;"
前端技術(shù)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;"
前端技術(shù)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;"
前端技術(shù)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;"
@版權(quán)所有:大華明智軟件
/div
/form
/body
/html