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
Seksi 2Lorem 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
Bagian 3Lorem 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
. Nah, tagini adalah tag pembuka dan tag
adalah tag penutupnya. Pada bagian akhir tag menggunakan / sangat penting, karena tanpa garis miring seperti itu maka kode tidak akan berfungsi dengan baik.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
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
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
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
Hosting Indonesia
Exabytes Indonesia
Layanan Pembuatan Situs Web adalah salah satu layanan pembuatan situs web instan untuk membantu Anda mendapatkan situs web yang canggih.
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 .
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
Judul Halaman Situs
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
Judul Halaman Situs
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
Judul Halaman Situs
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
Judul Halaman Situs
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