免费html网页模板源代码,html官网开源模板
怎么获取html源代码 和css源代码?如何套用别人的模板,鄙人懂得html css,把好的模板通过改变
获取html源代码 和css源代码
1.在你的电脑里面找到这个路径
C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files
删除这个目录里面的东西;
2.用ie打开你想下载的网页;
3.回到这个路径下面并刷新
C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files
这时这个路径下面会出现你所要的页面的html源代码和css代码;
4.将这个里面的html,css,图片等都复制出来放到新建的文件夹里面;
5.将复制出来的文件的名字后面的“[1]”都删除,相关链接都改下就可以直接用了。
求一个简单的个人网页html模板
这种模板很多的,百度打开一个网页右键源代码就能找到了。
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="wrapper"
div class="sidebar"
div class="clearfix k1120"
div class="navBox" id="openSidebar"
a href="javascript:void(0)" class="navOpen"/a
/div
div id="menu"
ul class="clearfix"
lia href="#home" class="nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="scrol-page"
div class="banner"
div class="b_1" style="background-position: 50% 0px;"
div class="k1120 clearfix"
div class="b_pic"
div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="banner"
html网页制作、跪求源代码
效果图,图片自己换,
html代码:
!DOCTYPE html
html
head
meta charset="utf-8"/
title泰国/title
link rel="stylesheet" type="text/css" href="css/index.css"/
script type="text/javascript" src="js/index.js"/script
/head
body
div class="box"
? div class="titles"泰国/div
? div class="img-box"
? ? img class="auto-img" src="images/a001.jpg"/
? /div
? div class="text-box"
? ? div class="text-box-a"
? ? ? a href="#"曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天/a
? ? /div
? ? div class="text-box-a"
? ? ? 东航直飞曼谷客机,入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清...
? ? /div
? ? div class="text-box-a"
? ? ? 出发日期:星期一,星期二,星期三,星期四,星期五
? ? /div
? /div
? div class="bottom ovf"
? ? div class="fl text-a1"
? ? ? 班期:每周发团
? ? /div
? ? div class="fr"
? ? ? div class="price"¥nbsp;4549/div
? ? ? div class="rush-to-buy"立即抢购/div
? ? /div
? /div
/div
/body
/html
css样式:
html,body{
padding:0;
margin:20px 0 0;
}
a{
text-decoration:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ovf{
overflow: hidden;
}
.box{
width:50%;
margin:0 auto;
border:1px dashed #000000;
padding:4px;
}
.titles{
width:100%;
text-align: center;
color:#ffffff;
background-color: #ff0000;
}
.img-box{
width:100%;
margin-top: 4px;
}
.auto-img{
display: block;
width:100%;
}
.text-box{
width:100%;
}
.text-box-a{
width:100%;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
.text-box-aa{
color:#0089ff;
}
.bottom{
margin-top: 30px;
}
.text-a1{
font-size: 18px;
font-style: italic;
font-style:oblique;/*为保证斜体效果加一个*/
}
.price{
font-size: 16px;
color:#8B3E2F;
}
.rush-to-buy{
width:80px;
text-align: center;
background-color: #ff0000;
font-size: 16px;
}
空白网页的HTML源代码,怎么写?
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""
html
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
title空白的网页/title
/head
body
/body
/html
Python大神教你300行代码搞定HTML模板渲染「附源码」
模板语言由HTML代码和逻辑控制代码组成,此处 @PHP 。通过模板语言可以快速的生成预想的HTML页面。应该算是后端渲染不可缺少的组成部分。
通过使用学习 tornado 、 bottle 的模板语言,我也效仿着实现可以独立使用的模板渲染的代码模块,模板语法来自 tornado 和 bottle 的语法。可以用来做一些简单的事情 网页渲染 , 邮件内容生成 等HTML显示方面。以下就是简单的语法使用介绍。
1. 变量。使用 {{ }} 包裹起来,里面的变量为Python传入。模板渲染时会将传入的变量转换成字符串并填入对应位置。
2. 转义。默认传入的数据都会进行HTML转义,可以使用 {% raw value %} 来将value的内容按原始字符串输出。
3. 条件控制。支持Python的 if,elif,else 。条件代码需要放在 {% %} 内部,并且在条件结束后需要额外增加 {% end %} ,用于标识条件控制语句块范围。
4. 循环控制。支持Python的 for 和 while 。与条件控制一样也需要放在 {% %} 内部,并且结束处需要额外增加 {% end %} ,用于标识循环控制语句块的范围。
这个模板语言模块是在 Python2.7 上面开发使用的,如果要在 Python3+ 上使用需要对 str 和 bytes 进行一些处理即可,由于没有引用任何其他模块,可以很好地独立使用。
原文链接: