17.7.12

HTML, Dasar-dasar HTML


Sekarang kita akan membahas pemanasan atau dasar-dasar HTML dulu sebelum saya lebih jauh membahasnya ada beberapa syntac yang anda harus ketahui, berikut adalah syntac atau tag dasarnya:

<html>
 <head>
 isi dari kepala HTML
 </head>


 <body>
 isi dari badan HTML
 </body>
 </html>


<title>Judul Halaman</title>


Penjelasan:
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.

Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.

Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.

Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).

Teks di antara tag <body>  dan </body> adalah teks yang akan ditampilkan pada jendela browser kamu.

Berikut ini adalah contoh syntacnya:

<html>
<head>
<title>Hello World</title>
</head>
<body>
Saya baru belajar nich
</body>
</html>

Copas kode diatas kedalam notepad, lalu simpan dan beri nama file tersebut "helloworld.html". Kemudian jalankan file dengan cara double click file helloworld.html tersebut

 Heading
 Heading biasanya digunakan untuk membuat judul atau subjudul dalam HTML. Terdapat enam jenis heading, semakin besar nominal dari heading tersebut, semakin kecil huruf yang dibentuk.

Judul atau heading didefinisikan dengan menggunakan tag <h1>sampai <h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Copas syntac dibawah ke notepad anda untuk latihan dan lihat sendiri hasilnya:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h5>Heading 6</h6>



HTML, Paragraf dalam HTML


 Menulis dokumen apapun pasti dan harus memerlukan paragraf. Begitu juga dalam HTML, jadi sesuai dengan judul kali ini saya akan membahas tentang Paragraf dalam HTML. Dalam HTML kita harus menggunakan tag <p> untuk membuat sebuah paragraf baru.

Saat kita menggunakan tag ini, dia akan menambahkan sebuah baris kosong di atas dan di bawah teks paragraf yang kita tulis. Baris-baris kosong tersebut adalah baris yang menandakan sebuah paragraf dan memisahkan paragraf tersebut dari paragraf-paragraf yang lainnya.
Berikut ini adalah contoh syntacnya:

<p>Ini adalah contoh dalam membuat paragraph di dalam HTML .</p>
<p>Selamat mencoba. Good luck…</p>


No comments:

Post a Comment