Pengenalan HTML (2)

Posted by on
Pada kali ini saya akan membahas lebih dalam mengenai HTML.Seperti yang kita ketahui, sebelumnya, HTML dapat diartikan sebagai struktur / kerangka suatu website.Untuk mengenal HTML lebih dalam lagi , silahkan simak pembahasan di bawah.Selamat membaca !



Perlu diketahui bahwa dalam HTML,penggunaan case nya tidak sensitif.Maksudnya tag <p> dianggap sama dengan <P>  tidak seperti di bahasa pemrograman yang memiliki case yang sensitif.

ATRIBUT HTML

Atribut adalah informasi tambahan di dalam sebuah tag.Informasinya dapat bermacam-macam dan tidak semua tag memiliki atribut yang sama.Isi informasi tersebut bisa berupa perintah untuk mengubah warna,meratakan paragraf,dan lain-lain.Setiap atribut memiliki pasangan nama dan nilai(value) dan ditulis dengan name="value".Value harus diapit dengan tanda kutip.Contoh kode HTML yang menggunakan atribut :

<p align="left">Belajar HTML itu baik</p>
<body style = background-color : red ">

Pada script di atas,align="left berarti align merupakan nama dari atribut,dan "center" merupakan nilai/value dari atribut.Begitu juga dengan style="background-color : red".

Sebelum kita memulai untuk mengetikkan document html,ada baiknya kita mengetahui jenis-jenis tag dasar yang sering digunakan dan fungsi msing-masing tag :
  • <html> : pembuka dan penutup dari seluruh halaman web
  • <head> : berfungsi untuk membuat keterangan teknis seperti definisi judul,deskripsi halaman dan kode-kode lainnya yang tidak terlihat sebagai salah satu desain di dalam sebuah halaman.
  • <title> : berfungsi untuk menampilkan judul tab dari sebuah website
  • <body> : digunakan untuk meletakkan semua elemen yang akan terlihat di dalam browser(bisa dibilang seperti isi dari html)
  • <p> : untuk memulai satu baris baru
  • <b> : berfungsi untuk menebalkan teks
  • <i> : untuk memiringkan teks
  • <u> : untuk menggaris bawahi sebuah teks.
  • <sup> : berfungsi untuk membuat teks mengambang setengah spasi
  • <sub> : berfungsi untuk membuat teks turun setengah spasi
  • <blockquote> berfungsi untuk menulis satu kutipan di dalam desain website
  • <h1> : berfungsi untuk membuat satu judul,sub judul,sub bab,dan seterusnya tergantung dari angkanya.Semakin besar angka ,semakin besar tulisannya.Dan dalam html ada 6 level heading yaitu <h1> sampai <h6>
Nah tag-tag di atas adalah tag yang sering digunakan dalam HTML sebagai pemula.Sekarang mari kita buat sebuah document HTML.

Ketikkan script berikut :

<!DOCTYPE HTML>
<html>
<head>
<title>DOKUMEN SEDERHANA</title>
</head>

<body>
<h1>BELAJAR HTML</h1>
<p>Proses belajar html membutuhkan satu konsistensi yang tinggi</p>
<p>Oleh sebab itu kita tidak boleh bermalas-malasan</p>
</body>
</html>

Kemudian hasilnya akan menjadi seperti ini :


Sekian postingan mengenai pengenalan HTML part 2.Semoga struktur dasar HTML nya dapat dipahami agar lebih mudah untuk membuat suatu website dan saya harap ilmu yang dibagikan dapat bermanfaat.Terima kasih ! ^ ^

Comments

Post a Comment