Belajar Struktur HTML (Hypertext Markup Language)

41 Tampilan
0
Belajar HTML

Belajar Struktur HTML – Setelah kita membaca artikel yang membahas Belajar dan Mengenal HTML sekarang kita lanjut untuk Mengetahui Struktur HTML. Pada dasarnya elemen HTML ada 2 kategori :

  1. Elemen berfungsi untuk memberikan informasi atau mendeklrasikan dokumen tersebut.
  2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilakan pada browser.

Selanjutnya kita juga harus tau tools (alat) yang dibutuhkan :

  • Browser

Browser merupakan software yang di install di PC/Laptop kita masing-masing yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman Web. Contoh browser Internet Explorer, Mozila, Google Chrome dll.

  • Editor

Editor adalah software yang bisa digunakan untuk membuat document HTML (Web Page/Halaman Web), ada banyak HTML editor yang bisa anda gunakan diantaranya : Dreamweaver, Notepad, Notepad++, Sublime dll.

Struktur Dokumen HTML

Setelah kita mengetahui elemen dan tools yang digunakan, sekarang kita memasuki untuk mengetahui Struktur dokumen HTML.

<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
 Hallo World!
</body>
</html> 
<html>.....</html> : merupakan tag pembukaan dari dokumen html.
<head>.....</head> : merupakana tag berfungsi untuk menyimpan informasi dari sebuah halaman misalnya title.
<title>.....</title> : merupakan tag untuk memberikan judul pada dokumen html.
<body>.....</body> : merupakan tag dari dokumen html. Segala sesuatu yang ingin ditampilkan di dokumen html disimpan dalam tag body ini.C

Tag Body dan Atributnya

  • Background

Atribut ini digunakan untuk mengeset gambar untuk digunakan sebagai latar belakang pada sebuah halaman. Kita cukup menggunakan atribut berikut untuk memilih sebuah gambar untuk dijadikan latar belakang. Cara penulisannya adalah sebagai berikut :
<body background=”url gambar(lokasi penyimpanan gambar)/nama file.jpg”>.

<html>
<head>
<title>Belajar HTML</title>
</head>
<body background="images/gambar.jpg">
 Mengganti background dokumen HTML dengan gambar
</body>
</html> 
  • Bgcolor

Bgcolor menentukan warna latar belakang dari halaman web. Misalnya, untuk mengatur warna latar belakang halaman agar berwarna merah, kita dapat menggunakan tag berikut :

<html>
<head>
<title>Belajar HTML</title>
</head>
<body bgcolor="#222222?">
 Mengganti background dokumen HTML warna
</body>
</html> 
  • Text

Atribut ini berguna untuk menentukan warna standart dari teks yang ada pada halaman.

  • Link

Atribut ini berguna untuk menentukan warna standart dari tautan (link) yang ada pada halaman sebelum di-klik.

  • Vlink

Berguna untuk menentukan warna standart dari tautan (link) yang ada pada halaman ketika telah di-klik.

  • Alink

Berguna untuk menentukan warna standart dari tautan (link) pada halaman ketika kursor berada diatasnya.

  • Margin

TopMargin dan LeftMargin digunakan untuk menentukan jarak atas dan tepian pada halaman.

  • onLoad

Tag onLoad digunakan untuk menjalankan suatu perintah ketika suatu halaman HTML dibuka. Contoh : <body onload=”alert(‘Selamat’)”>

  • onUnload

Tag onUnload digunakan untuk menjalankan suatu perintah ketika suatu halaman HTML tutup. Contoh : <body onunload=”alert(‘Selamat Tinggal’)”>

Masih ada artikel yang berkelanjutan dari artikel ini yang membahas dengan step by step.

Leave a Reply

Your email address will not be published. Required fields are marked *