Cara menggunakan contoh kode html

Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor insidedunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercise ullamco laboris nisi ut aliquip ex ea commodo consequat

Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor insidedunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercise ullamco laboris nisi ut aliquip ex ea commodo consequat

Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor insidedunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercise ullamco laboris nisi ut aliquip ex ea commodo consequat

Hamparan sidenav
dorongan Sidenav
Sidenav mendorong dengan opacity

Buka Modal

×

Kepala Modal

Halo Dunia

Modalnya luar biasa

Kembali Ke W3 Bagaimana Contoh

X

London

London adalah ibu kota Inggris

Paris

Paris adalah ibu kota Prancis

Tokyo

Tokyo adalah ibu kota Jepang

Info Sukses Peringatan Bahaya Default

Info Sukses Peringatan Bahaya Default

Ubah ukuran jendela browser untuk melihat efeknya

Pernah mendengar tentang Ruang W3Schools?

Sebuah situs web terdiri dari sekelompok kode yang saling berhubungan dan salah satu kode tersebut adalah HTML. Dengan anda memahami dasar-dasar html mulai dari apa itu html, pengertian html, fungsi html, jenis-jenis html, kelebihan html dan kekurangan html serta mengetahui teknik dasar html

Maka akan tercipta rasa percaya diri saat mengelola website. Anda akan dapat dengan mudah melakukan perubahan pada website yang Anda kelola, Anda juga tidak perlu menyewa developer profesional setiap saat hanya untuk melakukan perubahan sederhana.  

Karena jika hanya masalah kecil yang Anda serahkan kepada developer profesional, selain memakan waktu, tentu akan membutuhkan biaya yang tidak sedikit juga. Artikel ini ditulis dengan mengingat para pemula yang membacanya juga

Sehingga jika anda belum pernah coding dengan HTML, semoga dengan mudah melakukan coding pertama anda dengan belajar html di blog Exabytes Indonesia ini

Sebagai langkah awal dalam mempelajari HTML, berikut penjelasan singkat tentang pengertian HTML. Apa itu?

Daftar isi

Definisi HTML

HTML adalah singkatan dari Hypertext Markup Language, HTML merupakan salah satu bahasa standar yang berperan penting dalam mengatur dan memformat halaman suatu website dan dokumen lainnya di World Wide Web.

HTML sering disandingkan dengan bahasa lain seperti CSS atau JavaScript. Fungsi dari HTML sendiri adalah untuk membuat judul, hyperlink, deretan list, italic, bold font dan sebagainya dan kode CSS yang sering disandingkan akan menampilkan hal-hal tersebut secara visual pada halaman website.

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

• HTML dapat berfungsi untuk menyematkan kode analitik dengan mudah di situs web
• Gambar di website dapat disesuaikan dan dibuat responsif di semua perangkat
• Anda dapat mengatur teks dan font pada website sedemikian rupa untuk meningkatkan keterbacaan teks agar 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

Di bawah ini adalah beberapa tag HTML yang umum digunakan, antara lain:

• : 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 banyak tag HTML lainnya yang belum disebutkan. Tetapi di atas adalah beberapa tag yang umum digunakan. Agar lebih jelas, lihat kode html di bawah ini

Contoh Penggunaan tag

<. DOCTYPE html>

Hosting Indonesia

Exabytes Indonesia

Salin dan tempel kode di atas dan simpan dengan ekstensi file. html dan kemudian jalankan di browser Anda dengan mengklik dua kali pada file tersebut setelah disimpan. Hasilnya seperti di bawah ini

Contoh Penggunaan tag

<. DOCTYPE html>

Hosting Indonesia

Exabytes Indonesia

Salin dan tempel kode di atas dan simpan dengan ekstensi file. html. Kemudian jalankan di browser Anda dengan mengklik dua kali pada file setelah disimpan. Hasilnya di bawah ini

Contoh Penggunaan tag

<. DOCTYPE html>

Hosting Indonesia

Exabytes Indonesia

Layanan Pembuatan Situs Web

Detail tentang Jasa Pembuatan Website

Salin dan tempel kode di atas dan simpan dengan ekstensi file. html. Kemudian jalankan di browser Anda dengan mengklik dua kali pada file setelah disimpan. Hasilnya seperti di bawah ini

Contoh Penggunaan tag

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 .

Core framework akan membuat rangkaian dokumen kode html sesuai dengan tujuan dan kebutuhannya. Jika ingin melihat struktur html secara lengkap caranya adalah dengan membuka website tersebut maka akan terlihat kode HTML dari website tersebut. Selanjutnya, klik kanan pada mouse dan pilih "View Page Source".  

Kemudian akan ditampilkan kode HTML website yang lebih lengkap dan lebih rumit. Perhatikan apakah ada core framework yang sudah dibahas di artikel ini?

Jenis – jenis HTML

HTML dibuat oleh seorang fisikawan bernama Tim Berners-Lee pada tahun 1991 dan html yang resmi dirilis adalah html versi 1. 0 dan di bawahnya ada jenis-jenis html berdasarkan perkembangan HTML mulai dari versi awal hingga versi saat ini

HTML versi 1. 0

HTML versi 1. 0 adalah html pertama yang resmi dirilis, fitur dari html ini adalah heading, paragraf, hypertext, list dan font bold dan italic.  

Contoh kode html untuk versi 1. 0

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

HTML versi 2. 0

Hingga tahun 1997, html versi 2. 0 ini adalah kode html standar dalam proses pembuatan website. HTML 2. 0 merupakan penyempurnaan dari html sebelumnya dengan penambahan berbagai fitur menarik

Contoh kode html untuk versi 1. 0

<. DOCTYPE HTML PUBLIC “-//IETF//DTD HTML 2. 0//EN”>

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

HTML versi 3. 0

Pengembangan lebih lanjut dari html versi 2. 0 adalah html versi 3. 0. Pada versi ini terdapat tambahan fitur untuk membuat tabel, matematika dan aliran teks

Contoh kode html untuk versi 1. 0

<. DOCTYPE HTML PUBLIC “-//IETF//DTD HTML 3. 0//EN”>

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

HTML versi 3. 2

Generasi berikutnya adalah html versi 3. 2 yang resmi diluncurkan pada tahun 1997 dan ini adalah html yang direkomendasikan oleh W3C. Perusahaan seperti IBM, Netscape, Microsoft, Sun Microsystem dan perusahaan lain membantu mengembangkan versi html ini

Sehingga hampir semua browser yang ada cepat mendukung html versi 3. 2 ini. Fitur yang ditambahkan pada kode html ini antara lain table, applet, superscript, subscript, around image dan text flow.

Contoh kode html untuk versi 3. 2

<. DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3. 2 Akhir//EN”>

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

HTML versi 4. 01

Versi ini merupakan versi html pertama yang mendukung CSS dan dengan cepat sejak awal perilisannya semua browser telah mendukung versi html yang satu ini.  

Contoh kode html versi 4. 01

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

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

XHTML 1. 0

Versi berikutnya adalah XHTML. Versi ini merupakan gabungan antara XML dan HTML sehingga disebut XHTML. Tata cara penulisannya tidak jauh berbeda dengan versi sebelumnya yaitu HTML 4. 01

Contoh kode html xhtml 1. 0

<. DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1. 0 Ketat//EN” “http. // www. w3. org/TR/xhtml1/DTD/xhtml1-strict. dtd”>

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

HTML5

Versi berikutnya adalah html versi terbaru dan versi html 5 ini memiliki banyak fitur baru yang ditambahkan, di antaranya adalah

• Kanvas
• Elemen video dan audio
• Dapat melakukan penyimpanan offline
• Isi elemen lebih spesifik
• Ada formulir kontrol seperti waktu, email, pencarian dan lainnya

Contoh kode html versi html 5

<. DOCTYPE html>

<. – # … Isi dokumen html–>

Teks HTML tebal

Paragraf dokumen html

Kelebihan HTML dan Kekurangan HTML

Dari pengertian HTML yang sudah dijelaskan di atas sudah lengkap dengan fungsi dan contohnya. HTML itu adalah bahasa markup untuk membantu memformat halaman situs web. Namun, perlu Anda ketahui bahwa kode HTML ini memiliki kelebihan dan kekurangan. Ada apa?

Kelebihan HTML

• Kode HTML dapat diintegrasikan dengan Jquery, JavaScripts dan CSS
• Tag HTML mudah dipahami dan mudah diingat
• Hampir semua browser favorit Anda mendukung html
• Ukuran html sangat ringan dan cepat
• HTML gratis dan terbuka sehingga Anda dapat dengan bebas memodifikasi dan menggunakannya
• Seiring dengan berkembangnya situs web HTML, semakin banyak kode HTML yang disingkat untuk setiap barisnya

Kurangnya HTML

• Untuk membuat website dinamis tidak cukup hanya menggunakan HTML. Butuh pemrograman lain seperti php atau asp. Jadi jika hanya menggunakan HTML, Anda hanya bisa membuat website statis
• HTML memiliki keamanan yang sangat rentan dan lemah

Kesimpulan Tentang HTML

Secara umum, HTML adalah bahasa markup yang biasa digunakan untuk mengatur dan membuat file website. HTML inipun fleksibel sehingga anda bisa menyandingkan HTML dengan bahasa pemrograman lain seperti php,. net, java, asp, css, javascript dan bahasa pemrograman lainnya

HTML juga dilengkapi dengan berbagai tag, agar website yang Anda rencanakan menjadi lebih menarik.  

Semua situs web memiliki halaman atau kode html sendiri yang berbeda untuk setiap file.  

Bagaimana tertarik untuk mempelajari html lebih dalam? . Mengapa?

Jika saat ini Anda terlalu sibuk untuk membuat website sendiri atau lebih memilih untuk fokus pada konten website sendiri tanpa harus repot membuat website dari awal. Maka dengan kemajuan teknologi saat ini, Exabytes Indonesia menghadirkan layanan pembuatan website

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