HTML ???
HTML ???
?? ?? ???????:
<html> <body style="background-color:PowderBlue;"> <h1>改變顏色</h1> <p style="font-family:verdana;color:red"> 字體顏色變紅色</p> <p style="font-family:times;color:green"> 字體顏色變綠色</p> <p style="font-size:30px">字體高度變?yōu)?0px</p> </body> </html>
HTML ??? ??
??? ??? ??:
?? HTML ??? ???? ???? ???? ??? ?????.
???? HTML 4?? ?????? HTML ??? ???? ???? ? ???? ??? ?????. HTML ???? ???? ??? ??? ???? HTML ??? ?? ???? ????? ??? ??? ??(CSS ??)?? ???? ????? ???? ??? ? ????.
CSS ?????? ???? CSS? ?? ?? ?? ?? ? ????.
HTML ??????? ??? ??? ???? HTML ???? ?? ?????.
CSS ???
CSS? HTML ??? ? ? ????? ?? HTML 4?? ???????.
CSS? ??? ?? ???? HTML? ??? ? ????.
??? ??? - HTML ??? "style" ?? ??
?? ??? ?? - <head> HTML ??? ??? <style> ??? ???? CSS? ?????
?? ?? - ?? CSS ?? ??
?? ?? ??? CSS ??? ???? ???? ????.
? ???? HTML ??????? ??? CSS ???? ???? ??? ?????. ?? ??? ????? ????? ??? ? ?? ???? ??? ??? ? ??? ?? ?? ????.
? ???? CSS ???? CSS ????? ?? ? ?? CSS ??? ?? ? ????.
??? ???
??? ??? ?? ??? ??? ???? ???? ? ? ?????. ??? ???? ???? ??? ?? ??? style ??? ???? ????. ??? ???? ?? CSS ??? ??? ? ????. ?? ???? ??? ??? ?? ??? ???? ??? ?????.
<p style="color:blue;margin-left:20px;">?????.</p>
HTML ??? ? - ???
Background-color ??? ??? ???? ?????:
<!DOCTYPE html> <html> <body style="background-color:pink;"> <h2 style="background-color:red;">好好學習</h2> <p style="background-color:green;">天天向上</p> </body> </html>
HTML ??? ? - ??, ?? ??, ?? ??
font-family(font ), ??? ??? ? ????. (??) ? ?? ??(?? ??) ??? ???? ?? ???? ?????.
????
<!DOCTYPE html> <html> <body> <h1 style="font-family:verdana;">A heading</h1> <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p> </body> </html>
?? ????? ?? ??(??), ??(??) ? <font> ??? ???? ?? ??? ???? ???? ?? ??(?? ??) ?????.
HTML ??? ? - ??? ??
text-align(??? ??) ??? ???? ???? ?? ? ?? ??? ?????.
?
<!DOCTYPE html> <html> <body> <h1 style="text-align:center;">Center-aligned heading</h1> <p>This is a paragraph.</p> </body> </html>
??? ?? ?? text-align? ?? ?? <center>? ?????.
?? ??? ??
?? ??? ??? ???? ??? ?? ?? ??? ??? ??? ? ????. <head> ??? <style> ??? ?? ?? ??? ??? ??? ? ????.
<html>
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
<body>
</body>
</html>?? ??? ??
?? ??? ??? ???? ?? ???? ???? ? ? ??????. ?? ??? ??? ???? ?? ??? ???? ?? ???? ??? ??? ? ????.
????
