Pengertian html dan struktur dasar html

Pengertian HTML

HTML ( Hypertext Markup Language ) adalah bahasa penanda berbasis text atau bisa juga disebut sebagai formatting language ( bahasa pemformatan ), HTML merupakan bahasa dasar untuk menampilkan web pada web browser. Dan perlu di ingat bahwa HTML bukan bahasa pemrograman melainkan bahasa penanda atau markup. Untuk lebih jelasnya mari kita pelajari struktur HTML berikut.

Stuktur File HTML

Dalam penulisan tag HTML, ada beberapa tag (penanda) yang harus ditulis dan sudah menjadi ketentuan. berikut adalah struktur dasar HTML.

<! DOCTYPE HTML >
<HTML>
<head>
<title>Judul File html </title>
</head>
<body>
<h1>selamat belajar HTML</h1>
</body>
</HTML>

Kita simpan dengan nama latihan1.html, coba jalankan di browser kalian dan jangan lupa letak penyimpanannya agar bisa dijalankan di localhost. Yang tampil di browser adalah “selamat belajar HTML”, kenapa kode – kode yang lain tidak ikut tampil…?. Disinlah fungsi dari HTML yang merupakan penanda, apa yang ingin kita tampilkan di Browser harus di tulis di dalam tag <body> …</body>, tag body inilah pembuka dari badan dokumen html seperti sidebar, menu navigasi, header, footer semua ditulis di dalam tag body ini.

Dan jangan lupa setiap tag pembuka <… > harus di tutup dengan tag penutup </…>, walaupun ada beberapa tag yang tidak perlu tag penutup.

Dibawah ini adalah tag Body beserta Atribut yang sering digunakan :

background

Digunakan untuk mengatur gambar sebagai latar beakang pada sebuah halaman web.

Contoh penulisannya sseperti dibawah ini :

<!DOCTYPE html>

<html>

<head>

<title> belajar html </title>

</head>

Teks ini hanya contoh

</body>

</html>

Pada contoh diatas, gambar3.jpg harus berada satu folder dengan file htmlnya, tapi jika gambarnya berada pada folder lain, teman - teman bisa membaca postingan saya sebelumnya cara menampilkan gambar menggunakan html

bgcolor

Digunakan untuk memberi warna latarbelakang pada halaman web.
contoh penulisannya : <body bgcolor="#ffffff">
Struktur penulisan kode htmlnya tetap seperti contoh background diatas, teman - teman hanya mengganti pada tag <body ......>.

text

Atribut ini berfungsi memberi warna pada teks pada halaman web.
contoh penulisannya :<body text="#ffffff">

link

memberi warana pada link sebelum diklik.
contoh penulisannya : <body link="#ffffff">

alink

berfungsi untuk memberi warna link ketika kursor berada diatas link / tautan, jadi warnanya akan berbeda dengan warna sebelumnya.
contoh penulisannya : <body alink="#fff444">