当前位置： > 网络编程 > PHP教程 > 文章内容

花店网页代码html和CSS(花店网页设计源代码)

http://www.itjxue.com 2023-02-16 13:56 来源:未知 点击次数:

用html和css做一个网页？

1，打开记事本，并在其中输入必要信息，完整代码如下：

!DOCTYPE htmlhtmlhead meta charset="utf-8" title/title

bodyheaderimg src="molihua.jpg"width="412" height="291"/header article header h2茉莉花/h2 p作者：宋 · 刘克庄 /p /header hr/ p曾与瑶姬约。恍相逢、翠裳摇曳，珠韝联络。风露青冥非人世，揽结玉龙骖鹤。

爱万朵、千条纤弱。

祷祝花神怜惜取，问开时、晴雨须斟酌。枝上雪，莫消却。

恼人匹似中狂药。

凭危栏、烛光交映，乐声遥作。身上春衫香薰透，看到参横月落。

算茉莉、犹低一著。坐有缑山王郎子，倚玉箫、度曲难为酢。君不饮，铸成错。/ph3清平乐/h3p冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热，补陀夜夜清凉。/pdldt《浣溪沙》/dtdd南国幽花比并香。直从初夏到秋凉/dddt《鹧鸪天》/dtdd携靓侣，泛轻航。棹歌惊起野鸳鸯/dddt《真珠帘》/dtdd茉莉芰荷香，拍满笙箫院。/dd

/dl/article footer2019.9.6/footer /body/html

启动浏览器运行后，大家会发现界面并不美观，文字看着也比较乱。

为了解决这个问题，可以在界面添加css规则，让界面更好看，更标准化，将下面的代码块添加到记事本中，位置在head和head/也就是头部之间：

style type="text/css"body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } /style

花店网页代码html和CSS(花店网页设计源代码)

DW制作书店网页的html代码和CSS代码？

Html

HEAD id="ctl00_HEAD1"meta http-equiv="Content-Type" content="text/html" /title

图书列表页

/title

style type="text/css"

*{padding:0;margin:0}

image{border:0;}

div{color:#000000;

font-size:12px;}

td{color:#000000;

font-size:12px;}

.topdiv{position:absolute;

left:700px;

top:100px;

width:190px;}

.top-input{border:0;

background:#FFFFFF;

width:175px;

height:20px;

padding-top:2px;}

.middle-bg{background:url(Images/index-bg.jpg) 0px 0px no-repeat;

width:1024px;}

.middle-left{width:180px;}

.middle-left1{width:150px;border-left:1 #7AB271 solid;border-right:1 #7AB271 solid;padding:10px 5px 10px 5px;}

.bottom {width:80px;color:#000000;line-height:30px;font-size:12px;text-align:center; text-decoration:none;}

.bottom :hover{width:80px;color:#000000;line-height:30px;font-size:12px;text-align:center; text-decoration:none;}

.bcopyright{color:#666666;font-size:12px; text-align:center;}

/style

style type="text/css"

.ctl00_tvStoreClass_0 { text-decoration:none; }

/style/HEAD

script language="javascript"

function Search()

{

keyword=document.getElementById("ctl00_Search").value;

document.location="Search.aspx?KeyWord="+escape(keyword);

}

window.onload=function(){

var url=document.location.toString();

var array=url.split("KeyWord=")

if(array.length1)

document.getElementById("ctl00_Search").value=unescape(array[1]);

else

document.getElementById("ctl00_Search").value="";

}

/script

BODY

!--网站头部开始--

form name="aspnetForm" method="post" action="BookList.aspx?typeid=20" id="aspnetForm"

div

/div

script type="text/javascript"

//![CDATA[

var theForm = document.forms['aspnetForm'];

if (!theForm) {

theForm = document.aspnetForm;

}

function __doPostBack(eventTarget, eventArgument) {

if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

theForm.__EVENTTARGET.value = eventTarget;

theForm.__EVENTARGUMENT.value = eventArgument;

theForm.submit();

}

//]]

/script

script type="text/javascript"

//![CDATA[

function TreeView_PopulateNodeDoCallBack(context,param) {

WebForm_DoCallback(context.data.treeViewID,param,TreeView_ProcessNodeData,context,TreeView_ProcessNodeData,false);

}

var ctl00_tvStoreClass_Data = null;//]]

/script

div

/div

div style="width:1024px;height:150px;"

divIMG src="Images/index-top.jpg" border="0" usemap="#Map"/div

div class="topdiv"input name="ctl00$Search" type="text" id="ctl00_Search" style="height:20px;width:186px;" /

!--

INPUT name="search" id="search" type="text" class="top-input"--

/div

div class="middle-bg"

!--网站中间部分开始--

div style="padding-left:30px; font-size:13px;line-height:30px;font-weight:bold;"您现在的位置：span id="ctl00_SiteMapPath1"a href="#ctl00_SiteMapPath1_SkipLink"img alt="跳过导航链接" height="0" width="0" src="/Demos/MyBookShop%20-%20Final/Web/WebResource.axd?d=Z6p7xF9tjY6napuwT3WBkA2t=633710706727968750" style="border-width:0px;" //aspana href="/Demos/MyBookShop%20-%20Final/Web/Default.aspx"第三波/a/spanspan /spanspan图书列表页/spana id="ctl00_SiteMapPath1_SkipLink"/a/span

/div

div style="padding:15px 0px 15px 0px;"

TABLE width="900" border="0" cellspacing="0" cellpadding="0" align="center"

!--左边菜单栏开始--

TD class="middle-left" valign="top"divIMG src="Images/menu-top.gif"/div

div class="middle-left1"

a href="#ctl00_tvStoreClass_SkipLink"img alt="跳过导航链接。" src="/Demos/MyBookShop%20-%20Final/Web/WebResource.axd?d=Z6p7xF9tjY6napuwT3WBkA2t=633710706727968750" width="0" height="0" style="border-width:0px;" //adiv id="ctl00_tvStoreClass"

table cellpadding="0" cellspacing="0" style="border-width:0;"

tda id="ctl00_tvStoreClassn0" href="javascript:TreeView_ToggleNode(ctl00_tvStoreClass_Data,0,ctl00_tvStoreClassn0,' ',ctl00_tvStoreClassn0Nodes)"img src="#" alt="折叠新书推荐" style="border-width:0;" //a/tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="default.aspx" id="ctl00_tvStoreClasst0"新书推荐/a/td

/tr

/tablediv id="ctl00_tvStoreClassn0Nodes" style="display:block;"

table cellpadding="0" cellspacing="0" style="border-width:0;"

tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=1" id="ctl00_tvStoreClasst1" C#/a/td

/tr