看到知乎上好多人推荐Head First 系列书，我想一定有他的道理吧，所以买了一本Head First HTML与CSS来开始我的web学习生涯，这本书整体上作者就像一个老师一样在给你说一步一步怎么做，非常详细，对于新手来说真的是太友好了，对了，它，不仅仅是像老师一样教你，更多的是与你交谈。

好了，我要开始我的学习了。我将会记录每次学习的知识点，梳理过程，在以后忘记了的时候，看到博客能够很快想起。

第一章：认识Web语言

刚开始给出一段简单的星巴克的网站，然后用浏览器打开这个网站，我真是太欣喜啦，之后认识了html.head.body.title.h1.h2.h3.p元素

<h1>开始一个标题

</h1>关闭一个标题

<p>开始一个段落

</p>关闭一个段落

所以：1.要告诉浏览器页面的结构，需要用成对的标记包围页面内容

2.元素 = 开始标记 + 内容 + 结束标记

<h1>我爱你中国</h1> 这是个元素，而不是h1是个元素，h1只是个标记

(为了记录方便和简洁，所以我之后会把类似<h1>叫做一个元素，不过要知道元素究竟是什么)

认识style元素：

元素可以有属性，属性可以提供元素的额外信息

<html>
  <head>
    <title>Starbuzz Coffee</title>
    <style type="text/css">
        body {
                   background-color:#d2b48c;           <!--设置颜色背景为土黄色，背景颜色#008000是绿色，#000000是黑色，#d2b48c中d2是红色，b4是绿色，8c是蓝色-->
                   margin-left: 20%;                   <!--左右边距分别占页面的20%-->
                   margin-right: 20%;
                   border: 2px dotted black;           <!--定义页面主体周围边框是虚线，颜色为黑色-->
                   padding: 10px 10px 10px 10px;      <!--像素-->
                   font-family: sans-serf;               <!---定义文本使用的字体->  
                 }
    </style>
  </head>

  <body>
    <h1> Starbuzz Coffee Beverages</h1>
    <h2>House Blend,$1.49</h2>
    <p>A smooth,mild blend of coffee from MEXICO,Bolivia and Guatemala.</p>
    <h2>Mocha Cafe Latte,$2.35</h2>
    <p>Espresso,steamed milk and chocolate syrup.</p>
    <h2>Cappuccino,$1.89</h2>
    <p>A mixture of espresso,steamed milk and foam.</p>
    <h2>Chai Tea,$1.85</h2>
    <p>A spicy drink made with black tea,spices,milk and honey.</p>
<p><a target="_blank" href="mission.html"  title="our Mission">Read about our Mission</a><br>
Read the<a target="_blank" href="http://www.wickedlysmart.com/buzz/#Coffee">Caffeine Buzz</a></p>
  </body>
</html>

第一章：认识Web语言

第一章：认识Web语言

认识style元素：

猜你喜欢