0821 Head First HTML and CSS — Study Log #1
- Slow down. The more you understand, the less you have to memorize.
- Do the exercises. Write your own notes.
- Read the “There Are No Dumb Questions.”
- Make this the last thing you read before bed. Or at least the last challenging thing.
- Drink water. Lots of it.
- Talk about it. Out loud.
- Listen to your brain.
- Feel something!
- Create something!
Chapter 1. Getting to Know HTML: The Language of the Web
-
Browsers ignore tabs, returns, and most spaces in HTML documents.
-
Added comments for myself in HTML using
<!-- your note --> -
Element = Opening Tag + Content + Closing Tag
-
Information about the web page goes into the
<head>element.
<html>
<head>
<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>Stubuzz Coffee Beverages</h1>
<h2>House Blend, <em>$1.49</em></h2>
<p>A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.</p>
<h2>Mocha Cafe Latte, <em>$2.35</em></h2>
<p>Espresso, steamed milk and chocolate syrup.</p>
<h2>Cappuccino, <em>$1.89</em></h2>
<p>A mixture of espresso, steamed milk and foam.</p>
<h2>Chai Tea, <em>$1.85</em></h2>
<p>A spicy drink made with black tea, spices, milk and honey.</p>
</body>
</html>
Word list
- visually impaired
- retrieve
- tan
- grab
- dissect