Belajar HTML : Bagian Bagian HTML


Belajar HTML : Bagian Bagian HTML


Bahasa Markup HTML memiliki Struktur dalam peng-kodeannya. Awal dari setiap file HTML haruslah melakukan pendeklarasian <!Doctype HTML>.

Lalu diikuti tag <html> <head> dan <body>. Itu adalah Tag utama dalam sebuah HTML, harap tag tersebut anda ingat. Pastikan juga anda sudah membaca Belajar HTML : HTML Adalah ?



   Daftar Isi





Apa itu tag ?

Tag adalah istilah kode dari html. 

Contoh tag adalah seperti : <html>  ciri nya tentu saja bisa anda lihat diapit antara symbol < >.



Penulisan HTML

Dalam html kita menulis Tag, setiap tag yang kita tulis harus ditutup. Cara menutupnya adalah dengan menulis </tag>. Lihat contoh kode HTML Berikut :

__________________________________________________
<!Doctype html>
<html>
<head>

</head>
<body>

</body>
</html> 
__________________________________________________

Kode diatas adalah struktur dari HTML setiap tag yang dibuka harus ditutup <html> dengan </html>, <head> dengan </head> dan <body> dengan </body>.



Membuat File HTML

Membuat file html sangatlah mudah, cukup ketik kode atau script di notepad atau text editor lain lalu simpan dengan berformat (.html), Perhatikan caranya : 

       1. Pertama adalah tentang mengetik isi dari file yaitu kode script

Belajar HTML : Bagian HTML
Mengetik Script HTML


        2. Hal yang dilakukan selanjutnya adalah menyimpan file tersebut

Belajar HTML : Bagian HTML
Menyimpan File HTML

       3. Membuka dan menjalan file HTML di browser

Belajar HTML : Bagian HTML
Buka File HTML
     
        4. Kamu akan melihat hasil dari file html yang dibuka

Belajar HTML : Bagian HTML
Hasilnya







Mulai Latihan


Latihan 1 :

Ketiklah kode Berikut di Text editor dan jalankan di browser :

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

  <p>Belajar HTML : Bagian Bagian HTML</p>
   

</body>
</html> 
__________________________________________________



BAGIAN HTML
Hasil (1)



Hasilnya adalah hanya Belajar HTML : Bagian Bagian HTML, yap itu adalah html yang sangat sederhana. Berikut Penjelasannya :

- Pembukaan <!Doctype html> diikuti <html>
- tag <title> untuk judul website yang harus berada dalam tag <head> </head>
- tag <body> adalah tempat kita menulis untuk ditampilkan di website.
- tag <p> untuk paragraf




Latihan 2 :

Ayo coba lagi kode html berikut :

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

  <h1>Belajar HTML : Bagian Bagian HTML<h1>

       Belajar Html sangatlah mudah <br>
       Tag br untuk berganti baris
   

</body>
</html> 
__________________________________________________

Belajar HTML
Hasil (2)

Penjelasan :

Sama seperti sebelumnya hanya saja ada pergantian tag menjadi <h1> yaitu tag untuk judul, jika kamu mencobanya pasti text yang berada dalam h1 menjadi lebih besar dan tebal. Lalu ada tag <br> untuk berganti baris dalam menulis sebuah content website.


Baca Artikel Sebelumnya Di Belajar HTML : HTML Adalah ? #1
Demikian Artikel Tentang Belajar HTML : Bagian Bagian HTML #2
Lihat Juga Artikel Selanjutnya Belajar HTML : Tag Dasar HTML #3

Komentar