一下我的一个实验页代码:

htm code:

profile=http://gmpg.org/xfn/11>

href="style.css" type=text/css rel=stylesheet>

if ((navigator.appName == "Microsoft Internet Explorer") && (navigator.userAgent.indexOf ("Opera") == -1)) {
document.write ('');
};
//-->

Recipes Weblog

Recipes of the most delicious dishes

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="https://www.gxlcms.com/Uploads/images/spacer.gif" align=top>

Jan 10, 2007

href="?p=3" rel=bookmark>Greek
Meatballs

Posted by Elise
src="https://www.gxlcms.com/Uploads//Uploads//Uploads/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 Meatballs"src="https://www.gxlcms.com/Uploads//Uploads//Uploads/images/more_bg.jpg" align=top>

Dec 10, 2006

href="?p=4" rel=bookmark>Nut
Muffins

Posted by Elise
src="https://www.gxlcms.com/Uploads//Uploads//Uploads/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 Muffins"src="https://www.gxlcms.com/Uploads//Uploads//Uploads/images/more_bg.jpg" align=top>

Nov 10, 2006

href="?p=5" rel=bookmark>Pound
Cake

Posted by Elise
src="https://www.gxlcms.com/Uploads//Uploads//Uploads/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 Cake"src="https://www.gxlcms.com/Uploads//Uploads//Uploads/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
}