Pengertian Html Dasar

HTML( HyperText Markup Language) adalah kode yang digunakan dalam menyusun halaman website dan kontennya. Misalnya, konten bisa disusun dalam kumpulan paragraf, daftar poin, ataupun menggunakan foto serta tabel informasi. Seperti judulnya, postingan ini akan memberikan Kamu uraian tentang HTML serta fungsinya.

Jadi apa itu HTML?

HTML merupakan bahasa markup yang menentukan struktur konten Kamu. HTML terdiri dari serangkaian elemen, yang Kamu pakai untuk menyertakan, ataupun membungkus, bagian konten yang berbeda untuk membuatnya telihat dengan metode tertentu. Bisa membuat hyperlink kata ataupun foto ke tempat lain, bisa memiringkan kata, bisa membuat font lebih besar ataupun lebih kecil, dan sebagainya. Misalnya, ambil baris konten berikut:

<html>
   <head>
      <title>Belajar HTML Dasar</title>
   </head>
   <body>
      <p>Ini Contoh Belajar HTML Dasar</p>
   </body>
</html>

Bagian ini mencakup sebagian perintah HTML dasar serta menjelaskan langkah- langkah yang ikut serta dalam mempersiapkan dokumen untuk dilihat lewat World Wide Web(www) menggunakan Netscape Navigator ataupun Internet Explorer.

Langkah dasar: menggunakan tag

HTML menggunakan tag untuk berkomunikasi dengan klien (browser) dengan cara menampilkan teks dan foto. Tag terdapat dalam simbol < >. Memasukkan kata yang akan dipengaruhi oleh tag ini, dan di akhir rangkaian kata, Kamu menempatkan tag penutup. Misalnya, untuk membuat judul dokumen, Kamu akan melakukan seperti berikut:

<title>Judul Halaman Kamu</title>

Tag penutup umumnya berisi "/" untuk menampilkan penghentian tindakan. Tag HTML tidak peka huruf besar- kecil, walaupun biasanya URL demikian. Dalam kebanyakan permasalahan (dengan pengecualian teks yang sudah diformat sebelumnya) HTML mengecilkan banyak spasi menjadi satu spasi dan tidak membaca baris kosong. Tetapi, disaat menulis teks, Kamu wajib menyisakan sebagian baris kosong di antara paragraf untuk memudahkan pengeditan dokumen sumber HTML.

Tag HTML

Meskipun saat ini tidak diharuskan oleh seluruh browser, tag <html>
menandai titik di mana teks wajib mulai ditafsirkan selaku kode HTML. Bisa jadi merupakan ide bagus untuk memasukkannya ke dalam seluruh dokumen Kamu saat ini, jadi Kamu tidak butuh kembali ke file Kamu dan menambahkannya nanti.

Tag <html> umumnya ditempatkan pada baris awal dokumen Kamu. Di akhir dokumen Kamu, Kamu wajib menutup dengan tag </html>.

Tag Head

Sama seperti header memo, head dokumen HTML berisi informasi khusus, seperti judulnya. Head dokumen dibatasi oleh <head> dan </head>.

Pada saat ini saya contohkan, hanya tag judul, di bawah, yang harus disertakan di head dokumen. Bagian head yang umum mungkin akan terlihat seperti:

<html>
<head>
<title>Dokumen HTML Pertama Saya</title>
</head>

Tag Title

Tag title memungkinkan Kamu untuk menentukan Judul Dokumen di halaman website browser Kamu. Saat orang membuat list, title ini adalah apa yang akan mereka lihat di daftar mereka setelah mereka menambahkan dokumen Kamu. Formatnya adalah:

<title>Dokumen HTML Pertama Saya</title>

Ingat, judul biasanya tidak muncul di dokumen itu sendiri, tetapi di kotak atau bilah judul di bagian atas jendela.

Tag Body

Seperti yang mungkin Kamu kira, tag body <body> dan </body> menentukan awal dan akhir sebagian besar dokumen Kamu. Semua teks, gambar, dan tautan Kamu akan berada di body dokumen HTML.

Tag body harus dimulai setelah tag head. Halaman biasa mungkin dimulai seperti contoh ini:

<html>
<head>
<title>Dokumen HTML Pertama Saya</title>
</head>
<body>

Tag Header

Ada sampai enam tingkat tag header yang dapat digunakan dalam halaman website kamu, h1 hingga h6. Header 1 adalah header terbesar dan semakin kecil sampai header 6. Di bawah ini adalah masing-masing dari enam header.

<h1>This is a header 1 tag</h1>

This is a header 1 tag

<h2>This is a header 2 tag</h2>

This is a header 2 tag

<h3>This is a header 3 tag</h3>

This is a header 3 tag

<h4>This is a header 4 tag</h4>

This is a header 4 tag

<h5>This is a header 5 tag</h5>

This is a header 5 tag

<h6>This is a header 6 tag</h6>
This is a header 6 tag

Tag Header, seperti yang Kamu perhatikan, tidak hanya bervariasi dalam ukuran, tapi juga dicetak tebal dan memiliki garis kosong yang disisipkan sebelum dan sesudahnya. Penting untuk menggunakan tag header hanya untuk judul, bukan hanya untuk membuat teks tebal.

Tag Paragraf

Dalam HTML, tag paragraf <p> harus diletakkan di akhir setiap paragraf teks "normal" (normal disini didefinisikan belum memiliki tag yang terkait dengannya).

<p> menyebabkan jeda baris dan menambahkan baris kosong di belakang
<br> menyebabkan pemutusan baris tanpa meninggalkan baris kosong

Tag List

Ada cara mudah dalam HTML untuk membuat list bernomor, tidak bernomor, dan definisi. Selain itu, Kamu dapat menumpuk list di dalam list.

Saat menggunakan tag list, kamu tidak memiliki kendali atas jumlah nomor list, HTML secara otomatis melakukannya untuk halaman kamu. Kamu juga (belum) memiliki kendali atas jenis digunakan karena setiap browser berbeda.

Unnumbered list

List yang tidak bernomor dimulai dengan tag <ul>, diikuti dengan item list sebenarnya, yang ditandai dengan tag <li>. List diakhiri dengan tag penutup </ul>.

Misalnya, berikut adalah unnumbered list dengan tiga item:

Berikut tampilannya akan seperti ini:

list item 1
list item 2
list item 3

Numbered list

Berikut adalah list yang sama menggunakan format numbered list:

Berikut tampilannya akan seperti ini:

list item 1
list item 2
list item 3

Penutup

Itulah tadi beberapa script dasar belajar HTML untuk pemula. Dalam belajar bahasa pemograman khususnya dasar HTML kamu harus mempunyai niat konsisten dan harus fokus pada materi yang kamu pelajari.

Cukup sampai disini pembahasan mengenai belajar HTML Dasar semoga temen-temen cukup memahami artikel ini. Jangan lupa untuk selalu update info di blog ini. Terima Kasih...

Go to Link

Code Kita