HTML是什麼？
Hypertext Markup Language 超文字標記語言
一種利用純文字的方式來進行幕後版排的方式，HTML 就是網頁的原始碼呈現的方式之一，可以利用連結的方式，移動到所需要的頁面。
HTML是什麼？ 是一種“幕後文字排版”的方式之一。
主要的開啟方式： 排版完成後：瀏覽器 排版時（純文字模式）
HTML 只是一個很普通的文字檔。所以任何平台都可以輕易的編修。
HTML 只是一個很普通的文字檔。所以任何平台都可以輕易的編修。
只要依照標準進行撰寫，所有的平台都可以順利的讀取顯示出作者想要表現的畫面。
※開啟HTML初始畫面
※範例
<html>為 HTML 主體。
<head>為 HTML 表頭設定。
<title>為 HTML 標題定義。
<body>為 HTML 頁面內容設定主體。
---------------------------------------------------------------------------------
CSS是什麼？
CSS是為了解救HTML(Hyper Text Markkup Language)而誕生的最早的網頁就是全部由HTML的語法所堆砌出來的，
而且剛開始的時候真的就是以文字(Text)為主要內容。
但是慢慢地大家對網頁呈現的方式要求越來越高的時候，
開始在網頁上加了一些排版的元素，
EX：字體的大小、字型及顏色，文字表格，圖片及字的相關位置等等，
所以HTML就慢慢變得越來越複雜...
※HTML跟CSS用法比較
然而CSS的寫法卻又分兩種方式，一種是寫在內部文件，另一種是寫在外部連結
<style>為 CSS 內部樣式設定。
<link>為 CSS 外部樣式設定。
※內部文件範例
<style>為 CSS 內部樣式設定。
※開啟外部連結CSS初始畫面
※外部連結範例
<link>為 CSS 外部樣式設定。
P.S.<div>為 HTML 架構中常用於版面框架設定,以段落為預設。
※out.css外部連結呈現
!!!!總結!!!!
上述的做法都可以達到相同的效果!
但是!!
比起HTML、內部文件更推薦使用外部連結!善用CSS可以做出更完美漂亮的網頁唷!!
沒有留言:
張貼留言