Pemrograman HTML5 : Membuat File HTML
Ngomongin soal pemrograman, HTMLmerupakan bahasa pemrograman yang termasuk mudah dan sederhana. Membuat design website dan mengcodingnya menjadi sedemikian rupa sehingga menarik para pengunjung website kita. Untuk teman - teman yang bingung untuk belajar HTML, Gak usah bingung karena banyak sekali website yang mempelajari tentang bahasa pemrograman berbasis Web.
Nah, sekarang pada pemrograman HTML dan CSS kita akan mulai dari HTML dlu nih. kenapa ? HTML akan dilengkapi CSS dan CSS akan melengkapi HTML. Mereka pacaran loh.
HTML itu apa sih ? HTML merupakan singkatan dari HyperText Markup Language dimana HTML itu sendiri mendeskripsikan sebuah struktur pada Web Pages menggunakan sebuah Markup. Elemen pada HTML diwakili dengan sebuah tags, seperti <html>,<body>,<p>,<table>, yang dimana tags tersebut akan menjadi struktur pada sebuah pemrograman HTML.
Struktur Dasar HTML
Dalam sebuah pemrograman pastinya HTML memiliki sebuah struktur dasar. struktur dasar tersebut terdiri dari <html><head><title><body> yang memiliki struktur seperti source code dibawah :
<html>
<head>
<title>........Judul Website..........</title>
</head>
<body>
............ Isi Website ...........
</body>
</html>
Keterangan Tag
- HTML : Menunjukan bahwa halaman tersebut merupakan halaman HTML
- Head : Elemen yang menyimpan sebuah meta information pada halaman tersebut
- Title : Judul halaman website
- Body : Isi dari halaman website
HTML Tags
HTML Tags merupakan sebuah elemen pada bahasa pemrograman HTML, penulisan tags HTML menggunakan tanda "<tag>" sebagai pembuka dan "</tag>" sebagai penutup.
<tag pembuka> .................. </tag penutup>
Membuat File HTML
Nah sekarang kalian bisa membuat file htmlnya nih dengan sebuah aplikasi notepad, notepad++ atau Bracket.
- Buka aplikasi notepad pada Windows
- Ketikan struktur dasar dari HTML ini pada notepad kalian.
<html> <head> <title> Isi Judul Website Kamu Disini </title> </head> <body> <h1> HALO SELAMAT DATANG </h1> </body> </html>
Keterangan tags :- h1 : untuk membuat text header
- Klik file, lalu klik save as
- ganti nama file menjadi Index.html (nama file bisa disesuaikan sendiri) , lalu klik save
- Buka file yang sudah disimpan tadi dengan browser kalian dan lihat hasilnya.
Gimana ? Mudahkan membuat sebuah file HTML ? untuk tutorial selanjutnya kita akan belajar lebih lanjut tentang Tag pada HTML ! Ditunggu ya !
Sekian informasi dari saya. Happy Sharing !
Sharing will enrich Everyone with more knowledge - Anna Monnar
Artikel nya sangat membantu,lanjutkan
ReplyDelete