HTML/CSS从零开始(一)

前期准备

2本书：《HTML5从入门到精通》清华大学出版社，《Head First HTML与CSS》中国电力出版社；

1个编译器：sublime；

几种浏览器用于测试网页：Firefox、chrome、360、IE；

2个主要的学习网站：慕课网:http://www.imooc.com/，w3school:http://www.w3school.com.cn/h.asp;

还有一颗安定的心、沉下心去学。

开始学习

一、HTML与CSS初步认识

HTML是网页的结构（相当毛坯房，还未进行装修），CSS是来定义样式的（相当于装修）；所以这两种语言共同构成了网页，其实在HTML中标签的属性style也可以定义样式，HTML结构与CSS定义如下中如下：

<html>
              <head>
                          <title>Starbuzz Coffees</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>

</body>

</html>

二、超链接（HT hypertext)

语法：<a href=""> </a>，

注意事项：

源文件与目标文件的相对位置

三个页面：lounge.html（主页）、elixir.html(跳转页1)、directions.html（跳转页2）

文件beverages、about在lounge中。

<a href="beverages/elixir.html ">elixirs</a>
    <a href="about/directions.html ">directions</a>
    <a href="../images/lounge.html ">Back to the lounge</a>

下一、二级：name1/name2/目标文件

先上二级后下一级：../../下一级name1/目标文件

原标题：HTML/CSS从零开始(一)

关键词：HTML