Ingin menjadi pengembang? . Tidak hanya itu, Anda juga harus mengetahui semua fungsi HTML hingga cara kerjanya
Tapi tidak perlu khawatir. Karena master Hosting sudah mempersiapkan semuanya melalui artikel ini. Pertama, mari kita mulai dari definisi dan panjang HTML
Definisi HTML
Foto oleh Miguel Á. Padriñán dari Pexels
Jadi, apa itu HTML? . HTML adalah singkatan dari Hypertext Markup Language yang memiliki arti bahasa markup standar untuk membuat dan mengatur halaman pada aplikasi website
Jika Anda sedang mengembangkan situs web, Anda dapat menggunakan HTML atau bahasa markup ini untuk membuat paragraf, judul, dan tautan di halaman web. Jadi singkatnya HTML adalah pondasi awal dalam mengembangkan halaman website yang tersusun secara terstruktur dari segi desain dan fungsionalitas.
Sejarah HTML
Asal usul HTML diciptakan atau dibuat oleh Tim Berners Lee yang merupakan fisikawan di lembaga riset CERN di kota Swiss. Berners Lee awalnya memiliki ide atau pemikiran tentang sistem hypertext berbasis internet. Kemudian sekitar tahun 1991, Tim Berners Lee merilis HTML versi pertama yang berisi sekitar 18 tag.
Dari perkembangannya hingga saat ini, HTML telah mengalami beberapa kali penyempurnaan baik dari segi fitur maupun informasi serta menghadirkan versi terbaru yaitu HTML5. Seiring berjalannya waktu, bahasa HTML semakin populer dan digunakan sebagai standar web resmi dalam dunia pemrograman.
Kemudian pada tahun 2014, HTML juga mengalami tahap perbaikan atau maintenance oleh World Wide Web Consortium (W3C) dari sisi fitur semantic untuk memudahkan developer menyusun kode dan memberikan makna dari konten tersebut. Misalnya, ,
Baca juga. HTML5 Adalah. Arti dan Perbedaan dari HTML Normal
Pengertian Tag, Elemen dan Atribut dalam HTML
Dari informasi sejarah HTML, kita sudah mengetahui bahwa pada tahun 1991, Tim Berners Lee merilis HTML pertama yang memiliki 18 tag. Jadi, apa sebenarnya tag itu?
Tag
Hal pertama yang dibahas adalah tag. Pengertian tag HTML adalah tanda awalan dan akhiran dalam perintah HTML yang bisa dibaca oleh web browser. Tag dibuat dengan menggunakan kurung siku terbuka dan tertutup, seperti ini, <….> nah, di dalam kurung siku akan berisi nama tag.
Fungsi tag HTML adalah berbeda-beda tergantung dari perintahnya, seperti membuat judul, paragraf, heading, cetak tebal (bold), miring (italic), dan lain sebagainya. Contohnya, jika menuliskan perintah , tag tersebut akan menampilkan teks dengan format miring/italic di browser.
Sejak awal penemuannya, hanya ada 18 tag HTML. Namun, saat ini tag HTML telah berkembang menjadi lebih dari 250 tag. Tapi, jangan khawatir. Karena sebagai developer tidak perlu menghafal semuanya. Anda dapat mengingat beberapa tag dasar di bawah ini.
Jenis-jenis tag HTMLFungsi tag HTMLDigunakan untuk membuat halaman HTML yang mencakup semua konten dan elemen.Dipakai untuk membuat elemen HTML, mencakup tampilan deskripsi di hasil pencarian Google, style konten (CSS), dan lain sebagainya.
Digunakan untuk membuat judul.Digunakan untuk membuat bagian isi website.
, sampai Digunakan untuk membuat bagian heading pada artikel.Digunakan untuk membuat paragraf.Digunakan untuk membuat komentar.Elemen
Hal kedua adalah tentang elemen pada HTML. Elemen HTML adalah bagian yang berisi keseluruhan kode dari tag pembuka dan tag penutup. Sebagai contohnya adalah Belanja HTML.
Terkadang elemen juga ditambahkan atribut, sebagai contohnya:
Selamat Pagi! dengan atribut align=”center” dan memiliki isi berupa teks, yaitu Selamat Pagi!
Elemen juga tidak selalu berisi teks, terkadang juga berisi elemen lain yang biasa disebut elemen bersarang atau lebih mudah disebut elemen di dalam elemen. Agar lebih jelas, berikut adalah contoh elemen bersarang.
Sebagai Judul Judul
Sebagai paragraf pertama artikel.
Dari contoh di atas dapat dilihat bahwa dari tag pembuka lalu tag
berisi elemen tag heading dan elemen tag paragraf.
Atribut
Last but not least, adalah atribut pada HTML. Atribut HTML adalah kata khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifier yang akan menentukan makna dari elemen. Atribut bisa ditambahkan pada elemen apapun. Ada juga elemen yang mewajibkan menggunakan atribut seperti elemen , Foto oleh Lukas dari PexelsSetelah mengetahui tentang 3 hal penting dalam HTML seperti tag, atribut dan elemen, selanjutnya adalah penjelasan tentang fungsi dari HTML itu sendiri. Sebagai developer, tentunya hal ini sangat penting untuk dipahami sebelum Anda mulai menyusun website sendiri.
1. Buat halaman situs web
Fungsi HTML yang pertama adalah untuk membuat halaman website. Jika Anda ingin mengembangkan halaman website yang dapat dibaca dan dipahami dengan baik oleh pengguna internet, maka Anda harus menggunakan HTML
Baca juga. Daftar Lengkap Kode Warna HTML dan CSS Serta Cara Menggabungkannya
2. Sebagai basis situs web
Website yang Anda buat harus memiliki beberapa fitur. Misalnya dibuat menggunakan java script untuk mengatur perilaku web, menggunakan bahasa pemrograman server PHP, dan melakukan desain website menggunakan CSS, semua bahasa tersebut dapat diimplementasikan jika web tersebut memiliki dasar HTML.
3. Tandai teks di halaman situs web
Selanjutnya, fungsi HTML adalah untuk penulisan pada suatu halaman dokumen dengan tag dan simbol tertentu. Simbol dan tag tersebut biasanya yang menampilkan teks menjadi tebal, miring, bergaris dan lain sebagainya. Misalnya jika ingin membuat suatu teks menjadi teks miring atau italic di laman HTML harus ditulis kode .
Website yang menarik tentunya berisi video, gambar, tabel dan media lainnya. Biasanya tabel, gambar atau video tidak bisa langsung ditempatkan di halaman website atau blog karena membutuhkan komponen tertentu yang menggunakan bahasa HTML. Dengan HTML ini Anda dapat menampilkan berbagai media sesuai kebutuhan
5. Mengizinkan pengguna diarahkan ke situs web lain
Fungsi HTML tidak berhenti pada empat poin di atas, kegunaan lain dari HTML adalah mengarahkan pengguna untuk mengakses halaman atau website lain melalui teks atau perintah tertentu. Fungsi HTML berikut disebut hyperlink.
Cukup banyak fungsi non-HTML untuk situs web?
Jika iya, jangan lupa untuk memastikan bahwa website Anda sudah menggunakan layanan web hosting yang berkualitas demi kelancaran upload file dan memenuhi kebutuhan website Anda yang lain. Contohnya adalah layanan web hosting dari Jagoan Hosting. Mari kita periksa sekarang
Cara Kerja HTML
Foto oleh Marc Mueller dari Pexels
Setelah mengetahui fungsi HTML, kini Anda perlu memahami cara kerja HTML. Jagoan Hosting telah merangkum tahapan cara kerja HTML dari awal hingga akhir
Pertama, cara kerja HTML dimulai dari format file. File HTML selalu diakhiri dengan ekstensi. html atau. htm. Ekstensi ini biasanya dapat dilihat menggunakan browser web apa saja (Google Chrome, Safari, atau Mozilla Firefox). Browser membaca file HTML dan merender konten sehingga pengguna internet dapat melihat dan membacanya.
Biasanya, situs akan menyertakan beberapa halaman HTML yang berbeda dan terdiri dari banyak halaman. Misalnya, halaman rumah, tentang kami, halaman kontak, blog dan sebagainya.
Nah, masing-masing halaman berikut memiliki beberapa tags atau elemen yang disusun untuk membentuk sebuah halaman website. Tag tersebut akan membuat hierarki yang menyusun konten hingga menjadi sebuah bagian paragraf, ada heading, block dan konten lainnya. Lalu, elemen bahasa markup ini umumnya memiliki tag pembuka dan penutup menggunakan syntax .
Langkah terakhir cara kerja HTML adalah Anda perlu membuat website secara online agar bisa diakses oleh orang lain. Browser akan membaca dan merender file HTML menjadi tampilan website. Pengunjung website Anda juga akan dapat dengan mudah membaca dan mendapatkan informasi yang mereka butuhkan.
Demikian informasi lengkap mengenai pengertian HTML, fungsinya dan cara kerjanya. HTML merupakan singkatan dari Hypertext Markup Language yang wajib dikuasai oleh developer agar dapat merencanakan struktur halaman website dengan baik dan benar. Jadi, sudahkah Anda mengetahuinya?
Agar pemahamanmu tentang dunia programming semakin maksimal, yuk ikutan Programmer Bootcamp Alterra Academy sekarang juga. Di sana Anda akan mendapat kesempatan untuk belajar tentang pemrograman berdasarkan kurikulum berstandar tinggi serta persiapan memasuki dunia kerja. Sangat menarik, bukan?
Tag dibuat dengan tanda kurung siku ( . Contoh.
Tag HTML apa itu tag?
Berikut daftar tag yang harus ada di HTML. .
<. DOCTYPE html> — untuk deklarasi tipe dokumen;
— tag utama dalam HTML;
— untuk bagian kepala dokumen;
— untuk judul web; — untuk bagian tubuh dokumen
Tag HTML dimulai dengan kode apa?
Pada umumnya penulisan tag pada html secara berpasangan dimulai dengan Isi dari isi , Jadi apa yang dimaksud yang dimaksud elemen dalam HTML adalah blok kode yang dimulai dari tag pembuka sampai dengan tag penutup, namun ada juga tag yang berdiri sendiri dalam penulisannya seperti
Apa gunanya html, tag?