Cara menggunakan html5 browser

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa markup yang digunakan untuk membuat halaman web. Versi Terbaru HTML yaitu HTML5 Penulisan HTML dengan menggunakan markup / tag disetiap pembuka dan penutup code. Contoh : untuk menampilkan huruf tebal / bold bisa menggunakan tag <strong>Huruf Tebal</strong> maka akan menampilkan hasil “Huruf Tebal“.

Table of Contents Show

Apa perbedaan HTML5 dan HTML?
Apa itu Format HTML5?
Apa alasan masyarakat menggunakan HTML5?
Apa kelebihan HTML5?

Apa saja yang dibutuhkan :
– Komputer / laptop dengan sistem operasi (Windows, Linux, MacOS)
– Browser (Chrome, Mozilla Firefox, Safari)
– Editor seperti notepad, notepad++, text edit, visual studio code, dreamweaver dll

Yang akan kita pelajari :
– Membuat tag-tag HTML sederhana

Langkah pertama kali :
– Buka aplikasi editor seperti notepad
– Ketikkan seperti berikut :

<html>
<head>
    <title>Belajar HTML | BelajarAplikasi.com</title>
</head>
<body>
    <p>HTML Pertamaku</p>
</body>
</html>

Keterangan :
Tag-tag yang wajib digunakan dalam membuat sebuah HTML yaitu
– Tag <html></html> digunakan untuk mengawali dan mengakhiri sebuah HTML
– Tag <head></head> digunakan untuk membuat header
– Tag <body></body> digunakan untuk membuat content
– Tag <title></title> digunakan untuk membuat judul

– Simpan hasil ketikkan tersebut dengan nama file contoh : “beranda.html“.
– Jalankan file beranda.html dengan browser. Maka akan tampil seperti berikut :

Tampilan Hasil HTML

Belajar Membuat Tabel
– Buka aplikasi editor seperti notepad
– Ketikkan seperti berikut :

<html> 
<head> 
    <title>Belajar Membuat Tabel</title> 
</head> 
<body> 
    <table border="1" cellpadding="5" cellspacing="1"> 
        <tr> 
            <td>No</td> 
            <td>Nama</td> 
            <td>Alamat</td> 
        </tr> 
        <tr> 
            <td>1</td> 
            <td>Rudianto</td> 
            <td>Jl. Mlati No. 6 Kranggan</td> 
        </tr> 
        <tr> 
            <td>2</td> 
            <td>Joko Darmawan</td> 
            <td>Jl. Degung No. 13 Sleman</td> 
        </tr> 
    </table> 
</body> 
</html>

Keterangan :
– Tag <table></table> digunakan untuk membuat pembungkus tabel.
– Tag <tr></tr> digunakan untuk membuat baris dari tabel.
– Tag <td></td> digunakan untuk membuat kolom dari tabel.

– Simpan hasil ketikkan tersebut dengan nama file contoh : “tabel.html“.
– Jalankan file tabel.html dengan browser. Maka akan tampil seperti berikut :

Tabel HTML

Belajar Membuat Form

– Buka aplikasi editor seperti notepad
– Ketikkan seperti berikut :

<html>
<head>
    <title>Belajar Membuat Form</title>
</head>
<body>
    <h4>Form Input Data Karyawan</h4>
    <form>
        <label>NIK</label>
        <input type="text" id="nik"/><br>
        <label>Nama</label>
        <input type="text" id="nama"/><br><br>
        <button type="submit">Simpan</button>
        <button type="reset">Batal</button>
    </form>
</body>
</html>

Keterangan :
– Tag <label></label> digunakan untuk menuliskan sebuah label.
– Tag <input></input> digunakan untuk membuat sebuah inputan data.
– Tag <button></button> digunakan untuk membuat button atau tombol.

– Simpan hasil ketikkan tersebut dengan nama file contoh : “form.html“.
– Jalankan file form.html dengan browser. Maka akan tampil seperti berikut :

Form HTML

Belajar Menampilkan Image atau Gambar

– Buka aplikasi editor seperti notepad
– Ketikkan seperti berikut :

<html>
<head>
    <title>Belajar Menampilkan Image atau Gambar</title>
</head>
<body>
    <h4>Tampilan Gambar</h4>
    <img src="http://belajaraplikasi.com/wp-content/uploads/2018/06/ci.jpg" width="200px" height="200px"/>
</body>
</html>

Keterangan :
– Tag <h4></h4> digunakan untuk membuat heading / judul
– Tag <img></img> digunakan untuk menampilkan image atau gambar.

– Simpan hasil ketikkan tersebut dengan nama file contoh : “gambar.html“.
– Jalankan file gambar.html dengan browser. Maka akan tampil seperti berikut :

Image / Gambar HTML5

Selamat mencoba.
Happy Coding 🙂

Apa perbedaan HTML5 dan HTML?

HTML5 menggunakan database SQL web untuk menyimpan cache sementara. Di HTML, hanya cache browser yang bisa dimanfaatkan untuk tujuan ini. Di HTML5, JavaScript bisa berjalan di web browser, sementara versi lama HTML hanya memungkinkan JavaScript berjalan di thread antarmuka web browser. HTML5 tidak berbasis pada SGML.

Apa itu Format HTML5?

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan.

Apa alasan masyarakat menggunakan HTML5?

HTML5 adalah perbaikan dari versi sebelumnya. HTML5 menghadirkan berbagai fitur baru yang memenuhi berbagai kebutuhan website masa kini. Di antaranya adalah dukungan untuk konten video dan audio, kemampuan untuk menjalankan JavaScript di browser, dan kemudahan untuk membuat aplikasi web.

Apa kelebihan HTML5?

Selanjutnya, kelebihan HTML5 adalah ia hadir sebagai solusi dari HTML4 yang tidak memiliki dukungan baik untuk konten-konten audio dan video. Contohnya saja, HTML5 adalah bahasa markup yang mempunyai atribut control untuk membuat tombol play dan pause pada sebuah audio player.