Home » » Tutorial Belajar HTML - Struktur Dasar dan Tag Title

Tutorial Belajar HTML - Struktur Dasar dan Tag Title

Kita tentu sering membuka halaman web. Ada begitu banyak informasi di sana. Tapi apakah kamu tahu, bagaimana halaman web tersebut bisa terbentuk?

Adalah sebuah teknologi html yang memungkinkan halaman web bisa tersaji demikian. Dengan html kamu bisa merangkai baris-baris sintaks html yang disebut tag, untuk menampilkan suatu halaman web. Untuk itu, disini kita akan belajar html mulai step by step dari dasar sampai tingkat mahir.

Format dasar dalam sebuah file html adalah sebagai berikut:

<html>
<head>
   ...
</head>
<body>
   ...
</body>
</html>

Pada format di atas, kita bisa melihat ada 2 bagian yang bisa kita isi pada format html, yaitu bagian head dan bagian body. Bagian head berisi parameter-parameter file html, sedangkan body berisi baris-baris tag untuk membentuk suatu tampilan yang bisa dilihat oleh seseorang ketika mengunjungi halaman web.

Untuk menulis tag html ini selalu berpasangan. Jika ada kepala <head> pasti ada penutup </head>, begitu juga dengan body, ada kepala <body> ada juga penutup </body>

Sekarang kita akan mempelajari lebih jauh apa yang bisa kita tulis pada bagian head.

Kita bisa menentukan parameter-parameter tak terlihat yang mewakili informasi dari halaman web. Misalnya author, atau pemilik halaman, title yaitu judul yang nantinya muncul di window bar browser, style, script dan tag-tag spesifik lainnya yang nantinya akan kita bahas di halaman lain.

Untuk tag title, cara penulisannya adalah:

<html>
<head>
<html>
<head>
   <title>Ini Judul</title>
</head>
<body>

</body>
</html>;  <title>Ini Judul</title>
</head>
<body>

</body>
</html>

Mungkin dengan melihat begini, kamu bingung membayangkan, karena itu, kita coba saja untuk membuat file html dengan nama belajar1.html, kemudian salin kode html di atas dan simpan di lokasi web server kamu. Karena di sini, saya menggunakan linux, maka saya akan meletakkan file belajar1.html tersebut pada lokasi /var/www/html/tutorial1/belajar1.html. Untuk cara menyimpan ke lokasi itu, saya asumsikan kamu paham ya. Selanjutnya kamu bisa lihat di browser dengan memanggil melalui url http://localhost/tutorial1/belajar1.html

Apabila kamu menggunakan windows, kamu bisa menginstall web server xampp. Lokasi filenya biasanya akan ditentukan di c:\xampp\htdocs\tutorial1\belajar1.html

Setelah berhasil kamu panggil dari browser, maka tampilannya akan seperti ini

Oke, segitu aja dulu, nanti kita bahas kelanjutannya di artikel berikutnya

Index:

Tutorial HTML: Struktur Dasar dan Tag title
Tutorial HTML: Tag Style
Tutorial Belajar HTML - Tag Heading H1, H2, H3, H4, H5, H6

Iklan

0 comments :

Posting Komentar