Dari format pesan teks yang Anda kirim ke lokasi tautan yang Anda pilih, komponen penting pengalaman daring Anda hanya berfungsi berkat HyperText Markup Language (HTML) Show
Survei teknologi web bulan Maret 2022 dari W3Techs menunjukkan bahwa sekitar 94% situs web mengandalkan HTML sebagai fondasi struktur dan tampilannya. Dengan kehadiran online yang penting untuk bisnis saat ini, mempelajari bahasa markup yang membantu memaksimalkan tampilan dan kinerja situs perusahaan dapat memberi Anda keuntungan di pasar kerja HTML bekerja bersama-sama dengan pemrograman dan bahasa teknologi lainnya untuk membuat situs web dan fitur online lainnya beroperasi secara efisien. Tetapi jika HTML adalah komponen penting dalam menciptakan keberadaan online, bagaimana Anda mempelajarinya? Mempelajari dasar-dasar HTML bisa memakan waktu beberapa minggu, tetapi penguasaan bisa memakan waktu lebih lama. HTML adalah bagian penting dari program pendidikan pengkodean online biasa, yang dapat mempersiapkan Anda untuk sejumlah karir yang berfokus pada teknologi. Apakah Anda sedang mempertimbangkan bootcamp pengkodean atau pendekatan lain untuk mempelajari HTML, Anda pasti ingin menyelidikinya
Apa itu HTML?HyperText Markup Language (HTML) adalah bahasa markup, bukan bahasa pemrograman. Itu berarti itu terutama mengatur penampilan konten, sementara bahasa pemrograman mengarahkan tindakan berbagai alat teknologi, dan lebih maju dan interaktif daripada HTML. Tapi itu tidak membuat HTML menjadi kurang penting dalam pengoperasian alat online Hypertext adalah teks yang terhubung ke teks lain, dan bahasa markup adalah bahasa pengkodean yang digunakan untuk membuat serangkaian instruksi yang memandu gaya dan pengaturan halaman web atau aplikasi online. Melalui serangkaian karakter atau spasi yang disebut elemen, HTML menentukan bagaimana teks dan item lain di halaman web terlihat atau bertindak. Serangkaian elemen HTML membentuk halaman web lengkap yang digerakkan oleh HTML Saat Anda melihat gambar di situs web dengan teks yang mengelilinginya, misalnya, kemungkinan HTML-lah yang menginstruksikan teks tersebut untuk membungkus gambar. Kode HTML membuat judul lebih besar dan lebih tebal dari teks lainnya pada halaman, dan menyediakan teks deskriptif sehingga pengguna dengan gangguan penglihatan dapat memahami apa yang ditampilkan gambar Bagian dari Elemen HTMLAda tiga komponen yang, bersama-sama, terdiri dari elemen HTML. Elemen HTML memberikan instruksi tentang bagaimana teks, gambar, hyperlink, dan elemen lain dari halaman web terlihat dan berfungsi bagi pengguna. Berikut ini adalah bagian-bagian utama dari elemen HTML Tanda PembukaKarakter tag pembuka mencatat awal gaya atau tindakan yang diarahkan oleh HTML, menggunakan tanda kurung sudut untuk mematikan simbol elemen tersebut. Sebuah tag dari di awal teks, misalnya, menerapkan elemen paragraf, yang menunjukkan awal paragraf IsiPorsi konten dari elemen HTML mengacu pada materi yang ditampilkan kepada pengguna dalam gaya yang ditentukan oleh kode HTML. Beberapa elemen menunjukkan penampilan atau perilaku yang tidak mengandung konten yang terlihat oleh pengguna; Tanda PenutupKarakter tag penutup mencatat akhir dari gaya yang ditentukan. Tag ini berisi garis miring sebelum simbol elemen di dalam kurung sudut. Dalam contoh paragraf, tag akan menunjukkan akhir paragrafElemen juga dapat memiliki atribut yang memberikan informasi tambahan tentang elemen melalui simbol yang menunjukkan karakteristik yang disebut nama dan nilai. Atribut dapat menentukan karakteristik seperti warna teks dan font, misalnya. Atribut dalam elemen HTML berisi
Satu atribut mungkin memandu cara hyperlink akan muncul saat pengguna memilihnya. Atribut target—target=“_blank”—menginstruksikan tautan untuk dibuka di tab baru, misalnya Jika Anda menerapkan kode HTML untuk menunjukkan elemen di dalam konten yang sudah memiliki elemen yang memandu penampilannya, elemen tersebut disebut elemen bersarang. Dalam contoh paragraf, sebuah kata dalam paragraf tersebut mungkin muncul dalam huruf tebal atau miring, atau hyperlink ke halaman lain mungkin disertakan Bagaimana HTML, CSS, dan JavaScript Bekerja Bersama Pertimbangan lain saat menyelidiki berapa lama waktu yang dibutuhkan untuk mempelajari HTML adalah bagaimana hal itu cocok dengan mekanisme lain untuk mengembangkan halaman web dan aplikasi online. HTML adalah yang memandu penyiapan situs web, tetapi bahasa seperti Cascading Style Sheets (CSS) dan JavaScript menyempurnakan dan menyesuaikan instruksi dasar HTML. CSS dan JavaScript sering berjalan seiring dengan HTML saat mempelajari pengembangan web CSSSetelah HTML menetapkan fondasi untuk struktur dasar situs web, CSS membangun berdasarkan instruksi tersebut untuk memastikan konten muncul sebagaimana dimaksud. CSS memberikan panduan tingkat tinggi, menawarkan elemen rumit dan tindakan tingkat lanjut Seperti HTML, CSS bukanlah bahasa pemrograman. Sebaliknya, CSS adalah bahasa lembar gaya yang memungkinkan Anda menetapkan gaya tambahan ke area berbeda, yang disebut kotak. Anda dapat menggunakan CSS untuk memberikan warna atau gambar latar belakang ke halaman web atau untuk membuat font teks default yang berbeda, misalnya CSS juga menginstruksikan situs web tentang bagaimana tampilannya harus beradaptasi dengan layar berbagai jenis perangkat JavaScriptJavaScript adalah andalan lain di antara bahasa pengembangan web. Bahasa pemrograman ini memandu fitur-fitur kompleks yang melampaui penyiapan dan tampilan statis utama yang diarahkan oleh HTML dan CSS. Fungsi-fungsi ini membentuk lapisan ketiga dalam membuat halaman web dan aplikasi online, selanjutnya dibangun di atas dasar penyiapan dan gaya yang dibuat oleh HTML dan CSS Popularitas JavaScript menjadikannya bagian penting dari pengembangan web dan komponen kunci dari pendidikan pengkodean. Pada Maret 2022, sekitar 98% dari semua situs web dengan pemrograman sisi klien seperti server web mengandalkan JavaScript, menurut W3Techs Beberapa fitur yang dapat diarahkan oleh JavaScript adalah
Cara Belajar HTMLProses belajar HTML dimulai dengan kemampuan komputer secara umum dan pemahaman tentang cara bekerja dengan file yang akan Anda gunakan saat membuat situs web. Adapun berapa lama untuk mempelajari HTML, itu tergantung pada tingkat kerumitan yang Anda cari dalam pengetahuan pengembangan web Anda Anda dapat belajar menggunakan sumber daya mulai dari buku hingga bootcamp online atau bootcamp tatap muka yang mengajarkan alat pengembangan web seperti HTML, CSS, dan JavaScript. Dalam bootcamp tiga bagian Fullstack Academy, misalnya, Anda menghabiskan empat minggu untuk dasar-dasar pengembangan web, termasuk HTML; Mempelajari HTML biasanya membutuhkan waktu beberapa minggu hingga beberapa bulan, bergantung pada tingkat keahlian yang ingin Anda capai. Tetap mengikuti pembaruan untuk HTML dan alat pengembangan web lainnya membutuhkan pembelajaran berkelanjutan 5 Langkah Belajar HTMLUntuk mempelajari HTML biasanya Anda perlu memiliki beberapa perangkat keras dan perangkat lunak dasar. Diantara alat tersebut adalah
Pendidikan HTML dasar umumnya mengajarkan pelajaran melalui lima langkah yang mencakup topik-topik berikut
Mempelajari HTML Tingkat LanjutPelatihan HTML lanjutan melampaui tag standar untuk memasukkan elemen yang mengarahkan pemformatan tambahan. Pelatihan lanjutan ini dapat menambah panjang pelatihan Anda Konsep HTML tingkat tinggi menyertakan fungsi yang ditambahkan dalam versi HTML yang diperbarui, seperti pembaruan signifikan terbaru, HTML5. Versi ini menyertakan elemen yang tidak didukung oleh versi lama, sehingga versi yang diperbarui bekerja lebih mulus dengan—atau terlepas dari—CSS dan JavaScript untuk menjalankan fungsi lanjutan dalam beberapa kasus Berikut adalah beberapa opsi pemformatan terarah HTML lanjutan
Apa yang Dapat Anda Lakukan dengan HTML?HTML adalah tulang punggung situs web untuk bisnis, organisasi media, pengecer online, dan sekolah. Sederhananya, tanpa HTML, internet tidak dapat berfungsi sebagaimana mestinya. Tetapi bahasa markup lebih dari sekedar fondasi halaman web dan email dan buletin berbasis online. HTML juga dapat digunakan untuk berbagai tugas yang meningkatkan aplikasi web. Berikut adalah beberapa contoh yang dapat Anda lakukan dengan HTML Pengembangan webHTML adalah dasar untuk tampilan dan fungsi halaman online, termasuk tampilan teks, penempatan gambar, dan pembuatan hyperlink. Biasanya bermitra dengan kemampuan CSS dan JavaScript, pengkodean HTML memfasilitasi tugas-tugas yang dilakukan situs web Pengembangan GameHTML dapat memandu pembuatan game untuk komputer pribadi, ponsel cerdas, televisi pintar, dan tablet. Melalui perintah HTML, Anda juga dapat mengiklankan dan mempromosikan game, menerima pembayaran, dan mengumpulkan data pengguna Penyimpanan dataPerintah HTML dapat memfasilitasi fitur seperti daftar tugas, keranjang belanja online, dan penyimpanan data pengguna. Mereka dapat mengizinkan penyimpanan data atau gambar dalam satu sesi pengguna atau untuk beberapa kunjungan ke situs web Navigasi InternetElemen HTML dapat mengarahkan navigasi situs web. Indeks, menu, dan daftar isi dapat beroperasi berdasarkan instruksi yang dibuat melalui HTML Aksesibilitas WebKode HTML dapat memberikan deskripsi gambar yang melayani pengguna yang memiliki gangguan penglihatan dan mengandalkan teknologi bantuan untuk menjelajahi gambar situs web. Elemen HTML juga dapat membuat tautan, formulir, tombol, dan pemutar multimedia situs web lebih mudah diakses oleh penyandang disabilitas Pembayaran DaringMemfasilitasi e-commerce adalah contoh lain dari apa yang dapat Anda lakukan dengan HTML. Biasanya digunakan bersamaan dengan JavaScript, HTML dapat menginstruksikan situs web untuk menerima pembayaran online Contoh Pengodean HTMLSaat Anda memeriksa seluk beluk pembelajaran HTML, pertimbangkan beberapa elemen yang mungkin akan Anda pelajari saat Anda berupaya menguasai bahasa tersebut. JudulJudul membuat konten halaman web lebih mudah dinavigasi bagi pengguna dan pembaca layar yang membantu mereka yang menghadapi tantangan yang menyebabkan kesulitan membaca. Mereka memecah bagian teks, seperti kerangka. Judul utama berfungsi sebagai judul yang menjelaskan tujuan konten, dan subjudul memisahkan teks di bawah judul utama Tag HTML untuk judul berkisar dari tag pembuka dan tag penutup dari tag pembuka dan tag penutup dari, dengan judul yang digunakan dalam urutan ukuran teks yang menurun. Setiap halaman umumnya memiliki judul utama tunggal dengan ukuran judul yang lebih kecil yang memisahkan teks berikutnyaParagrafMenempatkan konten dalam paragraf di halaman web adalah cara lain untuk memudahkan navigasi pengguna dan perangkat bantu. Browser secara otomatis memisahkan paragraf dengan satu baris. Tag pembuka untuk elemen paragraf adalah , dan tag penutupnya adalah .Gambar-gambarKode HTML dapat mengarahkan penempatan gambar seperti foto atau seni animasi di halaman web. Tag menyematkan gambar. Atribut dapat memberikan detail tambahan, termasuk teks yang mendeskripsikan gambar seandainya browser tidak menampilkan gambar atau pengguna tidak dapat melihatnya dengan jelas. TeksElemen yang ditunjuk HTML untuk teks membantu menunjukkan tujuan dan struktur bagian teks. Mereka meningkatkan keterbacaan dan meningkatkan peringkat mesin pencari untuk konten web. Misalnya, a tag menunjukkan kutipan panjang yang menjorok; |