大綱

HTML + CSS + Javascript

=>static web

html 概要

有很多版本。目前是HTML5.

HTML文件由標籤組成,而這些規格的設定由於演進的關係,一直在變,因此學習HTML文件的時候會出現一樣的HTML在不同的瀏覽器不一致的情況。

可以把 HTML標籤,視為一篇文章的排版命令。例如,一個論文的架構可以分為,文章標題、章、節、段落。而段落部分文字可以醒目提示(如粗體,斜體),甚至可以有項目列表。而一個HTML文件,還可以配合其他媒體型態例如圖形,聲音等。

HTML 文件的元素:

而,瀏覽器的功用,就是解讀上面的標籤,來對文章排版。

基本架構

<html>
   <head>
   </head>
   <body>
   </body>
</html>

在瀏覽器中,打開上面的文件,是空白。

<html>
   <head>
   </head>
   <body>
     DEMO
   </body>
</html>

在瀏覽器中打開,則從第一行,第一個字開始顯示:DEMO。

這裡要注意的是,在HTML文件中,DEMO並不是從第一行第一個字開始。同時,也可以省略

<body>
 DEMO
</body>

甚至

   DEMO

都是一樣的結果。

課堂操作

目的:基本概念玩轉

分別測試下面的 font-weight, color, font-style

  1. <p style="font-weight: bold;">有很多版本。目前是HTML5.</p>
  2. <p style="color: red">有很多版本。目前是HTML5.</p>
  3. <p style="font-style: italic;">有很多版本。目前是HTML5.</p>

後續

Node.Js 中文

簡體中文