BSI Purwokerto - Belajar Membuat Tabel (PART 2)

Rangkuman Materi Pertemuan-3 (26 Maret 2018)

1.       Aktivkan XAMPP (Apache dan MySQL)

2.       Membuat tabel menggunakan HTML

TAG <table>

Sruktur:

Tabel  terdiri dari baris dan kolom

               

Attribute  HTML <table>,<tr>,<th>,<td>

tr =table row (baris tabel)

td=table data (isi table/kolom)

th= table heading (judul kolom)

Struktur tag Tabel <table>

<table>

   <tr>

         <td>....</td>

         <td>....</td>

   </tr>

   </tr>

         <td>....</td>

         <td>....</td>

</table>

             

 Penulisan Atribut HTML:

<nama_tag nama_atribute=”isi_atribute”>

Ex: <table widht=”400”>

Align= perataan (center,left,right)

Ex: <table align=”center”>

Widght=Lebar(diisi dengan angka satuannya piksel/px%)

Ex: <table widht=”500”>

      <table wdht=”30%”i>

< a href=”percobaan html”title=”Halaman Percobaan>

target=”_blank”Pergi  Ke Percobaan<a/>

              bgcolor = backgorund color tabel

Ex: <table  bgcolor=”pink”>

cellspacing=  jarak garis tepi dalam dengan garis tepi luar

Ex: <table celllspacing=”2”>

rowspan=  menggabungkan baris

Ex: <td rowspan=”3”>

colspan= menggabungkan kolom

Ex: <td colspan=”2”>

             

 Menampilkan Gambar Menggunakan HTML

TAG IMAGE: <img/>

Atribute Tag  Image:

Src          =source (alamat gambar)

Title       =tooltip (muncul keterangan saat gambar disorot)

Height   =tinggi gambar

Widht    =lebar gambar

Alt          =keterangan pengganti jika gambar tidak brhasil di load

Ex: <a href =”index html”>Home</a>

       <a href=”http://bsi.ac.id”>Home</a>

Target =membuka link di tab bau browser

Ex: <a target=”_blank” >Home</a>

Title=tooltip (muncul keteranagan saat link disorot)

Ex: <a litle=”Halaman Beranda”>Home</a>

</table>

<br>

<br>

<a href=”percobaan.html”litle=”Halaman Percobaan”target=”_blank”>Pergi Ke Percobaan</a>

Membuat Hyperlink/Link

Tag  Anchor <a>

Atribute Tag Anchor:

Href=referensi (alamat web/nama file)

Ex: <a href=”index.html”>Home</a>

      <a href=”http://bai.ac.id/”>Home</a>

Target =membuka link di tab baru browser

Ex: <a target=”a target”_blank>Home</a>

Title=tooltip (muncul keterangan saat link disorot)

Ex: <a title=”Penunjuk Arah”>

Berikut adalah gambar hasil pecobaan ‘’Membuat Tabel Menggunakan HTML”

1.Script “membuat tabel menggunakan HTML

 

             Hasil script “membuat tabel menggunakan HTML (Web HTML)

 

            

             2. Hasil Script  Latihan Baris dan Tabel (Web HTML)

3. Hasil Script Latihan Tabel Berwarna  (Web HTML)

 

                4. Hasil Script Menggabungkan Baris (Web HTML)

 

                5. Hasil Script Menampilkan Gambar menggunakan HTML (Web HTML)