Elemen dasar dalam HTML

Elemen dasar dalam HTML merupakan kompoen penyusun dari sebuah dokumen HTML dan Elemen juga disebut komponen terkecil dari sebuah dokumen HTML. Elemen meliputi teks murni, atau bukan teks, atau sebuah tag. Elemen pada sebuah dokumen HTML disebut dengan tag. Nama sebuah elemen itu ditunjukkan oleh nama dari tagnya. Suatu elemen biasanya ditandai dengan pasangan tag dalam sebuah tag diawali <> dan diakhiri </>. meskipun ada juga nama elemen yang ditandai dengan satu tag yang tidak memiliki pasangan.
komponen penting pada elemen HTML

    Tag pembuka <>
    Isi
    Tag penutup </>

Penggunaan tag dan atribut tag pada HTML

berikut ini adalah syarat untuk penulisan tag dan atribut tag pada HTML
  • Tag HTML di apit dengan karakter buka tutup kurung sudut ( < dan > )
  • Tag HTML selalu berpasangan berjodoh seperti (<p>isi</p>)
  • Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua merupakan tag akhir.
  • Tag html tidak ada case sensitive. jadi jika anda menulis<p> dengan <P> maka tidak akan berpengaruh
  • Penulisan tag harus berurutan jika dalam satu tag ada tag lain. Seperti berikut <p><i>..paragraf dan Miring..</i></p>

Tag - tag dalam HTML

  1. Tag HTML <html> </html>
    Tag HTML merupakan sebuah tag yang paling penting dan harus ada dalam sebuah HTML, tag HTML keharusan yang harus ditulis karena menandakan bahwa dokumen tersebut adalah dokumen HTML. dalam tag HTML dapat di tuliskan <html> pada awal dokumen </html> pada akhir dokumen .

  2. Tag Head <head></head>
    Tag head merupakan sebuah elemen yang berisi seperti <title></title> dan link-link seperti css, javascript di letakkan pada dalam tag head. dalam tag head dapat dituliskan <head> di awal setelah tag <html> dan </head> diakhir section dari head
    • Elemen pada head mengerjakan perintah berikut
    • Menyediakan judul dokumen HTML
    • Menjembatani hubungan antar dokumen
    • Memberitahu browser untuk membuat form pencarian
    • Menyediakan metode untuk mengirimkan pesan ke tipe browser yang digunakan

  3. Tag Body <body></body>
    bagian body merupakan bagian inti dari sebuah dokument html. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian body.bagian body diawali oleh tag <body> dan ditutup </body>.

Contoh pengguaan tag dalam HTML


<html>
	<head>
		<title>contoh title</title>
	</head>
	<body>
		<p>ini contoh penggunaan paragraf sederhana</p>
		<b>ini adalah contoh huruf tebal(bold)</b>
		<br/><!-- fungsi br merupakan ganti baris-->
		<i>ini adalah contoh huruf miring(italic)</i>
		<p><b></i>ini adalah contoh sebuah paragraf sederhana yang berhuruf tebal dan berhuruf miring</i></b></p>
	</body>
</html>

hasil dari contoh program HTML diatas

elemen-dasar-dalam-html

keterangan dari program diatas

<!DOCTYPE html> Deklarasi DOCTYPE mendefinisikan jenis dokumen HTML
Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
Teks antara <head> dan </ head> memberikan informasi tentang dokumen
Teks antara <title> dan </ title> memberikan judul untuk dokumen
Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
Teks antara <p> dan </p> merupakan sebuah paragrap, <b>dan</b> merupakan contoh bold
<br/> tag untuk ganti baris, seperti yang saya bilang tadi ada tag html yang tidak
ada pasangannya.dan tag <i>dan</i> untuk teks miring(italic).  

Subscribe untuk mendapatkan update artikel terbaru:

9 Responses to "Elemen dasar dalam HTML"

  1. template mu ngembari ndi !!

    ReplyDelete
    Replies
    1. aku beli di, templatenya mas sugeng evo magz :D, ini yang v 4.0

      Delete
  2. keren gan postingannya
    bermanfaat sekali

    ReplyDelete
    Replies
    1. oke gan, semangat belajar pemrogramannya

      Delete
  3. Mantap masbro, sangat bermanfaat.

    ReplyDelete
  4. Mas andy, template nya keren bukan cloning ... bisa ga nih dapet gratisannya dari mas andy?
    Hehehe

    ReplyDelete