本篇文章给大家谈谈html5自制网站源代码,以及html网页制作源码免费对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
用H5工具制作的H5页面一般是不能导出源码的,如果您是需要部署到自己的服务器,可以使用我们的 epub360制作,支持导出html网页包,可以离线观看或者单独部署到自己的服务器发布。
可以,在浏览器中,如果没有特别设置快捷键的话,按F12就可以看到源代码,当然右击然后选择审查元素也是可以的。
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;
}
.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="680d-7c22-c426-0991 divHead"
ul class="7c22-c426-0991-86f9 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="c426-0991-86f9-d303 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结构:
!DOCTYPE html
html
head
meta charset="UTF-8"
titleTitle/title
/head
body
/body
/html
输出html5网页源码 你直接f12 或者 鼠标右击 查看网页源代码
这个问题太笼统了,使用 html5可以开发静态网站,其实你这里的 html5 指的是 html5 + css3+ javascript ,当然很多人以为 h5 是一种技术,其实 h5 就是 html5 + css3+javascript .
h5本来是不存在的,由于使用html5+css3+javascript可以写出那些炫酷的效果,而培训机构太多,很多业务员直接就用h5来说,导致出现的新名词。
其实主要使用的是html5的 canvas 结合css3的 2d, 3d,和javascript 等技术来实现的。
至于怎么开发网站,这个还真的不是三言两语能说得完的。使用服务器,服务器也分两种,一种是需要备案的,一种是不需要备案的,单有服务器也还不行,还要域名,先将域名解析到服务器,然后通过 ftp上传代码到服务器的指定位置,就可以通过域名来打开你的网站了。
正好我在练习这个,给你发下,看看行不
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleDocument/title
style type="text/css"
*{
margin: 0;
padding: 0;
}
body{
background: #D8D4D4;
}
ul,li{
list-style: none;
}
#bg{
width: 600px;height: 200px;
margin: 100px auto;
background: #9E9A9A;
}
li{
float: left;
width: 194px;height: 196px;
border:2px solid #C6C0C0;
margin: 0 1px;
}
li:hover{
border-color:#9E9A9A;
background:#C6C0C0;
}
.icon_01{
display: block;
line-height: 196px;
width: 194px;
text-align: center;
font-size: 16px;
color: #B30E0E;
}
.spinner{
-webkit-animation:spinner 5s infinite linear;
animation:spinner 5s infinite linear;
}/*关键帧的名称 5秒一个周期 无限循环 匀速运动 */
@-webkit-keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
/style
/head
body
div id="bg"
ul
lii class="0991-86f9-d303-76c9 icon_01 "img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"/i/li
lii class="86f9-d303-76c9-988c icon_01 spinner"img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"/i/li
lii class="d303-76c9-988c-c469 icon_01 "img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"/i/li
/ul
/div
/body
/html
这问题··你自己做的 你本地没有代码??
如果是传到服务器上了 那在网页里右键查看源文件 或者去服务器上拷下来
关于html5自制网站源代码和html网页制作源码免费的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
本篇文章给大家谈谈免费建立网站软件,以及免费创建网站的平台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、怎么在电脑上制作网站,用哪个软件?免费的? 2、有哪些免费搭建...
今天给各位分享mc域名注册的知识,其中也会对免费注册mc账号进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、我的世界域名怎么开服,就是别人直接输入我的域名就能...
本篇文章给大家谈谈电脑装机爆炸,以及电脑组装错误会不会爆炸对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、个人组装的电脑主机会不会有爆炸或其他危险 2、WIN7-64位...
本篇文章给大家谈谈电脑主机零件利用,以及电脑主机主要部件对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、电脑主机内都有什么零件,什么用? 2、电脑主机里的零件各有什么作...
本篇文章给大家谈谈pc网站手机网站,以及PC端网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、手机网站跟电脑网站的区别是什么? 2、手机网站和电脑网站有什么区别?...
今天给各位分享每服务器的知识,其中也会对每服务器和每设备或每用户进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、“每服务器”模式与“每客户机”模式的区别?...
今天给各位分享高级设计网站的知识,其中也会对设计师网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、比站酷网更好的设计网站有哪些? 2、有哪个给推荐几个...
今天给各位分享日本风格网站的知识,其中也会对好的日本设计网站推荐进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、有没有日本风格的购物网站啊?不要淘宝代购...