:::: MENU ::::

Jumaat, 2 Disember 2016

Sebelum ini kita telah mecipta halaman index.html, index adalah fail yang pertama yang akan dibaca oleh pelayar apabila mengakses satu-satu hos laman web, berikut kita akan membina muka kedua untuk laman web My Page.


LANGKAH 1 : mewujudkan fail anda


  • buka folder atau wujudkan folder untuk projek pertama anda.
  • buka notepad atau text editor pilihan anda dan save as "biodata.html" dan save didalam folder yang anda baru wujudkan tadi.


LANGKAH 2 : mula menulis

  • mula menulis  kod anda

pada index fail ini kita akan membina lman pertama untuk pengunjung dialukan, 

susunan adalah seperti berikut

<!DOCTYPE html>
<html>
<head>
</head>
<body>

</body>
</html>

ini adalah kerangka asas sesuatu fail html.



didalam BODY


masukkan tajuk 

<h1>My Page</h1>

<h2>Biodata<h2>



gambaran keseluruhan 


<!DOCTYPE html>
     <html>
     <head>
     </head>
     <body>
          <h1>My Page</h1>

         <h2>Biodata<h2>
         
     </body>
</html>



save didalam folder yang anda kehendaki dalam contoh ini kita akan menyimpan file ini pada folder
C:\test.

menguji laman web anda

ikut langkah dan contoh pada link tutorial sebelum ini.





hasil adalah seperti berikut








kita teruskan lagi dengan menambah list dengan tag <ol> di dalam page ini, tag <ol> adalah ordered list, ia akan memberikan nombor kepada isi kandungan list yang akan dimasukkan (setiap kandungan perlu dimasukkan kedalam tag <li> </li>, contoh seperti berikut.

<ol>
<li>nama:........ </li>
<li>umur:....... </li>
<li>tempat bertugas:......</li>
<li>Jawatan:......</li>
</ol>

(sila buat penambahan megikut citarasa anda)

dibawah <h2> masukkan tajuk list <lo> anda




gambaran keseluruhan 


<!DOCTYPE html>
     <html>
     <head>
     </head>
     <body>
          <h1>My Page</h1>

         <h2>Biodata<h2>
              <ol>
                 <li>nama:........ </li>
                 <li>umur:....... </li>
                 <li>tempat bertugas:......</li>
                 <li>Jawatan:......</li>
               </ol>
         
     </body>
</html>







hasil adalah seperti berikut




0 ulasan:

Catat Ulasan