Post on 21-Jun-2015
Tutorial membuat web dengan html
Bahasa markup (pelekat) untuk menampilkan teks, gambar, dan multimedia.
Bahasa HTML
Penulisan bahasa HTML dapat dilakukan dengan beberapa Software, misalnya: Ms. Word, WordPad, dan NotePad. Tapi lebih di anjurkan untuk menggunakan NotePad demi kecepatan penulisan.
Klik Start – All Program – Accessories – Pilih dan Klik NotePad
Untuk membuka NotePad :
Nah,, Ini dia
tampilan
NotePad
Catatan :Simpanlah file dengan format HTML.Klik menu File-Pilih Save As, ketikkan nama file anda & akhiri dengan extension html. Misal : belajar.html
Dasar-dasar Tag HTML
<html> <head> <title> </title> </head> <body> </body></html>
(Spasi yang sama menunjukkan pasangan Tag)
Penting !!!
Tag HTML selalu dimulai dengan <html> dan diakhiri dengan </html>
Dalam HTML selalu ada tag pembuka <...> & tag penutup </...>
PENJELASAN SINGKATTag <head> dan </head>
ialah kepala dari halaman web yang sedang di desain.Tag <title> dan </title>
berfungsi untuk memberikan judul bagi halaman web.Tag <body> dan </body>
ialah tag yang berisi semua data yang akan ditampilkan di halaman web nantinya. Jadi, apapun yang akan kita buat disebuah halaman web harus diletakkan diantara tag <body> dan </body>.
Contoh:
Nah,, jika ingin melihat hasilnya jangan lupa di save dan buka kembali dengan browser (seperti: Mozilla FireFox).
Ini nih hasilnya di browser
PERGANTIAN BARIS &
PARAGRAF
<br></br> : Tag untuk pergantian baris<p></p> : Tag untuk pergantian paragraf
ALIGNMENT
Alignment / Perataan Teks
Tag Alignment yang di gabung dengan tag <p> :
<p align =“center”> : teks rata tengah , diakhiri dengan </p><p align =“left”> : teks rata kiri, diakhiri dengan </p><p align =“ right”> : teks rata kanan, diakhiri dengan </p><p align=“justify”> : teks rata kiri-kanan, diakhiri dengan </p>
Contoh
Tag untuk mengatur jenis huruf:
<font face =“jenis huruf” size=“ukuran huruf” color=“warna huruf”></font>
Contoh :
<font face=“arial” size=“3” color=“blue”></font>
FONTS (HURUF) & WARNA
Ket :
Ukuran huruf pada halaman web biasanya dibuat berdasarkan rangking.Berikut rangking-rangking tersebut:Size= “1” = 8 ptSize= “2” = 10 ptSize= “3” = 12 ptSize= “4” = 14 ptSize= “5” = 18 ptColor atau warna huruf, selain menggunakan nama/istilah seperti “blue” bisa juga dengan menggunakan kode-kode warna RGB seperti #000080 untuk warna biru.
_FONTS STYLE_
Tag yang diperlukan fonts style :
<b></b>: untuk menebalkan huruf.
<i></i>: untuk memiringkan huruf.
<u></u>: untuk menggaris bawahi huruf.
SELESAI