組成網頁的元素
做網頁的三種方法
用模板做成的網站
html做網頁的方法
練習的DEMO
組成網頁的元素
首先,你看到一個網站,你要知道它是由前端及後台組成,最常見的網站後台語言是
PHP
,而一個最簡單的網頁的前端則是由 HTML /
CSS
/ JavaScript 三種語言組成。
做網頁的三種方法
Dreamweaver
使用模板,見[用模板做的網頁]
HTML+CSS+JavaScript
用模板做成的網頁
最簡單改模板的步驟介紹
找到並下載喜歡的模板
用*IDE打開模板的HTML檔案
修改文字及*CSS
搭拉!完成啦!
Demo
*
IDE
*
CSS
*
找模板的好用網頁
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"打開,然後且聽本人的說明