fbpx

Order Now - Dedicated Server High Performance

Technology

Pentingnya HTML (HyperText Markup Language) Bekerja di Situs Web

Wiliam

HTML (HyperText Markup Language) adalah bahasa untuk markup teks hypertext yang diperlukan untuk menempatkan elemen pada halaman web seperti teks, gambar, tabel, dan video. Saat Anda mengunjungi situs web, browser memuat file HTML dengan informasi tentang struktur dan konten halaman web.

HTML (HyperText Markup Language) seolah-olah membangun fondasi visual situs tetapi tidak “meluncurkan” situs itu sendiri. Itu hanya menentukan di mana elemen berada, apa desain dasarnya, di mana mendapatkan gaya untuk elemen dan skrip (biasanya ditulis dalam  JavaScript ).

Apa Itu Kode HTML (HyperText Markup Language)?

HTML (HyperText Markup Language) terdiri dari tag, perintah yang memberi tahu browser cara menampilkan teks yang ditempatkan di dalamnya. Ini adalah elemen dari halaman web dimana setiap tag memiliki nama yang diapit tanda kurung siku < dan >.

Tag berpasangan dan tidak berpasangan, yang berpasangan terdiri dari dua tag yaitu pembuka dan penutup, dan yang tidak berpasangan dari satu. Dalam hal ini, tag yang tidak berpasangan juga dapat ditutup, tetapi ini tidak perlu.

Lalu, Apa Bagian dari HTML (HyperText Markup Language)?

  1. Setiap tag memiliki atribut

Dengan bantuan HTML (HyperText Markup Language), Anda dapat mengirim data tambahan ke elemen halaman web seperti dimensi, id elemen unik, tautan ke gambar dan sebagainya.

  1. Elemen <img> mencakup dua atribut utama  yaitu src dan  alt

Yang pertama menambahkan tautan ke file dan yang kedua menambahkan keterangan ke gambar yang akan ditampilkan jika file tidak dimuat. Tag <p> adalah tag  berpasangan, harus selalu ditutup dengan tag </p>.

Tag pasangan digunakan untuk menandai blok seperti elemen di mana elemen lain (termasuk blok) dapat bersarang, termasuk:

  1. Wadah ( div );
  2. Paragraf
  3. Judul;
  4. Daftar;
  5. Tabel.

Bagaimana HTML (HyperText Markup Language) Bekerja di Situs Web?

Mari kita lihat bagaimana browser merender halaman web menggunakan file HTML, cara kerja markup adalah sebagai berikut:

  1. Anda memasukkan alamat situs atau halaman di bilah alamat.
  2. Browser mengirimkan permintaan ke alamat ini dan menerima file HTML.
  3. Kode dari file yang diterima secara berurutan diubah menjadi objek visual.

Dalam hal ini, setiap browser dipandu oleh aturannya sendiri untuk menampilkan elemen. Sebelumnya, pengembang harus membuat versi situs terpisah untuk Internet Explorer, Firefox, Opera dan browser lainnya.

Itu hanya perlu untuk tidak memperhitungkan beberapa kekhasan browser dan situs itu jatuh di depan pengguna yang kecewa. Untungnya, W3C telah mengembangkan standar web  untuk memastikan bahwa tampilan situs kurang lebih sama di semua browser.

Tapi tidak ada yang kebal dari kesalahan umum, jika pengembang secara tidak sengaja tidak menutup tag atau menambahkan konten di suatu tempat di tempat yang salah, sesuatu yang tidak terduga akan muncul di halaman.

Yang Harus dan Yang Tidak Boleh Dilakukan Dalam HTML

HTML (HyperText Markup Language) adalah kerangka situs, dimana browser merender halaman web, menghadirkan “keindahan” dengan CSS dan menambahkan logika melalui JavaScript misalnya, dalam file HTML Anda dapat menulis:

  1. Hyperlink;
  2. Tabel;
  3. Gambar-gambar;
  4. Blok;
  5. Paragraf
  6. Formulir;
  7. Header.

Anda bahkan dapat mengatur desain sederhana secara langsung dalam HTML (HyperText Markup Language), seperti mengatur warna dan font teks atau warna latar belakang sebuah blok. Namun, para profesional tidak menyarankan melakukan ini karena lebih baik untuk menentukan gaya dalam file CSS.

Di sana, imajinasi Anda tidak akan dibatasi oleh apa pun, atur indentasi apa pun, tempatkan elemen dengan cara yang tidak standar, mainkan dengan transparansi, bayangan dan animasi tetapi dalam CSS.

Tindakan pengguna masih diproses terutama menggunakan JavaScript dan kerangka kerjanya, tetapi beberapa fitur secara bertahap datang ke HTML. Misalnya, menyeret dan menjatuhkan objek atau Seret dan jatuhkan, sebelumnya hanya tersedia di JavaScript.

Cara Belajar Menulis dalam HTML (HyperText Markup Language)

Satu menjejalkan tag tidak cukup, pelajari elemen dasar dan bereksperimen. Tetapkan tugas tertentu sendiri (misalnya, buat situs web kartu nama) atau ambil tugas berbayar sebagai pekerja lepas dan coba terapkan.

Anda dapat mengintip ke direktori, google, meminta saran di forum dan situs dengan pertanyaan dan jawaban atau temukan situs yang paling mirip, buka kodenya dan cari tahu cara kerjanya. Anda dapat mengubahnya sesuai dengan kebutuhan Anda, jangan lupa untuk menghapus hak cipta dan komentar penulis.

Beberapa pengembang tidak ingin membuka kode mereka, mereka mengenkripsi (mengaburkan) skrip di situs, tetapi mereka juga dapat diuraikan dengan alat khusus. Untuk membuat situs interaktif dengan fungsionalitas yang lebih kompleks, dengan desain modern dan cantik, Anda perlu mempelajari CSS, JavaScript, desain web dan beberapa mata pelajaran lainnya.Dengan membenamkan diri dalam pembelajaran, Anda akan belajar cara membuat proyek web Anda sendiri dan dapat melamar posisi sebagai pengembang junior. Itulah pentingnya HTML (HyperText Markup Language) bekerja di situs Web, sekian dan terimakasih.

Baca Juga