body
{
color: green;
font-size:14px;
}
h1,h2
{
font-family:"Comic Sans MS",Arial,"Times New Roman";
font-size: 150%;
}
h1
{
border-bottom: 2px solid gray;
font-size: 220%;
}
p
{
font-size:18px;
color:dodgerblue;
}
a
{
font-size:14px;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Head First Lounge</title>
<link type="text/css" rel ="stylesheet" href = "lounge.css">
</head>
<body>
<h1>Welcome to the New and Improved Head First Lounge</h1>
<p>
<img src="images/drinks.gif" alt="Drinks">
</p>
<p>
Join us any evening for refreshing
<a href="beverages/elixir.html">elixirs</a>,
conversation and maybe a game or two of
<em>Dance Dance Revolution</em>.
Wireless access is always provided;
BYOWS (Bring Your Own Web Server).
</p>
<h2>Directions</h2>
<p>
You'll find us right in the center
of downtown Webville. If you need help finding
us, check out our
<a href="about/directions.html">detailed directions</a>.
Come join us!
</p>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Head First Lounge Elixirs</title>
<link type="text/css" rel = "stylesheet" href = "../lounge.css">
<style>
.greencolor
{
color:green;
}
h2.redcolor
{
color:red;
}
.bluecolor
{
color:blue;
}
#zicolor
{
color:purple;
}
</style>
</head>
<body>
<h1 class = "redcolor">Our Elixirs</h1>
<h2 class = "redcolor">Green Tea Cooler</h2>
<p class = "greencolor">
<img src="../images/green.jpg" alt="美女">
Chock full of vitamins and minerals, this elixir
combines the healthful benefits of green tea with
a twist of chamomile blossoms and ginger root.
</p>
<h2>Raspberry Ice Concentration</h2>
<p class = "bluecolor">
<img src="../images/lightblue.jpg" alt="Raspberry Ice Concentration">
Combining raspberry juice with lemon grass,
citrus peel and rosehips, this icy drink
will make your mind feel clear and crisp.
</p>
<h2 class = "redcolor">Blueberry Bliss Elixir</h2>
<p id = "zicolor">
<img src="../images/blue.jpg" alt="Blueberry Bliss Elixir">
Blueberries and cherry essence mixed into a base
of elderflower herb tea will put you in a relaxed
state of bliss in no time.
</p>
<h2>Cranberry Antioxidant Blast</h2>
<p class = "redcolor">
<img src="../images/red.jpg" alt="Cranberry Antioxidant Blast">
Wake up to the flavors of cranberry and hibiscus
in this vitamin C rich elixir.
</p>
<p>
<a href="../lounge.html">Back to the Lounge</a>
</p>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Head First Lounge Directions</title>
<link type="text/css" rel = "stylesheet" href = "../lounge.css">
</head>
<body>
<h1>Directions</h1>
<p>Take the 305 S exit to Webville - go 0.4 mi</p>
<p>Continue on 305 - go 12 mi</p>
<p>Turn right at Structure Ave N - go 0.6 mi</p>
<p>Turn right and head toward Structure Ave N - go 0.0 mi</p>
<p>Turn right at Structure Ave N - go 0.7 mi</p>
<p>Continue on Stucture Ave S - go 0.2 mi</p>
<p>Turn right at SW Presentation Way - go 0.0 mi</p>
<p>
<a href="../lounge.html">Back to the Lounge</a>
</p>
</body>
</html>
web前台的学习
最新推荐文章于 2022-10-19 12:29:57 发布