Download - Tutorial membuat web dengan html
![Page 1: Tutorial membuat web dengan html](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/1.jpg)
Tutorial membuat web dengan html
![Page 2: Tutorial membuat web dengan html](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/2.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/3.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/4.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/5.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/6.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/7.jpg)
Ini nih hasilnya di browser
![Page 8: Tutorial membuat web dengan html](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/8.jpg)
PERGANTIAN BARIS &
PARAGRAF
<br></br> : Tag untuk pergantian baris<p></p> : Tag untuk pergantian paragraf
![Page 9: Tutorial membuat web dengan html](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/9.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/10.jpg)
Contoh
![Page 11: Tutorial membuat web dengan html](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/11.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/12.jpg)
_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](https://reader037.vdocuments.site/reader037/viewer/2022102614/55867716d8b42a3f288b4587/html5/thumbnails/13.jpg)
SELESAI