网页代码模板简单(网页的代码怎么写)

http://www.itjxue.com  2023-02-15 20:33  来源:未知  点击次数: 

急,求一个简单的html个人网页模板,静态就行

html

head

meta

http-equiv="Content-Language"

content="zh-cn"

meta

http-equiv="Content-Type"

content="text/html;

charset=gb2312"

title这是我的网页/title

meta

name="keywords"

content="这是我的网页"

meta

name="description"

content="这是我的网页"

/head

body

bgcolor="#808080"

div

style="position:

absolute;

width:

450px;

height:

550px;

z-index:

1;

left:

400px;

top:

60px;

padding-left:

60px;

padding-right:

60px;

padding-top:

90px;

padding-bottom:

60px;

background-color:

#FFFFFF"

id="layer1"

p

align="center"b这是我的XXX页/b/p

/body

/html

将上面的所有代码复制到记事本中,将记事本的后缀由txt更改为htm,这样打开后就会看到一张最简单的网页,如果需要多页,只需多复制几份即可,不同的内容需要你更改一下,如:我的网站首页,照片,个人资料,日志等...

谁能给个简单网页的代码(个人主页或者博客)和HTML基本常用代码?

自己总结的基本语法。你所要的网页代码太多,写不下,网页的简单与否跟代码多少没关系 文件格式html/html(文件的开头与结尾) 主题title/title(放在文件的开头) 文头区段head/head(描述文件的信息) 内文区段body/body(放此文件的内容) 标题h?/h(?=1~6,改变标题字的大小) 标题对齐h align=right,left,center/h 字加大big/big 字变小small/small 粗体字b/b 斜体字i/i 底线字u/u 上标字sup/sup 下标字sub/sub 文字对中center/center 基本字体大小basefont size(取值范围从1到7,默认值为3) 改变字体大小font size=?/font(?=1~7) 字体颜色font color=#rrggbb/font(RGB色码) 指定字型font face=?/font(?=宋体,楷体等) 、超链结 网址链结a href="URL"/a 设定锚点a name="?"/a(?以容易记为原则) 链结到锚点a href="#?"/a(同一份文件) a href="URL#?"/A(锚点不同文件) 显示图形img src="URL"/a 图形位置img src="URL" align=top,bottom,middle,left,right(分别为上、下、中、左、右的位置) 图形取代文字img src="URL"alt=?(无法显示图形时用) 图形尺寸img src="URL" width=? height=?(?以像素为单位) 连结图形边线img src="URL"border=?(?以像素为单位) 图形四周留白img src="URL"hspace=? vspace=?(?以像素为单位) 区段划分 段落p/p 断行br/br 横线hr 横线厚度hr size=?(?以像素为单位) 横线长度hr width=?(?以像素为单位) 横线长度hr width=?%(?与页宽相比较) 实横线hr noshade(无立体效果) 、背景颜色 背景图案body background=图形文件名(图形文件格式为gif和jpg) 背景颜色body bgcolor=#rrggbb(RGB色码) 背景文字颜色body text=#rrggbb(RGB色码) 未链结点颜色body link=#rrggbb(RGB色码) 已链结点颜色body vlink=#rrggbb(RGB色码) 正在链结点颜色body alink=#rrggbb(RGB色码)

急求一份html、css、JavaScript的“个人主页”网页设计模板代码。

!--这个模版来自[最好模版-],需要更多模版请访问;

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"

title┆假想敌┆-?颓废模板/title

script?language="JavaScript"?type="text/JavaScript"

!--

function?MM_reloadPage(init)?{??//reloads?the?window?if?Nav4?resized

??if?(init==true)?with?(navigator)?{if?((appName=="Netscape")(parseInt(appVersion)==4))?{

????document.MM_pgW=innerWidth;?document.MM_pgH=innerHeight;?onresize=MM_reloadPage;?}}

??else?if?(innerWidth!=document.MM_pgW?||?innerHeight!=document.MM_pgH)?location.reload();

}

MM_reloadPage(true);

//--

/script

style?type="text/css"

!--

BODY?{

SCROLLBAR-FACE-COLOR:?#3F2413;

SCROLLBAR-HIGHLIGHT-COLOR:?

#FFFFFF;

SCROLLBAR-SHADOW-COLOR:?#ffffff;

SCROLLBAR-3DLIGHT-COLOR:?#3F2413;

SCROLLBAR-ARROW-COLOR:?

#FFFFFF;

SCROLLBAR-TRACK-COLOR:?#3F2413;

SCROLLBAR-DARKSHADOW-COLOR:?#3F2413;

background-color:?#FFFFFF;

background-image:?url(bg.jpg);

}

--

/style

/head

body

div?id="Layer1"?style="position:absolute;?width:1000px;?height:628px;?z-index:1;?left:?0px;?top:?0px;"

??div?align="center"

????pnbsp;/p

????pnbsp;/p

????pnbsp;/p

????pnbsp;/p

????pimg?src="1.jpg"?width="650"?height="400"?border="0"?usemap="#Map2"

??????map?name="Map2"

????????area?shape="rect"?coords="321,379,490,399"?href=""?target="_blank"?alt="┆假想敌┆"

????????area?shape="rect"?coords="196,15,242,43"?href="home.htm"?target="main1"?alt="home"

??????/map

??????map?name="Map"

????????area?shape="rect"?coords="18,196,60,220"?href="home.htm"?target="main1"?alt="home"

??????/map

????/p

??/div

/div

?

div?id="Layer2"?style="position:absolute;?width:412px;?height:295px;?z-index:2;?left:?382px;?top:?203px;"

iframe?src="home.htm"?name="main1"?width="412"?height="295"

?frameborder="0"?scrolling="yes"?style="border:0px;"allowtransparency="true"/iframe/div

/body

/html

span?style="display:none;"这个模版来自,更多模版请访问a?href="";/anbsp;a?href="";/anbsp;a?href="";/a/span

求一个简单的网页源代码

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

!--要加载css和JS,不过我忘了--

/head

html

body

!--里面要写DIV、ul、li什么的,不过我懒得写。--

/body

/html

要多简单。这样简单行么。

求 一个简单的个人网页模板(html)

楼主说的太含糊了!

建议可以去TempleteMonsterChina(怪兽模板)中国区官方网站看一看,里面各种行业的网站模板,包括普通的静态展示网站模板,动态FLASH网站模板,joomla,mambo,WordPress,drupal等CMS系统及博客系统的网站模板,以及ZenCart,oscommerce等购物系统的网站模板!

您可以在搜索引擎中按照要求搜索即可,希望可以帮到你!

求一个简单的个人网页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"

(责任编辑:IT教学网)

更多

推荐Access文章