Tutorial membuat web dengan html

13
Tutorial membuat web dengan html

Transcript of Tutorial membuat web dengan html

Page 1: Tutorial membuat web dengan html

Tutorial membuat web dengan html

Page 2: 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.

Page 3: Tutorial membuat web dengan html

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

Page 4: Tutorial membuat web dengan 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 </...>

Page 5: Tutorial membuat web dengan html

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>.

Page 6: Tutorial membuat web dengan html

Contoh:

Nah,, jika ingin melihat hasilnya jangan lupa di save dan buka kembali dengan browser (seperti: Mozilla FireFox).

Page 7: Tutorial membuat web dengan html

Ini nih hasilnya di browser

Page 8: Tutorial membuat web dengan html

PERGANTIAN BARIS &

PARAGRAF

<br></br> : Tag untuk pergantian baris<p></p> : Tag untuk pergantian paragraf

Page 9: Tutorial membuat web dengan html

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>

Page 10: Tutorial membuat web dengan html

Contoh

Page 11: Tutorial membuat web dengan html

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.

Page 12: Tutorial membuat web dengan html

_FONTS STYLE_

Tag yang diperlukan fonts style :

<b></b>: untuk menebalkan huruf.

<i></i>: untuk memiringkan huruf.

<u></u>: untuk menggaris bawahi huruf.

Page 13: Tutorial membuat web dengan html

SELESAI