Welcome to the New and Improved Head First Lounge
    　　　　
    　　　　
Join us any evening for refreshing 
elixirs,
cinversation and maybe a game or two of Dance Dance Revolution.
Wireless access is always provided; BYOWS (Bring your own Web Server).
 
Directions
 
You'll find us right in the center of downtown Webville.
If you need help finding us, checkout out
our detailed
directions. Come join us!
 
 
Walla Walla, Wa
 
Magic City, ID
 
Bountiful, UT
 
Last Chance, Co
 
 
 Passing cars, When you can't see,
May get You,
 A glimpse,
 Of eternity. 
 

要进入Web的世界,在你面前只有一个障碍,那就是要学会它的语言.

HTML和CSS就是我们用来创建网页的语言

Web服务器存储并提供由HTML和CSS创建的网页.浏览器获取网页,并根据HTML和CSS显示网页的内容.

HTML是超文本标记语言(Hyper Text Markup Language)的缩写,用来建立网页的结构.

HTML会告诉浏览器文档的结构:标题放在哪里,段落放在哪里,那些文本需要强调等.有了这些信息,浏览器会使用它内置的默认样式来表现这个结构.

CSS是层叠样式表(Cascading Style Sheets)的缩写,用来控制HTML的表现.

利用CSS可以描述要如何表现你的内容,例如改变为你喜欢的字体、颜色、大小等,使之看起来更加美观.

尽管这意味着需要学习两种语言,但是你会发现,由于每个语言各有其擅长的方面,与视图使用一种语言兼顾这两方面的工作相比,实际上学习两种语言让他们各司其职反而更容易.

什么是 HTML？

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言 (HyperTextMarkupLanguage)
• HTML 不是一种编程语言，而是一种标记语言(markup language)
• 标记语言是一套标记标签(markup tag)
• HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

• HTML 标签是由尖括号包围的关键词，比如
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始标签，第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签

通过HTML,我们利用标记来表示内容提供结构.我们把匹配标记以及它们包围的内容称为元素.

而元素是什么呢?它通常由三部分组成:一个开始标记、内容和一个结束标记。不过有些元素(比如)有所例外。

下面来介绍下常见的元素:

HTML 标题（Heading）

是通过

-

等标签进行定义的。从

到

,字体由大到小.除非创建一个非常复杂,庞大的文档,否则一般不会用到

以后的标题.

例如:

This is a heading
This is a heading
This is a heading

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释是这样写的：

HTML 段落

是通过

标签进行定义的。

例如:

This is a paragraph.
This is another paragraph.

HTML 水平线

例如:

This is a paragraph

This is a paragraph

This is a paragraph

hr 元素可用于分隔内容。

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用
标签：

例如:

This is
a para
graph with line breaks

元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

HTML 链接

是通过 标签进行定义的。

例如:

This is a link

其中元素的href属性指定了连接的目标文件.

HTML 图像

是通过 标签进行定义的。

例如:

其中元素的src属性指定了在web页面上显示的图像文件的位置,alt属性需要指定描述这个图像的一些文本.

这里的例如href,src,alt,都是元素的属性,写法都一样,首先是属性名,后面是一个等于号,然后是双引号括起来的属性值.

无序列表unorderlist

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于

标签。每个列表项始于

• 例如:

  
  Coffee
  Milk
  

  有序列表orderlist

  同样，有序列表也是一列项目，列表项目使用数字进行标记。

  有序列表始于

  标签。每个列表项始于
  1. 标签。

     例如:

     
     Coffee
     Milk
     

     简短的引用

     通过元素可以为现有的文字里添加简短的引用

     例如:

     　
     You'll find us right in the center of downtown Webville.If you need help finding us, checkout out 
     our Come join us! 

     很长的引用

     可以使用

     元素来为一段或多段文字添加引用

     例如:

      Passing cars, When you can't see,
     　　　　　　　　 May get You,
     
      A glimpse,
     
      Of eternity.
     

     强调

     可以使用元素来标记你想用不同方式显示的文本,比如你想强调一个要点

     例如:

     Join us any evening for refreshing cinversation and maybe a game or two of Dance Dance Revolution.Wireless access is always provided; BYOWS (Bring your own Web Server).
     

     现在已经知道了很多基本的元素了,其他还有显示计算机代码的元素,显示时间或日期的元素等等就不列举了.