Belajar HTML 1: Pengertian HTML dan Struktur Dasarnya

Setelah kemarin kita membahas tentang mengenal sejarah html dan tingkatan versinya. Maka kali ini kita akan langsung saja belajar mengenai apa itu html sebagai bahasa dokumen yang menjadi kerangka pembentuk website serta kegunaan dari html sekaligus mengetahui struktur dasar penulisan tag atau kode html didalam website.

pengertian html dan struktur dasar web html

Apa sih HTML itu?

HTML merupakan sebuah bahasa dokumen atau merupakan bahasa markup yang menjadi kerangka pembentuk sebuah halaman yang biasanya disebut halaman website atau halaman web.

Halaman website yang terbentuk tersebut dibuat dari adanya susunan tag-tag html atau kode-kode html dalam website yang memformat setiap bagian-bagian website seperti teks pada web yang dibuat tulisannya menjadi tebal, bergaris bawah, miring dan lain sebagainya.

Pengertian HTML

Diatas telah dijelaskan tentang apa itu html, untuk lebih jelasnya berikut pengertian dari HTML.

HTML merupakan singkatan dari Hypertext Markup Language yaitu simbol-simbol yang biasanya disebut tag-tag dalam HTML yang fungsinya atau gunanya untuk menampilkan halaman web yang tampilannya ditampilkan pada web browser.

Artinya tag-tag yang dituliskan pada halaman web, dibaca oleh web browser dan ditampilkan tampilannya oleh web browser sesuai dengan apa yang kita tuliskan pada halaman dokumen web yang kita buat.

Semoga dapat dimengerti dan dipahami ya sobat styakoder

Pembahasan selanjutnya kita akan membahas mengenai struktur tag html dasar yang ada didalam html ?

Struktur Dasar HTML

Berikut ini struktur dasar penulisan tag atau kode-kode html didalam website:

<!Doctype html>
<html>    
<head>        
  <title></title>    
</head>    
<body>    
</body>
</html>

Keterangan:

<!Doctype html> = merupakan tag yang memberitahu browser kalau kita akan menggunakan tag dari versi html 5.

<html> = merupakan tag pembuka html.

<head> = merupakan tag pembuka untuk bagian kepala dari sebuah website.

<title> = merupakan tag pembuka untuk judul website.

</title> = merupakan tag penutup untuk judul website,

</head> = merupakan tag penutup untuk bagian kepala website.

<body> = merupakan tag pembuka bagian tubuh website. dalam tag body inilah isi dari sebuah website akan tampil pada web browser.

</body> = merupakan tag penutup body dari tubuh website.

</html> = merupakan tag penutup website atau tag terakhir yang di tulis setelah membuat dokumen halaman website.

Dari struktur kode atau tag dasar yang telah kita tulis di atas kita telah mengetahui struktur dasar untuk terbentuknya sebuah halaman website.

Perlu dijelaskan kembali untuk menuliskan kode atau tag yang telah kita tuliskan diatas, harus diketik pada teks editor yang sobat staykoder gunakan ya.

Dalam membuat sebuah halaman website, harus diperhatikan juga untuk penamaan file website tersebut, yaitu apabila nama filenya index maka jangan lupa untuk disimpan dengan memberikan ekstensi html dalam penulisan filenya seperti index.html ya sobat staykoder.

untuk menjalankan file html yang sudah dibuat, sobat tinggal klik 2 kali pada file html yang telah dibuat. Maka secara default browser yang ada di komputer maupun laptop sobat akan membaca file html tersebut dan menampilkannya.

ok sobat staykoder sekian pembahasan kita kali ini mengenai apa itu html, pengertian dan struktur dasar halaman web dengan html. Selanjutnya di part 2 kita akan melakukan persiapan untuk melanjutkan pembelajaran kita mengenai html.

Semoga artikel kali ini membantu pemahaman kalian ya staykoder melalui pembelajaran kita kali ini.

Selanjutnya belajar apa?

Di artikel selanjutnya, kita akan belajar memilih teks editor yang tepat untuk digunakan dalam kegiatan menulis kode html.

Pelajari : 📖 Belajar HTML 02: memilih text editor

Daftar Tutorial HTML

Comments