【HTML+CSS網頁設計與佈局 從入門到精通】第2章

Koma_Wong發表於2018-10-20

目錄

02-01.基本文字顯示

02-02.標題

02-03.文字顏色

02-04.文字顏色字型

02-05.圖文並茂

02-06.正文文字


02-01.基本文字顯示

<html>
   <head> 
      <title>test</title>
   </head>
   <body>
      <b>
        網際網路,我來了!
      </b>
   </body>
</html>

02-02.標題


<html>
   <head>
      <title>標題標記</title>
   </head>
   <body>
      以下為標題樣式:
      <h1>H1標題大小</h1>
      <h2>H2標題大小</h2>
      <h3>H3標題大小</h3>
      <h4>H4標題大小</h4>
      <h5>H5標題大小</h5>
      <h6>H6標題大小</h6>
   </body>
</html>

02-03.文字顏色


<html>
   <head>
      <title>設定文字顏色</title>
   </head>
   <body>
      <font color=blue>
        這是藍色文字
      </font>
   </body>
</html>

02-04.文字顏色字型


<html>
   <head>
      <title>藍色粗斜字型</title>
   </head>
   <body>
     <b>
       <i>
        <font color=blue>
         這是藍色粗斜字型
        </font>
       </i>
     </b>
   </body>
</html>

02-05.圖文並茂


<html>
   <head>
      <title>插入圖片</title>
   </head>
   <body>
      <center>
        <img src=cup.gif>
        <p>網頁也可以圖文並茂!</p>
      </center>
   </body>
</html>

02-06.正文文字


<html>
   <head>
      <title>註釋標記</title>
   </head>
   <body>
      這是正文文字……      <!-  這是註釋文字……   -->
   </body>
</html>

 

相關文章