Web程式設計

HTML & CSS

坊吉

系統環境(win)

或是直接裝LAMP

網頁是什麼?

web page

簡單來說就是一份文件

36

Website

HTML

HyperText Markup Language

.html .htm

<!DOCTYPE html> <!--  文件宣告  -->
<html>

<head>
<meta charset="UTF-8">
<title>這是標題</title>
</head>

<body>
<p>Hello world!</p>
</body>

</html>

CSS

Cascading Style Sheets

body{

att: val;

color: blue;

}

.class{

}

#id{

}

選取器

inline

<span style="font-size:14px;">

internal

<style>  </style>

external

<link href="mycss.css" rel="stylesheet" type="text/css">

browser default

優先順序

W3CSchools Tutorial

http://www.w3schools.com/html/

(中文)http://www.w3school.com.cn/html/index.asp

程式語言教學誌

http://pydoing.blogspot.tw/2012/10/html-css-tutorial.html

Code Cademy

https://www.codecademy.com/learn/web

Code School

https://www.codeschool.com/learn/html-css

W3CSchools Tutorial

http://www.w3schools.com/css/default.asp

(中文)http://www.w3school.com.cn/css/index.asp

1keydata CSS語法教學

http://www.1keydata.com/css-tutorial/tw/

Made with Slides.com