Header Ads

Belajar HTML Bagian 2

Februari 05, 2015
Kemarin saya telah Posting Belajar HTML bagian 1(Dasar).
kali ini saya akan memposting Belajar HTML Bagian 2

Kali ini saya akan memberi Source Code HTML sederhana, yaitu
1. Membuat Tabel
2. Membuat Gambar di HTML

Pertama saya akan menjelaskan cara membuat tabel di HTML. Buka Notepad/GEdit. Ketikan Skrip berikut ini, simpan dengan nama skrip4.html
Skrip 4

<!DOCTYPE html>
 <html>
  <head>
    <title>Skrip ke 4</title>
   </head>
<body>
   <table border="2">
      <tr>
         <td>Ini Baris ke 1 Kolom ke 1</td>
         <td>Ini Baris ke 1 Kolom ke 2</td>
      </tr>
 <tr>
    <td>Ini Baris ke 2 Kolom ke 1</td>
     <td>Ini Baris ke 2 Kolom ke 2</td>
 </tr>
  <table>
</body>
</html>
Keterangan :

  • <table>....</table> bertujuan untuk membuat table di HTML.
  • <table border="2">....</table> bertujuan untuk membuat ketebalan Tabel. Jika tidak diberi border="(angka)" maka tabel tidak akan muncul garis tepi.
  • <tr>....</tr> bertujuan untuk membuat baris pada tabel tersebut.
  • <td>....</td> bertujuan untuk membuaut kolom ada bagian baris tersebut. Atau membagi baris tersebut.
Jika sudah, buka di Web Browser. Maka akan muncul tampilan seperti ini:
-------------------------------------------------------------------------------
Jika Sudah membuat Tabel. Saya akan menjelaskan cara memberi gambar pada isi file HTML kita.

Buka Notepad/GEdit, ketikan skrip berikut, simpan dengan nama skrip5.html
Skrip 5 :

 <!DOCTYPE html>
<html>
    <head>
       <title>Skrip ke 5</title>
     </head>
  <body>
    <img src="gambar.jpg">
    <br>Ini gambar saya di HTML
  </body>

</html>
Keterangan :

  • <img src="namagambar.jpg/.png/.gif"> bertujuan untuk menampilkan gambardi HTML. Pastikan nama gambar sama dan ekstensi nya juga sama. Catatan : pastikan file HTML dan gambar berada dalam satu folder
Jika sudah, buka di Web Browser. Maka akan muncul tampilan seperti ini :

Mungkin cuma itu yang bisa saya share.
Lain Waktu, saya akan posting tentang Pemrograman Web yang lainnya.
Terima Kasih

Post a Comment

Tidak ada komentar

Langganan: Posting Komentar ( Atom )