一下我的一个实验页代码:
htm code:
profile=http://gmpg.org/xfn/11>
recipes weblog
href=style.css type=text/css rel=stylesheet>
recipes weblog
recipes of the most delicious dishes
style=padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
action=
method=get>search
style=border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
type=image src=images/go.gif value=submit>
categories
href=index.htm>appetizer
href=index.htm>bakery
href=index.htm>basic principles
href=index.htm>beef
href=index.htm>breakfast and
brunch
href=index.htm>candy
href=index.htm>cheese
href=index.htm>chicken
href=index.htm>condiment
href=index.htm>cookies
href=index.htm>cooking
techniques
href=index.htm>dessert
href=index.htm>drink
href=index.htm>duck
href=index.htm>egg
href=index.htm>ingredients &
flavours
href=index.htm>jams and jellies
href=index.htm>lamb
href=index.htm>low carb recipes
href=index.htm>main course
href=index.htm>mexican food
recipes
href=index.htm>pasta
href=index.htm>pork
href=index.htm>quick recipes
href=index.htm>recipes
href=index.htm>restaurant
business
href=index.htm>salad
href=index.htm>salsa
href=index.htm>sandwich
href=index.htm>sauce
href=index.htm>seafood
href=index.htm>side dish
href=index.htm>soup and stew
href=index.htm>turkey
href=index.htm>vegetables
href=index.htm>vegetarian recipes
href=index.htm>wheat-free recipes
src=images/spacer.gif align=top>
jan 10, 2007
href=?p=3 rel=bookmark>greek
meatballsposted by elise
src=images/comm_bg.jpg align=top>comments
(0)
i found this recipe in the weekend edition of the wall st. journal as good
“noshing” food for new year’s and had to give it a try, with a few minor
changes. it comes from chef michael symon of the parea greek restaurant in new
york and lola & lolita bistro in cleveland. the meatballs are quite tasty
and work well dipped in a little yogurt.
continue
reading greek meatballssrc=images/more_bg.jpg align=top>
dec 10, 2006
href=?p=4 rel=bookmark>nut
muffinsposted by elise
src=images/comm_bg.jpg align=top>href=comments.htm>comments
(2)
if time and waistline permitted, i could wake up every morning to the smell
of fresh muffins baking in the oven, especially these banana nut muffins. this
recipe is based on our popular banana bread recipe, with a little less sugar, a
cup of chopped walnuts, and a dash of espresso. lest you be tempted to snatch
the muffins pictured here right out of your computer screen, you should know
that they’ve long since been consumed, minutes after the photo was taken.
continue
reading nut muffinssrc=images/more_bg.jpg align=top>
nov 10, 2006
href=?p=5 rel=bookmark>pound
cakeposted by elise
src=images/comm_bg.jpg align=top>href=?p=5#comments>comments
(0)
you know it’s a good sign when your friend the pastry chef raves about a
recipe. especially when it has the words “eggnog” and “cake” in it. thank you
evie for the recipe, it was delicious. it’s a keeper!
continue
reading pound cakesrc=images/more_bg.jpg align=top>
archives
href=?m=200701>january 2007
href=?m=200612>december 2006
href=?m=200611>november 2006
meta
login
href=rss.xml>entries title=really simple syndication>rss
href=rss.xml>comments
rss
title=powered by wordpress, state-of-the-art semantic personal publishing platform.
href=#>wordpress.com
blogroll
alex
donncha
ryan
dougal
michel
matt
mike
recent posts
greek meatballs
nut muffins
pound cake
recent comments
elise on href=#>nut
muffins
elise on href=#comment-2>nut
muffins
recipes weblog is proudly powered by href=
target=_blank>smq
css 样式 code:
body {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #555555; padding-top: 0px; background-color: #ffffff
}
a {
color: #ff5400; text-decoration: underline
}
a:hover {
color: #ff5400; text-decoration: none
}
.postmetadataalt {
font-size: 0.81em
}
.pagetitle {
padding-right: 0px; padding-left: 0px; padding-bottom: 20px; margin: 0px; padding-top: 0px
}
p {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
html {
font-size: 11px; font-family: arial, tahoma, verdana
}
.normal {
font-size: 1.01em; font-family: arial, tahoma, verdana
}
.small {
font-size: 0.81em; font-family: arial, tahoma, verdana
}
.big {
font-size: 1.11em; font-family: arial, tahoma, verdana
}
h1 {
padding-right: 0px; padding-left: 0px; font-size: 2.61em; padding-bottom: 0px; margin: 0px; text-transform: uppercase; color: #ffffff; line-height: 1.01em; padding-top: 0px
}
h2 {
padding-right: 0px; padding-left: 0px; font-size: 2.11em; padding-bottom: 0px; margin: 0px; color: #ff5400; padding-top: 0px
}
h3 {
padding-right: 0px; padding-left: 0px; font-size: 2.11em; padding-bottom: 0px; margin: 0px; color: #ff5400; padding-top: 0px
}
#respond {
padding-right: 0px; padding-left: 0px; font-size: 2.11em; padding-bottom: 0px; margin: 0px; color: #ff5400; padding-top: 0px
}
.content_txt h2 a {
color: #ff5400; text-decoration: none
}
.content_txt h2 a:hover {
color: #ff5400; text-decoration: none
}
.h2 {
padding-right: 5px; padding-left: 9px; font-size: 1.01em; padding-bottom: 10px; margin: 0px; text-transform: uppercase; color: #ffffff; line-height: 1.01em; padding-top: 8px
}
.head_px {
background: url(head_px.jpg) repeat-x left top; vertical-align: top; width: 100%; height: 164px
}
.head_left {
background: url(head_left.jpg) no-repeat left top; vertical-align: top; width: 100%; height: 164px
}
.head_right {
background: url(head_right.jpg) no-repeat right top; vertical-align: top; width: 100%; height: 164px
}
.main_div {
vertical-align: top; width: 719px; text-align: left
}
.head_line {
background: url(head_line.jpg) repeat-x left top; vertical-align: top; width: 100%; height: 33px
}
.footer {
background: url(footer.jpg) repeat-x left top; vertical-align: top; width: 100%; height: 70px
}
.footer_txt {
padding-right: 0px; padding-left: 188px; padding-bottom: 0px; vertical-align: top; color: #aaaaaa; padding-top: 11px
}
.footer_txt a {
font-weight: bold; color: #aaaaaa; text-decoration: underline
}
.footer_txt a:hover {
font-weight: bold; color: #aaaaaa; text-decoration: none
}
.table {
width: 719px
}
.table_row {
width: 719px; height: 100%
}
.left {
vertical-align: top; width: 159px; height: 100%; text-align: left
}
.right {
vertical-align: top; width: 401px; height: 100%; text-align: left
}
.table1 {
width: 719px
}
.table_row1 {
width: 719px; height: 100%
}
.left1 {
background: url(co_name.gif) no-repeat right top; vertical-align: top; width: 453px; height: 164px; text-align: left
}
.right1 {
background: url(search_bg.gif) no-repeat right top; vertical-align: top; width: 266px; height: 164px; text-align: left
}
.co_name {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; vertical-align: top; padding-top: 60px
}
.co_name a {
color: #ffffff; text-decoration: none
}
.co_name a:hover {
color: #ffffff; text-decoration: none
}
.slogan {
padding-right: 0px; padding-left: 0px; font-size: 0.81em; padding-bottom: 0px; vertical-align: top; text-transform: uppercase; color: #80a489; padding-top: 0px; letter-spacing: 2px
}
#search {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; vertical-align: top; color: #ffffff; line-height: 1.11em; padding-top: 60px
}
#search strong {
text-transform: uppercase; color: #ffffff
}
#search input {
border-right: #cfcfcf 1px inset; padding-right: 0px; border-top: #cfcfcf 1px inset; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 3px 8px 0px 0px; vertical-align: top; border-left: #cfcfcf 1px inset; width: 222px; color: #000000; padding-top: 0px; border-bottom: #cfcfcf 1px inset; font-family: arial, times new roman, tahoma, verdana; height: 21px; background-color: #f4f4f4
}
#search .input {
padding-right: 0px; padding-left: 0px; background: none transparent scroll repeat 0% 0%; padding-bottom: 0px; margin: 3px 0px 0px; vertical-align: top; width: 24px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; height: 22px; border-bottom-style: none
}
.sub_right {
margin: 0px 28px 0px 30px; vertical-align: top; width: 343px; text-align: left
}
.table2 {
width: 343px
}
.table_row2 {
width: 343px; height: 100%
}
.left2 {
vertical-align: top; width: 142px; height: 100%; text-align: left
}
.right2 {
vertical-align: top; width: 201px; height: 100%; text-align: left
}
.head {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; color: #899295; line-height: normal; padding-top: 3px
}
.head span {
font-size: 0.81em; color: #899295
}
.head a {
color: #ff5400; text-decoration: none
}
.head a:hover {
color: #ff5400; text-decoration: none
}
.comment {
padding-right: 0px; padding-left: 0px; font-weight: bold; padding-bottom: 0px; margin: 0px; color: #ff002a; padding-top: 5px
}
.comment a {
color: #ff002a; text-decoration: none
}
.comment a:hover {
color: #ff002a; text-decoration: underline
}
.content_txt {
padding-right: 0px; padding-left: 0px; font-size: 1.11em; padding-bottom: 0px; vertical-align: top; line-height: 1.41em; padding-top: 12px
}
.content_txt a {
color: #555555; text-decoration: underline
}
.content_txt a:hover {
color: #555555; text-decoration: none
}
.content_txt strong {
color: #555555
}
.more {
padding-right: 0px; padding-left: 0px; padding-bottom: 37px; margin: 0px; color: #00ae21; padding-top: 10px
}
.more a {
font-weight: bold; color: #00ae21; text-decoration: none
}
.more a:hover {
font-weight: bold; color: #00ae21; text-decoration: underline
}
.cats2 {
background: url(cats2.jpg) repeat-y left top; margin: 0px 0px 15px; vertical-align: top; width: 159px
}
.cats1 {
background: url(cats1.jpg) no-repeat left top; vertical-align: top; width: 159px; height: 100%
}
.cats3 {
background: url(cats3.jpg) no-repeat left bottom; vertical-align: top; width: 159px; height: 100%
}
.widget_style {
padding-right: 4px; padding-left: 4px; padding-bottom: 4px; vertical-align: top; color: #555555; padding-top: 4px; text-align: left
}
.cats_bg {
vertical-align: top; background-color: #6a6a6a
}
.widget_style a {
color: #555555; text-decoration: underline
}
.widget_style a:hover {
color: #555555; text-decoration: none
}
.widget_style ul {
padding-right: 5px; padding-left: 8px; background: none transparent scroll repeat 0% 0%; padding-bottom: 15px; margin: 0px; padding-top: 10px
}
.widget_style li {
padding-right: 0px; padding-left: 11px; background: url(li_bg.jpg) no-repeat left top; padding-bottom: 0px; margin: 0px; vertical-align: top; color: #555555; line-height: 1.81em; padding-top: 0px; list-style-type: none
}
.widget_style ul li a {
color: #555555; text-decoration: none
}
.widget_style li a:hover {
color: #555555; text-decoration: underline
}
#archives {
vertical-align: top
}
#links_with_style {
vertical-align: top
}
#meta {
vertical-align: top
}
#recent-comments {
vertical-align: top
}
#recent-posts {
vertical-align: top
}
#categories {
vertical-align: top
}
#calendar_wrap {
padding-right: 10px; padding-left: 18px; padding-bottom: 15px; vertical-align: top; padding-top: 15px
}
#calendar {
vertical-align: top
}
#calendar_wrap a {
font-weight: bold; text-decoration: underline
}
#calendar_wrap a:hover {
font-weight: bold; text-decoration: none
}
#google-search {
vertical-align: top
}
#gsearch {
text-align: left
}
#pages {
vertical-align: top
}
#text-1 {
vertical-align: top
}
.textwidget {
padding-right: 10px; padding-left: 8px; padding-bottom: 15px; padding-top: 15px; text-align: left
}
#delicious {
vertical-align: top
}
#delicious-box {
text-align: left
}
#categories .cats_bg {
vertical-align: top; background-color: #cc8c00
}
#archives .cats_bg {
vertical-align: top; background-color: #548f00
}
#archives li {
padding-right: 0px; padding-left: 0px; background: none transparent scroll repeat 0% 0%; padding-bottom: 0px; margin: 0px; vertical-align: top; color: #005286; line-height: 1.81em; padding-top: 0px; list-style-type: none
}
#archives ul li a {
color: #005286; text-decoration: underline
}
#archives li a:hover {
color: #005286; text-decoration: none
}
.left #search {
padding-right: 0px; padding-left: 0px; padding-bottom: 15px; vertical-align: top; color: #000000; line-height: 1.11em; padding-top: 0px
}
.left #search strong {
text-transform: uppercase; color: #000000
}
.left #search input {
border-right: #cfcfcf 1px inset; padding-right: 0px; border-top: #cfcfcf 1px inset; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 5px 0px 0px; vertical-align: top; border-left: #cfcfcf 1px inset; width: 157px; color: #000000; padding-top: 0px; border-bottom: #cfcfcf 1px inset; font-family: arial, times new roman, tahoma, verdana; height: 21px; background-color: #f4f4f4
}
.left #search .input {
padding-right: 0px; padding-left: 0px; background: none transparent scroll repeat 0% 0%; padding-bottom: 0px; margin: 5px 0px 0px 133px; vertical-align: top; width: 24px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; height: 22px; border-bottom-style: none
}
.right #search {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; vertical-align: top; color: #000000; line-height: 1.11em; padding-top: 10px
}
.right #search strong {
text-transform: uppercase; color: #000000
}
.right #search input {
border-right: #cfcfcf 1px inset; padding-right: 0px; border-top: #cfcfcf 1px inset; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 3px 8px 0px 0px; vertical-align: top; border-left: #cfcfcf 1px inset; width: 222px; color: #000000; padding-top: 0px; border-bottom: #cfcfcf 1px inset; font-family: arial, times new roman, tahoma, verdana; height: 21px; background-color: #f4f4f4
}
.right #search .input {
padding-right: 0px; padding-left: 0px; background: none transparent scroll repeat 0% 0%; padding-bottom: 0px; margin: 3px 0px 0px; vertical-align: top; width: 24px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; height: 22px; border-bottom-style: none
}