Intro Pemrograman HTML

HTML (Hypertext Markup Language) adalah sebuah bahasa standard yang dipakai untuk menampilkan informasi pada halaman web . HTML menggunakan tanda (markup) disebut dengan Tag untuk menandai perintah-perintahnya .

Fakta : HTML sebenarnya bukan bahasa pemrograman melainkan bahasa markup , hanya saja kebanyakan orang menyebut HTML sebagai bahasa pemrograman karena sintaknya yang seperti membuat program

Intro Pemrograman HTML
HTML . Image Bitelia

Mengenal Tag HTML


Tag adalah penanda perintah dalam HTML . Tag digunakan untuk menentukan tampilan dokumen HTML .


Tag HTML ada yang berpasangan dengan format berikut :
<tag pembuka> Isi Dokumen </tag penutup>

Contoh untuk menebalkan sebuah teks menggunakan tag berpasangan
<b> Teks ini telah ditebalkan </b>

Adapula yang tidak berpasangan dengan format berikut :
<tag> isi dokumen

Contoh untuk mengganti ke baris berikutnya menggunakan tag <br>
<br> Teks ini berganti ke baris bawahnya


Mengetahui tata cara penulisan HTML

HTML bahasa adalah markup , tentu memiliki tata cara dalam penulisan, tata cara penulisan HTML adalah :

1. Penulisan HTML dapat menggunakan text editor misalnya notepad++ , dreamweaver, bracket, dll .

2. Pasangan tag pembuka dan tag penutup bisa berada didalam pasangan tag lainnya . Contoh :
<i>
<b>
Teks ini berada dalam tag <i> dan tag <b> . Tag <b> berada dalam tag <i>
</b>
<b>

3. Jangan menuliskan beberapa tad HTML secara tumpang tindih karena bisa menyebabkan error , contoh :
<i>
<b>
Teks yan tumpang tindih menyebabkan error
</i>
</b>

4. Beberapa tag HTML bisa memiliki satu atau lebih attribute dalam satu tanda <……..> , contoh :
<p align="left"> Membuat paragraf rata kiri </p>


Bagaimana Struktur HTML ?


Struktur HTML adalah tatacara urutan dalam penulisan HTML . Struktur sebuah HTML yaitu sebagai berikut :

<!DOCTYPE HTML>
<html>
<head>
<title> Judul HTML </title>
</head>
<body>
Isi Dokumen HTML
</body>
</html>

Pembahasannya :

<!DOCTYPE HTML>

Adalah tag awal dari setiap dokumen HTML , tag ini berfungsi untuk menginformasikan pada browser bahwa dokumen yang sedang dibuka adalah dokumen HTML. Tag ini perlu dicantumkan disetiap dokumen HTML yang akan dibuat .

<html> </html>
Awal dari isi dokumen HTML dimulai dari sini , semua kode HTML yang akan anda buat akan ditulis di dalam tag ini, perhatikan juga bahwa setiap tag harus memilki tag penutup .

<head> </head>
Elemen head kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> </html> .

<title> </title>
Elemen title merupakan judul dari dokumen HTML yang ditampilkan pada jendela browser . Tag <title> dan tag </title> terletak diantara tag <head> dan tag </head>
<body> </body>
Elemen inilah yang digunakan untuk menampilkan semua isi dokumen HTML atau yang akan ditampilkan pada browser. Tag <body> dan tag </body> terletak dibawah tag </head> .


Catatan : Biasakanlah menggunakan indentasi pada kode HTML agar mudah dibaca dan mudah dikoreksi jika terdapat kesalahan dalam penulisan .

Contoh penulisan tanpa indentasi (tidak dianjurkan )
<!DOCTYPE HTML> <html> <head> <title> Penulisan HTML </title> </head> <body> Penulisan HTML yang tidak dianjurkan </body> </html>



Mungkin hanya itu yang dapat saya paparkan mengenai pengenalan HTML , mengenal Tag HTML , tata cara penulisan HTML, dan Struktur HTML .

Pada artikel selanjutnya akan dijelaskan mengenai cara menulis Dokumen HTML , Mengedit dokumen , kemudian menyimpan, dan menjalankannya di browser .

Bila anda kurang jelas dan belum mengerti mengenail belajar HTML , anda dapat menanyakan di kolom komentar atau langsung mengirim ke email saya pratamaiosi@gmail.com , insyallah akan saya bantu .

Terima kasih , semoga artikel “Intro Pemrograman HTML” menambah ilmu pengetahuan anda . Sampai jumpa di artikel selanjutnya .

Comments