Senin, 11 November 2013

Dasar-dasar pemograman HTML

Ditulis oleh pada
Hai kawan-kawan kali ini saya akan memperlihatkan dasar-dasar pemograman HTML.
HTML adalah singkatan dari Hyper Text Markup Language, bahasa markah berupa laman yang digunakan pada situs inetrnet.
Format/ekstensi yang biasa digunakan adalah .html atau .htm.
File HTML dapat di buat atau di edit di program teks editor, seperti Notepad dan Notepad++

Ada beberapa hal yang perlu diketahui, bahwa pada pemograman HTML ada beberapa bagian yaitu:
  1. Tag, misal <a> sebagai pembuka dan </a> sebagai penutup
  2. Atribut, misal href="http://ard-y.blogspot.com"
  3. Event, misal onclick="alert('Message');"
Pada kali ini hanya akan ada Tag dan Atribut umum pada HTML, karena event menggunakan JavaScript.
Perlu diketahui beberapa tag seperti head, body, dan footer tidak selalu tampil secara langsung, melainkan sebuah bagian daripada laman HTML yang akan diproses oleh peramban web.

Head

Tag head digunakan untuk meletakkan berbagai macam kode atau style agar dimuat dahulu oleh peramban web untuk diproses. 
<head>...</head>

Body

Tag body digunakan untuk meletakkan berbagai macam kode atau style pada bagian dasar/badan. Ini adalah bagian isi daripada laman. 
<body>...</body>

Footer

Tag footer digunakan untuk meletakkan berbagai macam kode atau style pada bagian bawah laman, peramban web akan memproses bagian ini terakhir.
<footer>...</footer>

Heading

Heading adalah bagian atas dari setiap bagian paragraf.
TagHasil 
<h1>...</h1>

Heading 1

 
<h2>...</h2>

Heading 2

 
<h3>...</h3>

Heading 3

 
<h4>...</h4>

Heading 4

 
<h5>...</h5>
Heading 5
 
<h6>...</h6>
Heading 6

Paragraph

Tag paragraph digunakan untuk membuat paragraf secara polos (plain), akan terletak pada baris sendiri
<p>...</p>
Ini adalah contoh paragraf

Link

Tag yang digunakan untuk URL atau link yaitu a, dengan atribut alamat sumber.
<a href="http://ard-y.blogspot.com">Ard-Y  Blog</a>
Ard-Y Blog

Gambar

Tag yang digunakan untuk gambar yaitu img dengan atribut sumber gambar
<img src="/favicon.ico"/ alt="Ard-Y Blog">
Ard-Y Blog

Format

Ada beberapa tag untuk memformat bentuk teks menjadi tebal, cetak miring, garis bawah, atau garis tengah.
Tag Hasil 
<b>...</b>
 Tebal 
<i>...</i>
 Cetak Miring 
<u>...</u>
 Garis Bawah 
<s>...</s>
 Coret
Setelah membuat atau mengedit HTML, simpan dengan text editor lalu buka dengan web browser anda untuk melihat hasilnya.
Label:

Tidak ada komentar:

Posting Komentar

Mohon bersikap sopan dan santun. Isi komentar harus sesuai dengan topik.

Langganan: Posting Komentar (Atom)