Abraham Yusuf
Pengenalan HTML
HTML adalah singkatan dari HyperText Markup Language (diterjemahkan berarti Bahasa Markup / HyperText Markup).
HTML dirancang untuk membuat halaman web di world wide web. struktur pembuatan document berbentuk text dan halaman yang akan ditampilkan kelayar komputer atau smartphone.
HTML sangat mudah dipelajari sehingga hanya dalam beberapa menit Anda dapat membuat halaman web pertama Anda.
Untuk mempelajari HTML, Anda tidak perlu menginstal perangkat lunak tambahan di komputer Anda. Anda akan dapat membuat halaman web menggunakan editor online bawaan.
dikomputer anda bisa mencoba menggunakan notepad, untuk percobaan kali ini.
jika pengguna hape smartphone android anda bisa menggunakan aplikasi Acode atau SPCK editor untuk percobaan kali ini. sebelumnya pernah diposting diblog ini, silahkan dibaca terlebih dahulu postingan berikut :
Belajar Cepat HTML Dasar (Khusus Study Pengguna Android)
selanjutnya baca : 12 Aplikasi Android Yang Wajib Diinstall Buat Ngoding dan Belajar Web Design
Atau jika tidak ingin menginstall aplikasi apapun, bisa menggunakan CodePen (sebuah website online code editor) sehingga mudah untuk digunakan dibrowser manapun. berikut : Cara Membuat Akun Codepen.
Tag HTML
Setiap dokumen HTML terdiri dari teks biasa dan tag markup .
Teks, seperti pada file lainnya, digunakan untuk menyampaikan informasi, dan tag markup digunakan untuk mengelompokkan dan mendesainnya.
Tag markup HTML adalah kata khusus yang diapit oleh tanda kurung siku di kedua sisi, misalnya: <html> .
Tag HTML biasanya digunakan berpasangan, misalnya: <b> </b> .
Tag pertama disebut tag awal dan yang kedua adalah tag akhir .
Teks antara tag awal dan akhir tunduk pada “markup”.
Misalnya <b> Halo </b> akan dirender oleh browser sebagai Halo (kata ‘Halo’ ditulis tebal).
anda bisa membaca artikel diblog ini tentang Tag Tag Dan Fungsi HTML
Dokumen HTML
Jika dokumen HTML dibuka di editor, itu akan ditampilkan sebagai file teks biasa.
Jika dokumen HTML dibuka di browser, itu akan ditampilkan sesuai dengan tag markup dan akan disebut halaman web .
Tujuan utama dari browser web apa pun (seperti IE, Firefox, Chrome, dll.) Adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web.
Bagian atas editor menampilkan dokumen HTML sebagai file teks, dan bagian bawah menampilkannya sebagai halaman web:
<html>
<body>
<h1> Judul pertama saya! </h1>
<p> Halo semuanya! </p>
</ Body>
</html>
Judul pertama saya!
Halo semua!
Penjelasan contoh:
– Tag <html> mendeklarasikan awal dan akhir dokumen HTML;
– Tag <body> berisi semua konten halaman HTML yang terlihat; (Ditampilkan dilayar)
– Tag <h1> memungkinkan Anda untuk “menandai” teks yang disematkan sebagai judul; (Heading)
– Tag <p> memungkinkan Anda untuk “menandai” teks yang disematkan sebagai paragraf.
Membuat dokumen HTML
Untuk membuat dokumen HTML Anda perlu:
1. Buka editor teks apa saja (misalnya, notepad bawaan Windows);
2. Ketik teks sembarang dan tandai dengan tag HTML;
3. Simpan file dengan ekstensi .htm atau .html.
Sekarang, jika Anda membuka file yang dibuat dengan browser web, itu akan ditampilkan sebagai halaman web.
Editor dokumen HTML (Text Editor)
Terlepas dari kenyataan bahwa Anda bahkan dapat menggunakan editor teks standar (misalnya, notepad pada Windows) untuk membuat dokumen HTML, kami tidak menyarankan melakukannya menggunakan itu.
Untuk tujuan ini, banyak editor khusus telah dibuat dengan penyorotan tag dan fitur berguna lainnya.
Contoh editor seperti ini:
– Microsoft FrontPage
– Adobe Dreamweaver
– VScode (Rekomendasi)
– Sublime Text
Untuk Pengguna Smartphone Android :
– Acode
– SPCK Editor
– Dcoder
– Quoda
– QuickEdit+
– DroidEdit
Ekstensi mana yang harus saya gunakan .htm atau .html? saat menyimpan.
Tidak masalah, karena semua browser modern memahami .htm dan .html dengan sama baiknya.
Kami lebih suka menggunakan ekstensi .html karena kami yakin ini yang paling deskriptif, tetapi pilihan terakhir tentu saja ada di tangan Anda.
maka jika anda akan menyimpan sebauh dokumen dari hasil edit file html, sangat disarankan menggunakan format file dengan extensi .html (titik/dot html)
Abraham Yusuf