重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、打开任意一个网站,根据自己的需要选择。
创新互联是专业的绵竹网站建设公司,绵竹接单;提供网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行绵竹网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
2、如图点击右上角三条横杠的按钮。
3、点击”工具“选项。
4、点击”查看源代码“。
5、如图,就可以轻松查看到了该网站的源代码。
6、如果想关闭网页源代码,只需点击左上角“返回”按钮,这样就完成了。
html网页源代码主要是html/html5语言,其次还包括javaScript脚本语言、CSS样式语言,或者还有可能包括xml,json,dhtml,WMLScript等。查的源代码很简单,一般浏览器右键菜单里就有“查看源代码”菜单项。
简单的html网页可以直接利用文本编写的,无需下载特定编辑器。
1、在我们的windows操作系统中,桌面上鼠标右键新建一个txt文本,并命名为"最简单网页",只是便于标识,实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置,将文件扩展名显示出来,后面我们需要对文件扩展名进行操作,不同操作系统的设置位置不太一样,我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下:
html
body
最简单的网页
/body
/html
4、保存并关闭txt文本,然后修改我们txt文本的扩展名为html,此时会弹出警告框,提示我们修改后可能会导致文件不能使用,这是操作系统的一个处理逻辑,为了防止无意或恶意的损坏文件的行为。
5、无需担心,因为这在我们自己的掌控之下,确认警告,点击"是",然后双击打开我们自己的第一个html网页,就可以看到一个最简单的html网页了。
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="#"网站推荐/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