組成網頁的元素

首先,你看到一個網站,你要知道它是由前端及後台組成,最常見的網站後台語言是 PHP,而一個最簡單的網頁的前端則是由 HTML / CSS / JavaScript 三種語言組成。
網頁組成

做網頁的三種方法


  1. Dreamweaver
  2. 使用模板,見[用模板做的網頁]
  3. HTML+CSS+JavaScript

用模板做成的網頁

最簡單改模板的步驟介紹

  1. 找到並下載喜歡的模板
  2. 用*IDE打開模板的HTML檔案
  3. 修改文字及*CSS
  4. 搭拉!完成啦!

Demo

*IDE *CSS *找模板的好用網頁

html做網頁的方法

基礎架構

HTML架構

常用的重要基礎標籤

標籤 說明
a 超連結,常加入href屬性以指定連結位址
p 分段落用,即p標籤內的文字會自成一段,與上下段文字不處同一行
br 換行,瀏覽器無法讀出enter跟tab,所以需要讓文句換行時必須使用之瀏覽器才會正確換行
*特別注意,br標籤不成對,即< br/ >
pre 讓文章完整的輸入,即在pre標籤內,瀏覽器可以識別出enter、tab
hr 分隔線
*特別注意,hr標籤不成對,即< hr/ >
hn
(n為1~6)
標題文字,數字越大,字體越小

HTML清單及表格

在講這個之前,請把你現在正在看的這份HTML檔案用剛剛發的軟體"sublime text3"打開,然後且聽本人的說明