Belajar HTML Part 3

Belajar HTML Part 3

Judul

Judul didefinisikan dengan tag HTML <h1> sampai >h6>. <h1> mendefinisikan huruf yang menjadi title atau judul yang paling besar, dan <h6>menjadi yang terkecil. untuk melatih cobalah untuk file HTML berikut ini dan perhatikan hasilnya.

<h1>Ini Judul</h1>
<h2>Ini Judul</h2>
<h3>Ini Judul</h3>
<h4>Ini Judul</h4>
<h5>Ini Judul</h5>
<h6>Ini Judul</h6>

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Paragraf

Paragraf didefinisikan dengan menggunakan tag HTML <p>.

<p>Ini adalah sebuah paragraf</p>

<p>Ini paragraf lainnya</p>

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah paragraf.

Jangan lupakan Tag HTML penutup

Kamu pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag HTML penutup </p> kayak gini:

<p>Ini adalah sebuah paragraf

<p>Ini paragraf lain

Contoh diatas dapat dipergunakan pada hampir semua jenis browser, tetapi jangan mengacu pada hal itu. Versi HTML ke depan tidak akan mengijinka kamu untuk melewatkan tag HTML penutup.

Menutup semua elemen  HTML dengan tag HTML penutup merupakan cara yang ampuh untuk menulis HTML yang sesuai dengan semua browser dan pengembangan ke depan. Hal ini juga membuat kode kita lebih dimengerti (baik dibaca maupun di browsing).

Ganti Baris

Tag HTML <br> dapat digunakan pada saat kamu pengen membuat baris baru, tetapi belum ganti paragraf. Tag HTML <br> akan membuatkan sebuah baris baru dimanapun kamu letakkan tag itu.

<p>Ini <br>sebuah para<br>garaf dengan ganti baris </p>

Tag <br> adalah tag yang kosong.karena itu dia tidak memiliki tag HTML penutup seperti misalnya </br>

<br> atau <br />

Kamu akan semakin sering melihat penulisan tag HTML <br> dengan cara begini : <br />

Karena tag HTML <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di mana semua elemen harus ditutup.

Menuliskan penggantian baris dengan cara <br/> ini menjamin bahwa file HTML kamu akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.

Menuliskan Komentar dalam HTML

Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber HTML. Sebuah komentas akan diabaikan oleh browser. Kamu bisa menggunakan komentar untuk menjelaskan kode yang kamu bikin, dan tentu saja hal ini akan membantu kamu saat kamu perlu melakukan perubahan pada kode kamu kapan-kapan.

<!-- Ini sebuah komentar -->

Perhatikan bahwa kamu perlu menuliskan tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutupnya.

Hal Hal Yang perlu Di Ingat :

• Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)
• Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>
• Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>
• Isi elemen berada di antara tag pembuka dan tag penutup
• Beberapa elemen HTML tidak memiliki isi elemen
• Beberapa elemen HTML tidak memiliki tag penutup
• Beberapa Tips Yang Bermanfaat

Waktu kamu menulis teks HTML, maka kamu tidak akan pernah bisa yakin bagaimana teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong atau spasi dekat dengan teks itu.

HTML akan menghapus spasi dalam teks kamu. Berapa banyakpun kamu tuliskan spasi, tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu spasi.

Menggunakan paragraf kosong <p> untuk menyisipkan baris kosong adalah kebiasaan yang kurang baik. Gunakan tag <br> sebagai penggantinya. (tapi jangan juga gunakan tag <br> untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).

HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa elemen, seperti sebelum dan sesudah paragraf dan judul.

Tag HTML Dasar

Masih ingat tentang pengertian tag HTML , berikut adalah ta HTML penting yang akan sangat sering kamu pergunakan. Dan kamu akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.

Tag – Description

<html> – Mendefinsikan sebuah dokumen HTML

<body> – Mendefinisikan isi utama

<h1> to <h6> – Mendefinisikan judul 1 sampai 6

<p> – Mendefinisikan paragraf

<br> – Menyisipkan sebuah baris

<hr> – Mendefinisikan garis horizontal

<!–> – Membuat komentar

Terima Kasih Anda Telah Membaca Artikel Tentang HTML Dan Anda Bisa Menemukan Artikel HTML Ini Dengan Url HTML. Anda Boleh Menyebarluaskan Atau Mengcopy Artikel HTML Ini Jika Memang Bermanfaat Bagi Anda Atau Teman-teman Anda, Namun Jangan Lupa Untuk Mencantumkan Link Sumbernya.

Description: Belajar HTML Part 3 Rating: 4.8 Reviewer: Unknown - Item Reviewed: Belajar HTML Part 3

Read More

Belajar HTML Part 2

Belajar HTML Part 2

Kali ini kita akan belajar tentang elemen HTML.




Dokumen HTML adalah file teks yang terdiri dari elemen HTML. elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML. 

Berikut poin-poin yang akan membantu kamu mengingat dan memahami pengertian Tag HTML:

• Tag HTML digunakan untuk menandai (mark-up) elemen HTML
• Tag HTML berada di antara dua karakter penanda berikut < dan >
• Karakter penanda itu disebut dengan tanda kurung siku
• Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
• Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup
• Teks di antara kedua tag tersebut disebut isi elemen
• Tag HTML tidak bersifat case sensitif, <b> memiliki arti yang sama dengan <B>
• Elemen HTML

Lihat Tutorial Sebelumnya :

• <html>
• <head>
• <title>Judul Halaman</title>
• </head>
• <body>
• Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
• </body>
• </html>

elemen HTML:

• <b>Teks ini ditebalkan</b>

Penjelasan Tentang Elemen HTML tersebut :

Elemen HTML ini dimulai dengan tag pembuka: <b>
Isi dari elemen HTML adalah: Teks ini ditebalkan
Elemen HTML diakhiri dengan tag penutup: </b>

[0] Fungsi tag <b> adalah untuk mendefinisikan sebuah elemen HTML yang harus ditampilkan dengan huruf tebal.

Selamat Mencoba...

Semangat SUKSES!!!

Terima Kasih Anda Telah Membaca Artikel Tentang HTML Dan Anda Bisa Menemukan Artikel HTML Ini Dengan Url HTML. Anda Boleh Menyebarluaskan Atau Mengcopy Artikel HTML Ini Jika Memang Bermanfaat Bagi Anda Atau Teman-teman Anda, Namun Jangan Lupa Untuk Mencantumkan Link Sumbernya.

Description: Belajar HTML Part 2 Rating: 4.8 Reviewer: Unknown - Item Reviewed: Belajar HTML Part 2

Read More

Belajar HTML Part 1

Mari Belajar bersama membuat HTML
Sebelumnya saya kasih pengertian dati HTML.

Apa yang dimkasud dengan file HTML?
-    HTML merupakan kependekan dari Hyper Text markup Language
-    Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
-    Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
-    File HTML harus memiliki ekstensi htm atau html
-    File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

Oke mari kita mulai

• Mulailah dengan membuka Notepad (di Windows XP atau 7  bagi yang belum pernah klik Start, Program, Accessories, Notepad).

Ketikkan teks berikut:

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>

• Simpan dengan nama “halamanku.htm” ( jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt )

Penjelasan :

1. 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>.
2. Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
3. Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
4. Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
5. Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
6. Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.

penjelasan mengenai ekstensinya. 


kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html :

• Ekstensi .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. 
• Ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.

Note : setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me     refresh browser untuk melihat perubahan tampilannya.

Terima Kasih Anda Telah Membaca Artikel Tentang HTML Dan Anda Bisa Menemukan Artikel HTML Ini Dengan Url HTML. Anda Boleh Menyebarluaskan Atau Mengcopy Artikel HTML Ini Jika Memang Bermanfaat Bagi Anda Atau Teman-teman Anda, Namun Jangan Lupa Untuk Mencantumkan Link Sumbernya.

Description: Belajar HTML Part 1 Rating: 4.8 Reviewer: Unknown - Item Reviewed: Belajar HTML Part 1

Read More