Head First Html与CSS 前两章

2019-11-29

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Starbuzz Coffee</title>
    </head>
    <body>
        <h1>Starbuzz Coffee Beverages</h1>
        <h2>House Blend, $1.49</h2>
        <p>A smooth,mild blend of coffees from Mexico,
        Bolivia and Guatemala.</p>
        <h2>Mocha Cafe Latte, $2.35</h2>
        <p>Espresso,steamed milk and chocolate</p>
    </body>
</html>

 

 

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Starbuzz Coffee</title>
        <style type = "text/css">
            body{
                background-color:#d2b48c;
                margin-left:20%;
                margin-right:20%;
                border:2px dotted black;
                padding: 10px 10px 10px 10px;
                font-family: sans-serif;
            }
        </style>
    </head>
    <body>
        <h1>Starbuzz Coffee Beverages</h1>
        <h2>House Blend, $1.49</h2>
        <p id="houseblend">A smooth,mild blend of coffees from Mexico,Bolivia</p>
        <p>A smooth,mild blend of coffees from Mexico,
        Bolivia and Guatemala.</p>
        <h2>Mocha Cafe Latte, $2.35</h2>
        <p>Espresso,steamed milk and chocolate</p>
    </body>
</html>

 

 

 

 

 

 

<!DOCTYPE html>
<html>
  <head>
    <title>Head First Lounge</title>
  </head>
  <body>
    <h1>Welcome to the New and Improved Head First Lounge</h1>
    <img src="drinks.gif">
    <p>
       Join us any evening for refreshing<a href="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="directions.html">detailed directions</a>.
      Come join us!
    </p>
  </body>
</html>

 

 

 

 <a></a>内部的元素是可以单机的

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2019-11-29 23:37  JasonPeng1  阅读(239)  评论(0)    收藏  举报