Sejak Awal dari Internet , HTML sangat penting untuk membuat World Wide Web bekerja dan muncul seperti yang kita inginkan. Mari kita lihat html apa dan bagaimana hasilnya masuk ke halaman yang Anda lihat setiap hari.
Tulang punggung Internet
HTML adalah singkatan dari "Hypertext Markup Language." Ini adalah bahasa pengkodean yang digunakan untuk membuat halaman yang dapat ditampilkan browser web. Sebagian besar halaman web yang Anda temukan di Internet, termasuk yang Anda baca artikel ini saat ini, disimpan sebagai file HTML. Situs web adalah sekelompok halaman HTML terkait yang disimpan di server di suatu tempat. Itu sebabnya bahasanya sering disebut " tulang punggung Internet . "
Setiap kali Anda pergi ke halaman di Internet, Anda pada dasarnya meminta file HTML yang disimpan di server. Kemudian, browser yang Anda gunakan, seperti Chrome atau Firefox, akan menguraikan HTML dan menampilkannya kepada Anda dengan cara yang dimaksudkan.
Universalitas dan Fleksibilitas HTML menjadikannya yang paling populer Bahasa Markup. Di dalam dunia. Sebagian besar pengembang web front-end dimulai oleh Mempelajari cara kode Dalam html. Alat drag-and-drop dan editor WYSIWYG akhirnya diterjemahkan ke HTML sehingga browser dapat menguraikannya.
TERKAIT: Apa itu bahasa markup?
Bagaimana HTML berfungsi
Seperti bahasa pemrograman apa pun, HTML terlihat seperti sekelompok perintah dan blok teks sebelum diubah menjadi visual menghadap ke depan. Jika Anda ingin tahu seperti apa HTML pada halaman khusus ini dan Anda berada di desktop atau laptop, coba klik kanan di mana saja pada halaman ini dan pilih "Lihat Sumber Halaman" (opsi dapat bervariasi tergantung pada browser Anda ). Itu harus membawa Anda ke dinding kode raksasa.
Sebagian besar HTML dibangun menggunakan "Blok Elemen," yang merupakan cuplikan kode HTML yang memisahkan elemen berbeda pada halaman. Misalnya, tubuh artikel ini adalah blok elemen, seperti menu, rekomendasi di bawah ini, dan footer halaman. Elemen-elemen ini dikodekan dengan cara mereka sendiri, karena mereka dapat berperilaku berbeda.
Bagian penting dari membangun halaman HTML adalah penggunaan lembar gaya cascading (CSS). Ini adalah dokumen yang menentukan seperti elemen-elemen tertentu dari suatu halaman. Misalnya, seberapa besar gambar harus, font apa yang akan muncul di halaman, dan Bagaimana halaman web harus merespons ketika itu diubah ukurannya atau diregangkan. Ini semua sangat penting untuk menciptakan situs web yang menarik, kohesif, dan bergaya. Jika Anda memperhatikan situs web mulai terlihat lebih baik dalam dekade terakhir, meningkatnya penggunaan CSS adalah alasan terbesar. Anda dapat membaca lebih lanjut tentang CSS di sini .
Salah satu hal terbaik tentang HTML adalah kemampuannya untuk menjalankan skrip dinamis melalui Javascript atau js. Skrip ini dapat membuat elemen dinamis. Misalnya, di situs web tertentu, melayang pada gambar akan memungkinkan Anda untuk memperbesarnya. Anda dapat membuat efek ini dengan mengkodekan dalam elemen Javascript.
TERKAIT: Cara Nonaktifkan (dan Aktifkan) Javascript di Google Chrome
Dasar-dasar HTML.
Sementara HTML adalah bahasa yang cukup kompleks dengan ton tag dan blok yang berbeda, ada beberapa kode HTML yang mungkin berguna saat Anda menjelajahi web. Berikut adalah beberapa tag HTML dasar yang mungkin Anda temui.
& lt; a href = "https://www.howtogeek.com" & gt; how-to geek & lt; / a & gt;
How-to Geek
Anda menggunakan
& lt; a & gt;
perintah untuk membuat tautan. URL adalah tempat tautan akan menunjuk, dan teks yang bertuliskan "How-to Geek" adalah bagaimana hal itu akan muncul pada pengguna akhir.
& lt; B & GT; Bold & lt; / B & gt; & lt; i & gt; italic & lt; / i & gt; & lt; u & gt; garis bawah & lt; / u & gt;
berani italic. menggarisbawahi
Anda dapat menggunakan
& lt; b & gt;
,
& lt; i & gt;
, dan
& lt; u & gt;
Untuk menerapkan opsi pemformatan teks standar: tebal, miring, dan teks yang digarisbawahi.
& lt; img src = "picture.jpg" & gt;
NS
& lt; img & gt;
Tag digunakan untuk menanamkan gambar ke halaman. Ini akan menarik gambar dari domain yang sama, atau Anda dapat mengarahkannya ke domain eksternal. Anda juga dapat menyesuaikannya dengan beberapa atribut tambahan, seperti mengubah ukuran dan teks alt.
& lt; h1 & gt; pos 1 & lt; / h1 & gt; & lt; p & gt; paragraf & lt; / p & gt;
Tag utama dan paragraf. Mirip dengan bagaimana Microsoft Word memungkinkan Anda untuk mengurutkan teks ke header dan teks tubuh, HTML juga dapat memformat teks berdasarkan opsi header dan paragraf default. Format ini didefinisikan menggunakan Stylesheet CSS.
& lt; p style = "Warna: edr;" & gt; paragraf merah & lt; / p & gt;
Anda juga dapat menggunakan
"gaya"
atribut untuk menyesuaikan teks dengan berbagai pengaturan gaya, seperti warna teks, warna latar belakang, dan ukuran font.
Jika Anda tertarik untuk mempelajari lebih banyak opsi pemformatan HTML, lihat Sumber daya gratis W3schools . Anda akan menemukan daftar lengkap tag HTML yang dapat Anda gunakan untuk mulai membangun halaman web Anda.
TERKAIT: Apa itu "desain responsif," dan bagaimana Anda menggunakannya?
