MADU

Quotes of The Day

Beranda / Dunia Dosen / Komputer dan Teknologi

Mari Berkenalan dengan HTML (Hypertext Markup Language)

Oleh Allans Syafrizal Posting Komentar

 


HTML atau HyperText Markup Language adalah bahasa markup standar yang digunakan untuk membuat halaman web. HTML memberikan cara untuk menandai dan mengorganisir konten pada halaman web, termasuk teks, gambar, dan hyperlink. (Sumber Gambar). Disebut bahasa markup standar karena untuk anda yang ingin memulai belajar atau berkarir sebagai web developer, maka anda perlu memulainya dari bahasa yang satu ini. 

Dalam perkembangan teknologi web hari ini, HTML dapat dikombinasikan dengan bahasa lain untuk tujuan mempercantik maupun mempercanggih website. Diantaranya adalah HMTL bisa dikombinasikan dengan CSS, Javascript dan PHP. Untuk mempersingkat dan memudahkan pembelajaran, berikut saya hadirkan contoh dasar pemrograman HTML.

  1. Membuat Struktur Halaman Web
    Halaman web dibangun dengan beberapa bagian struktur, diantaranya deklarasi, bagian kepala dan bagian body. Struktur-struktur ini digunakan dengan menuliskan beberapa tag yang berbeda.

    Untuk membuat struktur halaman web, Anda perlu menggunakan tag HTML. Tag HTML diawali dengan tanda kurung siku dan diakhiri dengan tanda kurung siku terbalik. Berikut adalah contoh tag HTML untuk membuat struktur halaman web:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Isi Halaman Web
</body>
</html>
  1. Mengatur Judul Halaman
    Judul halaman adalah teks yang muncul di tab browser. Untuk mengatur judul halaman, gunakan tag <title> di dalam tag <head>. Berikut adalah contoh kode HTML untuk mengatur judul halaman:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Isi Halaman Web
</body>
</html>
  1. Menambahkan Teks ke Halaman
    Untuk menambahkan teks ke halaman web, gunakan tag <p> untuk menandai paragraf dan tag <h1> hingga <h6> untuk menandai judul. Berikut adalah contoh kode HTML untuk menambahkan teks ke halaman:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Halaman</h1>
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>
</body>
</html>
  1. Menambahkan Gambar ke Halaman
    Untuk menambahkan gambar ke halaman web, gunakan tag <img> dengan atribut src untuk menentukan URL gambar. Berikut adalah contoh kode HTML untuk menambahkan gambar ke halaman:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Halaman</h1>
<p>Ini adalah paragraf.</p>
<img src="https://www.contoh.com/gambar.jpg" alt="Contoh Gambar">
</body>
</html>
  1. Membuat Tautan atau Hyperlink
    Untuk membuat tautan atau hyperlink ke halaman web lain, gunakan tag <a> dengan atribut href untuk menentukan URL halaman web lain. Berikut adalah contoh kode HTML untuk membuat tautan atau hyperlink:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Halaman</h1>
<p>Kunjungi <a href="https://www.contoh.com">Contoh Halaman Web</a>.</p>
</body>
</html>

Dalam pemrograman HTML, ada banyak tag yang dapat Anda gunakan untuk membuat halaman web yang interaktif dan menarik. Namun, dasar-dasar yang dijelaskan di atas adalah fondasi untuk membangun halaman web apa pun. Semoga informasi ini bermanfaat untuk Anda!

Tidak ada komentar untuk "Mari Berkenalan dengan HTML (Hypertext Markup Language)"

Posting Komentar