Oke Setelah mengarungi perjalanan panjang untuk tau apa itu HTML, sekarang kita bisa membuat HTML pertama kita.
Yang akan kita lakukan disini adalah mengetahui tag – tag dasar untuk membuat sebuah file HTML, dan yang kita butuhkan adalah web browser dan sebuah text editor.
Untuk saat ini, web browser bisa digunakan yang mana aja, dan text editor bisa kita pake notepad, atau wordpad, atau notepad++ . Tapi notepad aja uda cukup.
Yuk kita mulai.
HTML dibuka dengan tag <HTML> untuk menandai kalo ini halaman HTML dan ditutup dengan </HTML>. Untuk setiap Tag penutup kita kasih tanda slash atau garis miring ( / ). Tag HTML tidak case sensitive, artinya huruf capital atau tidak ga akan jadi masalah, <HTML> atau <htmL> itu sama.
Buka notepad nya, ketik
<HTML>
</HTML>
Lalu save as, masukan nama nya “Latihan1.html”, pilih Save as type nya menjadi “All Files”. Untuk beberapa kasus, jika type nya kita tidak dirubah menjadi “All Files” , maka Filenya akan jadi seperti ini Latihan1.html.txt , akan menjadi txt file, bukan HTML.
Ekstensi .html bisa juga jadi .htm , tapi nantinya akan menjadikan 2 file yang berbeda walaupun nama dan isinya sama, jadi kita sepakat dari sekarang untuk membuat ekstensinya .html , oke :)
Nah, sekarang kita uda buat HTML kita yang pertama, kalo kita buka dengan browser, maka hasilnnya cuma halaman putih kosong.
Kenapa ?? karena kita baru membuat file HTML aja, dan belum kita masukin apa2.
Terus HTML punya dua bagian, Head dan Body, head ama body juga punya tag buka dan tutup.
<HEAD> … </HEAD>
<BODY> … </BODY>
Biasanya Di antara tag <HEAD> </HEAD> isinya ada tag <TITLE> </TITLE> yang gunanya untuk Judul halaman, dan juga berisi META tag untuk informasi pembuat file.
Kalo di <BODY> </BODY> itu adalah semua konten atau isi HTML misalnya tulisan, menampilkan gambar, video, audio, dsb.
Struktur sebuah tag seperti ini <element atribut = value>
Element adalah nama Tag
Attribute adalah semua atribut yang dimiliki oleh tag
Value adalah nilai dari atribut itu.
Contohnya, di tag <BODY> attributnya antara lain :
Bgcolor = untuk memberi warna background
Background = untuk memasukan gambar sebagai background
Text = untuk memberi warna default text di body, dll.
Nah value nya itu nilai dari atributnya, misalnya BGCOLOR=red (memberikan warna background merah).
Penulisannya seperti ini <BODY BGCOLOR = red>.
Ngga semua tag punya atribut. :)
Nah di file Latihan1.html kita tadi, di antara tag <HTML> dan </HTML> coba kita tambah seperti ini:
<HEAD>
<META names=”Pembuat”>
<TITLE>Latihan Pertama </TITLE>
</HEAD>
<BODY BGCOLOR=red TEXT=white>
WEB PERTAMA SAYA
</BODY>
Lalu di save, dan kita lihat hasilnya
Gimana? Web kalian udah jadi nih :)
Yuk kita review :
Disini kita uda pake 5 Tag kan, <HTML>, <HEAD>, <META>, <TITLE>,
<BODY>
<HTML> untuk memulai file HTML kita, Cuma buat tanda kalo file ini file HTML
<HEAD> ini juga cuma buat tanda kalo ini bagian kepala
<META> meta tag ini untuk nyimpen informasi, ga akan tampil di web nya, dan ga punya tag penutup.
<TITLE> ini untuk membuat judul di browsernya
<BODY> untuk penanda kalo ini bagian badan.
Atribut :
HTML => dir, lang, xml:lang, xmlns. (Tidak begitu penting untuk pemula, cuma untuk file attachment).
HEAD => profile. (ini juga ga begitu penting untuk pemula)
META => content, http-equiv, name. (atribut informasi)
TITLE => ngga punya attribute.
BODY => alink, background, bgcolor, link, text,vlink.
Untuk atribut akan dibahas lebih mendalam nanti.
Sekarang cukup sekedar tau aja dulu ya :)
Nah, sekarang temen2 udah punya dasar untuk membuat HTML, ga susah kan :)
Next kita akan belajar Manipulasi Font
HTML Dasar
Langganan:
Posting Komentar (Atom)
Comments :
Posting Komentar