2015年9月28日 星期一

( 1 ) Head First HTML 與 CSS XHTML 筆記

1. ( 1 開始了解 HTML WEB語言 )
<html>
<head>
<title>Head first lounge<title>
<img scr="Drinks.jpg>
</head>
<body>
<h1> Welcom to the head first lounge </h1>
<p>......<a href="qq/qq1.html> 一個鏈接</a> ..............<em>斜體字</em>    </p>
<h2>                      </h2>
<p>.......<a href="...../123.html>鏈接提示</a>.......... </p>
</body>
</html>
<!--會忽略此段內容-->
2. 認識樣式元素  (CSS)
     a. <style> ==>
<style type="text/css">....放頁面樣式...</style> <!--放在<head> 中 <title> 後-->
         body {
                    background-color: #d2b48c;  <!--顏色參考-->
                    margin-left: 20%;   <!--左邊留20%空間-->
                    margin-right: 20%;   <!--右邊留20%空間;本體用60%空間-->
                    border: 1px dotted gray;   <!--框線粗細與顏色-->
                    padding: 10px 10px 10px 10px; <!--字體距框線距離-->
                    font-family: sans-serif;
         }


9/29-P32 PDF/P33

2. 認識HTML中的"HT":深入了解超文本 P43
<style type="text/css">
<a href="irhle.html">irhle.html</a>
<img scr="sweetphoto.gif>

href ( hypertext reference )
hypertext:超文本
reference:參考

3. 創建網頁:構建模塊 P77
<q>  ==>雙引號

9/30 P88 PDF/P126











































123

沒有留言:

張貼留言