Jika sebelumnya kamu telah membaca Postingan "Belajar Desain Web (Perkenalan HTML)", maka kali ini kita akan mencoba membahas dan praktek yaitu Dasar Membuat HTML.
Untuk Membuat HTML tahap dasar ini kita hanya memerlukan aplikasi bawaan sederahana yaitu "Notepad".
Namun sebelum mencoba alangkah lebih baik untuk menyimak Hal hal penting dibawah ini;
Dalam HTML ada 3 Bagian yang perlu kamu ingat yaitu ;
1. TAG
2. ATTRIBUT
3. ELEMEN
1. Tag
Yaitu Coding berupa bagian elemen dari HTML. Singkatnya HTML berisi sekumpulan tag- tag.
Tag dalam HTML dituliskan dengan Awalan dan Akhirnya (ingat!!)
Contoh :
Awalan / pembukanya <html>
Akhiran/ Penutup </html> "Penutup memakai Slash"
Ada 3 Bentuk Tag Utama (Sebagai Dasar yang perlu diingat!!)
(klik untuk Perbesar)
.jpg)
Nah.. Jadi yang perlu digaris bawahi ;
Pertama : <html> </html> (adalah Badan HTML) berada di awal dan akhiran
Kedua : <head> </head> (adalah Untuk Judul) berada kedua dalam Badan
Ketiga : <body> </body> (adalah untuk Isi) ditengah
NB : Namun tak semua Tag harus memakai akhiran/penutup, akan ada contoh penulisan yang hanya awalan saja, akan dijelaskan.
Salah satuTag tag yang tidak memiliki akhiran/ penutup
1. <br/> (berfungsi untuk menurunkan Tulisan kebawah/ENTER)
2. Attribut
Nah, Attribut adalah Sebuah kode yang berguna untuk menambah fungsi dari Tag itu tadi. Hanya saja codingnya ditambahkan didalam Tag.
Contoh : color="yellow"Jadi misalkan kita ingin membuat latar halaman berwarna kuning, maka dalam kode Tag <body> ditulis seperti ini;
<body bgcolor = "yellow">attribut ini (bgcolor="yellow">) yaitu berfungsi untuk mengubah latar halaman menjadi warna kuning.
</body>
Attibut juga berlaku untuk mengganti jenis tulisan pada "Judul "(head) atau " isi" (Body).
untuk mengganti jenis font attributnya seperti berikut
<font face=”arial”> <font face=”arial”>
dll.3. Elemen
Merupakan isi kode tag yang berada diantara tag pembuka dan tag penutup. Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title.
terkadang banyak yang berpikir bentuk ini sama dengan attribut namun jangan salah paham dulu ya,
elemen bisa kita lihat seperti contoh dibawah
<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
BELAJAR HTML Bersama
</body>
</html>
Elemen adalah Tulisan berwarna Hitam (berarti berada dalam tag pembuka dan penutup)
Nah, Sekarang kita sudah Paham, Langsung saja silahkan untuk membuka NOTEPAD kamu dan ketikan kode diatas :
Simpan File Namun sebelum menyimpan HARAP PERHATIKAN, Atur type filenya dengan merubah menjadi All Files dan ganti namanya menjadi format .html (jangan lupa titiknya)
lihat contoh dibawah ini.
.jpg)
setelah itu buka lah file yang sudah disimpan tersebut, maka jika format yang disimpan benar, secara otomatis file tersebut akan berekstensi dan akan dibuka oleh browser (ex; firefox).
Cukup Mudah Mudah bukan, sekian postingan kali ini, selanjutnya blog akan menambahkan tutorial lanjutan antara lain: Cara Membuat JUDUL (HEADING & SUB HEADING)
Silahkan Tunggu Updatenya di kotak KOMENTAR (secepatnya)
Terima kasih telah berkunjung, Salam Blogger.
.jpg)
.png)
LANJUTAN --> http://www.flamingosolution.com/2015/04/dasar-html-2-membuat-judul-attribut-dan.html
ReplyDelete