Page 312 - SK tingkatan 5
P. 312

•  Jajaran teks (Text alignment)
                   Sintaks yang berikut akan menukar jajaran teks bagi <h1> ke bahagian tengah dokumen HTML.


                      h1
                      {
                          text-align: center;
                      }






                  CONTOH        7


                 Contoh 7 menunjukkan jajaran teks teks bagi <h1> ditukar ke bahagian tengah dokumen HTML . Atur cara
                 HTML, CSS dan output ditunjukkan dalam Rajah 3.3.48.


                    <html>
                       <head>
                         <title>Jajaran Teks</title>
                          <style>
                             h1
                             {
                                text-align: center; 2

                             }
                          </style>
                       </head>
                       <body>
                         <h1>Laman Web Sekolah</h1>  1
                       </body>
                    </html>

                  Output:











                                         Rajah 3.3.48
                                         Rajah 3.3.48  Contoh HTML, CSS dan Output (jajaran teks) )
                                                             CSS dan Output

                                                  Contoh HTML,
                                                                       (jajaran teks
                 Penerangan:
                 Penerangan:
                  1
                  1   Terdapat heading <h1> pada laman web.  Terdapat heading <h1> pada laman web.
                  2    Penetapan CSS text  –  align  :  center menjadikan jajaran teks berada di bahagian tengah    Penetapan CSS text  –  align  :  center menjadikan jajaran teks berada di bahagian tengah
                  2
                     dokumen HTML.
                     dokumen   HTML.

                 304   Sains Komputer Tingkatan 5
   307   308   309   310   311   312   313   314   315   316   317