Jelaskan apa itu tag html dan berikan contohnya?

Website terdiri dari kumpulan kode yang saling berhubungan dan salah satu kode tersebut adalah HTML. Dengan anda memahami dasar-dasar html dari mulai apa itu html,pengertian html, fungsi html , jenis-jenis html, kelebihan html dan kekurangan html serta tau teknik dasar html.

Maka hal tersebut akan menimbulkan kepercayaan diri ketika mengelola sebuah website. Anda akan bisa dengan mudah membuat perubahan di situs website yang anda kelola, anda juga tidak harus sewa developer professional setiap saat hanya untuk melakukan perubahan sederhana. 

Karena jika hal kecil saja anda serahkan ke developer professional selain memakan waktu, tentu akan memerlukan biaya yang tidak sedikit juga. Artikel ini ditulis dengan mempertimbangkan para pemula yang membacanya juga.

Sehingga jika anda belum pernah sama sekali melakukan pengkodean dengan HTML, anda diharapkan akan dengan mudah melakukan pengkodean pertama anda dengan belajar html di blog Exabytes Indonesia ini.

Sebagai langkah awal belajar html, dibawah ini ada penjelasan singkat tentang pengertian HTML. Apa itu? Simak penjelasannya dibawah ini

• Pengertian HTML 
• Contoh HTML
• Jenis – Jenis HTML
  • HTML versi 1.0
  • HTML versi 2.0
  • HTML versi 3.0
  • HTML versi 3.2
  • HTML versi 4.01
  • XHTML 1.0
  • HTML 5
• Kelebihan HTML dan Kekurangan HTML
  • Kelebihan HTML
  • Kekurangan HTML
• Kesimpulan Tentang HTML

Kepanjangan HTML adalah Hypertext Markup Language, HTML adalah salah satu bahasan standar yang berperang penting dalam mengatur dan mempformat halaman sebuah website dan dokumen lainnya yang ada di World Wide Web.

HTML seringkali disandingkan dengan bahasa lain seperti CSS atau JavaScript. Fungsi HTML sendiri adalah untuk membuat judul, hyperlink, deretan list, garis miring, font tebal dan lain sebagainya dan kode CSS yang sering disandingkan ini akan menampilkan hal tersebut secara visual di halaman website.

Sedangkan untuk kode JavaScript sebagai elemen tambahan di halaman website membuat grafik, pop up, animasi dan lain sebagainya. Fungsi HTML tidak hanya itu saja, ada beberapa fungsi lain yang bisa dilakukan oleh HTML sebagai berikut :

• HTML bisa berfungsi untuk membuat sematan kode analytics dengan sangat mudah di website.
• Gambar di website bisa diselaraskan dan dibuat responsif di semua perangkat.
• Tulisan dan font di website bisa anda atur sedemikian rupa agar bisa meningkatkan keterbacaan tulisan menjadi lebih mudah dibaca.

Contoh HTML

Agar lebih mudah di pahami, kami akan langsung memberikan contoh kode HTML. Semua file HTML biasanya akan diawali dengan deklarasi tipe dokumen seperti . Lalu, file html ditulis dimulai dari tag awal dan diakhiri dengan .

Bagian lainnya yang ditampilkan ke user ada di bagian antara dan tag penutup .  Setiap kode yang ada di html juga ada tag pembuka dan tag penutupnya. Tag pembuka ini yang akan memulai sebuah perintah dan tag penutup yang akan mengakhirinya.

Contohnya tag

Konten yang akan ditampilkan

ini adalah tag pembuka dan tag

Dibawah ini ada beberapa tag HTML yang umum digunakan, diantaranya adalah

• : Ini adalah tag yang memiliki fungsi menemalkan teks atau membuat headline.
• : Tag ini berfungsi untuk membuat teks menjadi miring.
• : Tag ini adalah tag isi atau tag isi kontennya akan ditampilkan kepada user.
• : Tag ini adalah tag untuk memberikan tautan / hyperlink di sebuah teks.
• : Tag ini adalah tag untuk menyelaraskan teks di bagian tengah halaman.
• : Isi dari konten ini akan menjadi bagian dari header sebuah website.

Dan sebenarnya masih ada banyak tag HTML lain yang belum disebutkan. Tapi diatas adalah beberapa tag yang umum digunakan. Agar lebih jelas, perhatikan kode html dibawah ini :

Contoh Penggunaan tag

Hosting Indonesia

Exabytes Indonesia

Copy dan paste kode diatas dan simpan dengan extension file .html lalu run di browser anda dengan cara klik dua kali pada file tersebut setelah di simpan. Hasilnya seperti dibawah ini :

Contoh Penggunaan tag

Hosting Indonesia

Exabytes Indonesia

Copy dan paste kode diatas dan simpan dengan extension file .html. Selanjutnya run di browser anda dengan cara klik dua kali pada file tersebut setelah di simpan. Hasilnya ada dibawah ini :

Contoh Penggunaan tag

Hosting Indonesia

Exabytes Indonesia

Jasa Pembuatan Website

Detail tentang Jasa Pembuatan Website

Copy dan paste kode diatas dan simpan dengan extension file .html. Selanjutnya run di browser anda dengan cara klik dua kali pada file tersebut setelah di simpan. Hasilnya seperti dibawah ini :

Contoh Penggunaan tag

Hosting Indonesia

Exabytes Indonesia

Jasa Pembuatan Website adalah salah satu layanan pembuatan website instan untuk membantu anda mendapatkan website powerful.

Detail tentang Jasa Pembuatan Website

Hasilnya adalah

Itu dia beberapa contoh html dari masing – masing tag yang umum digunakan. Jika kita lihat dari contoh html sederhana diatas, untuk membentuk sebuah dokumen html maka bisa disimpulkan bahwa kerangka inti dari HTML adalah , , dan .

Kerangka inti tersebut akan membuat rangkaian dokumen html code sesuai dengan tujuan dan kebutuhannya. Jika anda ingin melihat struktur html secara komplit, caranya adalah buka website yang akan anda lihat kode HTML Website tersebut. Selanjutnya, klik kanan pada mouse lalu pilih “View Page Source”. 

Maka kode HTML website yang lebih komplit dan lebih rumit akan diperlihatkan. Perhatikan apakah disana ada kerangka inti yang sudah dibahas di artikel ini ? Berikan tanggapan anda di kolom komentar ya !

Jenis – Jenis HTML

HTML dibuat oleh seorang ahli fisika bernama Tim Berners-Lee di tahun 1991 dan html yang secara resmi diluncurkan adalah html versi 1.0 dan dibawah ini ada jenis-jenis html berdasarkan perkembangan HTML dimulai dari versi awal sampai versi terbaru saat ini.

HTML versi 1.0

HTML versi 1.0 adalah html pertama kali dirilis secara resmi, fitur dari html ini adalah heading, paragraph, hypertext, list dan font cetak tebal dan miring. 

Contoh html code untuk versi 1.0 

 

Text HTML yang ditebalkan

Paragraf dokumen html

HTML versi 2.0

Sampai tahun 1997, html versi 2.0 ini adalah kode html standar didalam proses pembuatan website. HTML 2.0 adalah kemajuan dari html sebelumnya dengan penambahan beragam fitur menarik.

Contoh html code untuk versi 1.0 

 

Text HTML yang ditebalkan

Paragraf dokumen html

HTML versi 3.0

Perkembangan selanjutnya dari html versi 2.0 adalah html versi 3.0. Di versi ini ada tambahan fitur untuk membuat table, math dan text flow.

Contoh html code untuk versi 1.0 

 

Text HTML yang ditebalkan

Paragraf dokumen html

HTML versi 3.2

Generasi selanjutnya adalah html versi 3.2 yang resmi diluncurkan tahun 1997 dan ini adalah html yang direkomendasikan pihak W3C. Perusahaan seperti IBM, Netscape, Microsoft, Sun Microsystem dan perusahaan lainnya ikut membantu pengembangan html versi yang satu ini.

Sehingga hampir semua browser yang ada dengan cepat mendukung html versi 3.2 ini. Fitur yang ditambahkan di html kode yang satu ini diantaranya adalah tables, applests, superscripts, subscripts, around images dan text flow.

Contoh html code untuk versi 3.2

 

Text HTML yang ditebalkan

Paragraf dokumen html

HTML versi 4.01

Versi ini adalah versi html pertama yang mendukung CSS dan dengan cepat dari awal peluncurannya semua browser telah mendukung versi html yang satu ini. 

Contoh html code versi 4.01

“http://www.w3.org/TR/html4/strict.dtd”>

 

Text HTML yang ditebalkan

Paragraf dokumen html

XHTML 1.0

Versi selanjutnya adalah XHTML. Versi ini adalah gabungan antara XML dengan HTML sehingga namanya XHTML. Tata cara penulisannya tidak jauh berbeda dengan versi sebelumnya yaitu HTML 4.01.

Contoh html code xhtml 1.0

 

Text HTML yang ditebalkan

Paragraf dokumen html

HTML 5

Versi selanjutnya adalah versi terbaru dari html dan versi html 5 ini memiliki banyak fitur baru yang ditambahkan, diantaranya adalah :

• Kanvas.
• Elemen video dan audio.
• Bisa melakukan penyimpanan secara offline.
• Konten elemen lebih spesifik.
• Terdapat kontrol form seperti waktu, email, search dan lainnya.

Contoh html code versi html 5

 

Text HTML yang ditebalkan

Paragraf dokumen html

Kelebihan HTML dan Kekurangan HTML

Dari pengertian HTML yang sudah dijelaskan diatas lengkap beserta fungsi dan contohnya. Bahwa HTML adalah bahasa markup untuk membantu memformat halaman sebuah website. Namun, perlu anda ketahui bahwa HTML code ini memiliki kelebihan dan juga kekurangannya. Apa aja? Cek dibawah ini :

Kelebihan HTML

• HTML code dapat di integrasikan dengan Jquery, JavaScripts dan CSS.
• Tag HTML dapat mudah dipahami serta mudah untuk di ingat.
• Hampir semua browser favorit anda mendukung html.
• Size html sangat ringan dan cepat.
• HTML gratis serta terbuka sehingga anda bisa dengan bebas memodifikasi dan menggunakannya.
• Seiring perkembangan HTML website, maka semakin banyak kode HTML yang diperpendek setiap barisnya.

Kekurangan HTML

• Untuk membuat website dinamis tidak cukup hanya menggunakan HTML saja. Perlu pemrograman lain seperti php atau asp. Sehingga jika hanya menggunakan HTML saja, anda hanya dapat membuat website statis saja.
• HTML memiliki keamanan yang sangat rentan dan lemah.

Kesimpulan Tentang HTML

Intinya secara umum, HTML adalah sebuah bahasa markup yang biasa digunakan untuk menyusun dan membuat file website. Bahkan HTML ini fleksibel sehingga anda bisa menyandingkan HTML dengan bahasa pemrograman lainnya seperti php, .net, java, asp, css, javascript dan bahasa pemrograman lainnya.

HTML juga dilengkapi dengan beragam tag, sehingga website yang anda rancang menjadi terlihat lebih menarik. 

Semua website memiliki halaman atau kode htmlnya sendiri yang berbeda-beda untuk setiap filenya. 

Bagaimana apakah anda tertarik untuk belajar html lebih dalam? Tenang saja, artikel ini bukan akhir dari perjalanan anda belajar html bersama kami. Kenapa? Karena akan ada tutorial dan pembahasan HTML lainnya di blog Exabytes Indonesia, sehingga anda bisa membuat website impian anda.

Jika anda sekarang terlalu sibuk untuk membuat website sendiri atau anda lebih ingin terfokus kepada konten website anda sendiri tanpa harus repot membuat website dari awal. Maka dengan kemajuan teknologi saat ini, Exabytes Indonesia menghadirkan jasa pembuatan website.

Di layanan jasa pembuatan website tersebut anda bisa memilih desain sesuai dengan keinginan, website akan siap dalam 3 hari kerja dan website tentunya ramah SEO. Selain itu, Exabytes Indonesia juga menyediakan hosting indonesia terbaik yang memiliki garansi 100% uang kembali.

Semoga dengan membaca artikel ini, anda mendapatkan insight baru tentang HTML lebih dalam.

Apa yang dimaksud dengan HTML dan berikan contohnya?

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser).HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya ...

Apa saja tag pada HTML?

Kode HTML Dasar untuk Blog.

Title Tag. Tag HTML yang pertama yaitu title tag. ... .

Meta Description. Berikutnya, ada meta description. ... .

3. Heading Tag. Heading tag merupakan judul dan sub-judul yang terdapat pada halaman website. ... .

4. Anchor Text dan Link. ... .

Nofollow. ... .

6. Image Alt Text. ... .

7. Tag Kanonikal. ... .

9. Tag Huruf Tebal (Bold).

Jelaskan apa yang dimaksud dengan HTML?

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Apa fungsi dari tag HTML?

Fungsi tag HTML Digunakan 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.