Selasa, 28 Oktober 2014

Membuat Halaman Web Dengan Menggunakan HTML5

Word wite web atau yang biasa kenal dengan www atau web adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi . Domain adalah nama unik yang dimiliki oleh sebuah institusi sehingga bisa di akses melalui internet.
Internet adalah sistem global dari seluruh jaringan komputer yang saling terhubung. Dalam membuat web kita mengenal HTML5. 
Apa itu HTML5?











Hyper Text Markup Languange (HTML) adalah sebuah bahasa dari Word Wide Web (www) yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program web browser. HTML juga dapat disebut sebagai protokol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser. HTML5 merupakan revisi ke lima dari HTML.

Berikut adalah penggunaan HTML5 dalam membuat web.
1.  Dalam menggunakan HTMl5 untuk membuat web kita dapat menggunakan notepad++     
     atau notepad. Untuk mendapatkan notepad++ dapat membuka laman berikut ini       
     http://notepad-plus-plus.org/.
2. Pada tahapan awal menggunakan <!doctype html> dan diiringi dibawahnya dengan    
    <html>. Setiap penulisan kode untuk suatu perintah harus ditutup dengan </html> 
    Contoh :
     <!doctype html>

     <html>

     </html>




3. Selanjutnya html terdiri dari tiga bagian yaitu head, body dan footer secara     
    berurutan
     a. Pada bagian Head terdiri dari title dan meta contonya
<!doctype html>
<html>
<head>
    <title>Tugas Ujian Tengah Semester</title>
    <meta name=”author” content=”Tissa Pramana Putri” />
   <meta name=”keyword” content=”Ujian, semester” />
</head>
</html>
     b.  Pada bagian body biasanya terdiri dari header dan article. Contohnya
               
<!doctype html>
<html>
<head>
    <title>Tugas Ujian Tengah Semester</title>
    <meta name=”author” content=”Tissa Pramana Putri” />
   <meta name=”keyword” content=”Ujian, semester” />
</head>
<body>
 <header>
                 <h1>Tugas Ujian Tengah Semester</h1>
</header>
<article>
   <p>Tugas ini merupakan salah satu syarat UTS Perangkat Lunak          Multimedia</p>
</article>
</body>
</html>

MEMBUAT LIST
Selain itu pada bagian body juga dapat untuk membuat daftar list maupun unlist
  •  Order list(ol) adalah kode yang digunakan untuk membuat daftar list secara         berurutan
  •  Unodered list (ul) adalah kode yang digunakan untuk membuat daftar list yang   tidak berurutan
               Contohnya
               <!doctype html> 
               <html> 
               <head>
       <title>Tugas Ujian Tengah Semester</title>
       <meta name=”author” content=”Tissa Pramana Putri” />
       <meta name=”keyword” content=”Ujian, semester” />
  </head>
  <body>
 <header>
                   <h1>Tugas Ujian Tengah Semester</h1>
 </header>
 <article>
   <p>Tugas ini merupakan salah satu syarat UTS Perangkat Lunak                      Multimedia</P>
    <p> Ini adalah elem HTML untuk membuat daftar</p>
    <ol>
        <li>Ini adalah list pertama</li>
        <li>Ini adalah list kedua</li>
     </ol>
    
     <ul>
         <li>Ini adalah bullet pertama</li>
         <li> Ini adalah bullet kedua</li>
     </ul>
</article>
</body>
</html>
         

MEMBUAT DEFINISI


Selain itu pada bagian body juga dapat membuat berupa istilah dan definisinya.

               <dl>

<dt>     : Adalah kode yang digunakan untuk membuat suatu istilah yang akan

                Didefinisikan

<dd>    : Adalah kode yang digunakan untuk membuat defisini dari istilah tersebut





c. Pada bagian footer berisi keterangan lanjutan. Contoh penulisannya
                    ...
                    </body> 
                   <footer>
                   <p>Copyright-Tissa Pramana Putri-2014</p>
Berikut hasil keseluruhan dari langkah-langkah yang telah dijelaskan diatas


 


BY : TISSA PRAMANA PUTRI (1306470861) - B

Tidak ada komentar:

Posting Komentar