Saturday, October 22, 2016

Pengenalan HTML

Pengenalan HTML

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format yang dapat digunakan dalam web. HTML merupakan bahasa komputer yang digunakan untuk menempatkan teks, gambar, animasi, video, dan suara ke halaman web individu yang membentuk situs.

Struktur Dasar HTML
Pada dasarnya halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut. Tag adalah perintah web browser untuk memformat teks dan menyisipkan gambar-gambar grafis yang Anda inginkan pada halaman web. Beberapa, tapi tidak semua, perintah HTML mengharuskan tag awal dan tag akhir.

Dalam penggunaannya sebagian besar kode HTML harus terletak di antara tag container, yaitu diawali dengan <nametag> dan diakhiri dengan </nametag> (terdapat tanda “/”). Sebuah halaman web minimal mempunyai empat buah tag, yaitu :

<html> </html> Tag ini diletakkan pada awal dan akhir dari dokumen HTML. Tag ini menggambarkan sebuah halaman web.

<head> </head> Tag ini mengikuti tag <html> dan menunjukkan header halaman web. Di dalam tag ini kita bisa meletakkan tag-tag title, base, link, script, style, dan meta.

<title> </title> Sebagai title atau judul halaman.

<body> </body> Mengikuti bagian header pada web dan menunjukkan tubuh halaman web. Bagian tubuh dari halaman web berisi tag yang memberi tahu browser web apa yang akan ditampilkan pada layar. Di dalam tag ini bisa diletakkan berbagai atribut seperti bgclor, text, link, vlink, alink, leftmargin, dan top margin.

Membuat Tabel
HTML menyediakan tag-tag untuk membuat sebuah tabel, yaitu :

          Tag <table>  : untuk mendefenisikan sebuah tabel
          Tag <tr>       : untuk mendefenisikan baris tabel
          Tag <th>       : untuk mendefenisikan judul tiap kolom atau baris
          Tag <td>       : untuk mendefenisikan isi tiap kolom
          Tag <caption>: untuk membuat judul tabel

Selain itu terdapat pula pengaturan table border, table border atau tebal garis pada tabel dapat diubah dengan cara mengubah bagian <table border=”n”> dengan n adalah nilai yang Anda inginkan.

Kemudian, untuk mengatur perataan tabel secara horizontal digunakan parameter ALIGN=”...” dengan nilai left untuk kiri, right untuk kanan, dan center untuk rata tengah. Sementara jika ingin mengatur perataan vertikal, digunakan parameter VALIGN=”...” dengan nilai top untuk atas, bottom untuk bawah, dan middle untuk tengah.
Lalu, untuk mengatur lebar tabel, gunakan parameterv width=”n” dengan nilai n% atau n Px. Untuk menggabung baris, gunakan parameter rowspan=”n” dengan n jumlah baris yang ingin digabung. Untuk menggabung kolom, gunakanan parameter colspan=”n” dengan n jumlah kolom yang akan digabung.

Contoh pembuatan tabel :



Setelah html telah dibuat, maka save as html file. 


Lalu buka file tersebut dengan mengguaka google chrome atau mesin pencari lainya.



Selesai. Semoga bermanfaat.




0 comments:

Post a Comment

 
Finn - Adventure Time Link Select