Belajar membuat website 2
•Download as PPTX, PDF•
0 likes•307 views
Dokumen menjelaskan tentang penggunaan tag-tag dasar HTML seperti header, paragraf, notasi khusus, dan perataan teks untuk membuat format dan tampilan dokumen web.
Belajar membuat website 2
- 1. HTML
- 2. HEADER ATAU KEPALA TULISAN Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil.
- 3. <HTML> <BODY> <H1>Header level 1</H1> <H2>Header level 2</H2> <H3>Header level 3</H3> <H4>Header level 4</H4> <H5>Header level 5</H5> <H6>Header level 6</H6> </BODY> </HTML>
- 4. PARAGRAF Untuk membuat paragraf pada HTML maka digunakan Tag P <P>. Biasanya tag P ini sepasang dengan memberi </P>. <HTML> <BODY> Paragraf pertama <P>Paragraf kedua <P>Paragraf ketiga </BODY> </HTML>
- 5. NOTASI KHUSUS • Kita telah mengetahui bahwa browser tidak mengenal pembuatan baris dengan tombol Enter. • Disamping itu, browser juga tidak mengenal pembuatan spasi lebih dari satu spasi dengan menekan tombol Spasi ataupun tombol Tab. Nah, bagaimana caranya • membuat lebih dari satu spasi dalam dokumen HTML? Pembuatan spasi dalam kode-kode HTML diganti tulisan • seperti yang bisa kita lihat pada contoh berikut ini:
- 6. <HTML> <BODY> kata-kata ini diantara satu spasi sedangkan<br>kata-kata ini diantara lima spasi </BODY> </HTML>
- 7. ± tanda plus minus ± © hak cipta atau copyright © ® terdaftar atau registered ®
- 8. ALIGNMENT ATAU PERATAAN • Dalam tulisan cetak, dikenal tiga atau empat macam perataan yaitu rata kiri (align left), di tengah (center), rata kanan (align right) dan rata kiri dan kanan (justify). • Tag Header dan Tag Paragraf dapat disisipi dengan atribut align untuk melakukan perataan ini.
- 9. <HTML> <BODY> <H1>Header level 1</H1> <H2 align="center">Header level 2</H2> <H3 align="right">Header level 3</H3> <BODY> <HTML>
- 10. <HTML> <BODY> <P>paragraf rata kiri adalah default <P align="center">paragraf di tengah <P align="right">paragraf rata kanan <P align="justify">paragraf rata kiri dan kanan paragraf rata kiri dan kanan paragraf rata kiri dan kanan paragraf rata kiri dan kanan 20X </BODY> </HTML>
- 11. MENAMPILKAN APA ADANYA Meskipun browser tidak mengenali spasi lebih dari sekali , tabulasi dan pembuatan baris dengan enter, namun dengan menggunakan tag <PRE> maka browser akan menampilkan teks apa adanya, maksudnya spasi dianggap spasi, tabulasi dianggap tabulasi dan enter dianggap enter. Bahkan font-nya pun muncul sesuai aslinya
- 12. <HTML><BODY> <PRE> <B>Pantun Petuah</B> Berakit-rakit ke hulu Bersenang-senang kemudian Bersakit-sakit dahulu Bersenang-senang kemudian </PRE> </BODY> </HTML>
- 13. Latihan 2 • Untuk apa Saya datang ke SMAN 1 Bangkinang – 5 Baris dengan variasi warna sebanyak 7 warna yang berbeda (Ukuran Font Standard) • Apa yang anda cari di SMAN 1 Bangkinang – 3 Baris dengan variasi warna sebanyak 5 warna yang berbeda • Apa kendala anda Selama di SMAN 1 Bangkinang – 3 Baris dengan variasi warna sebanyak 6 warna yang berbeda (Ukuran Font Standard)
- 14. MENURUT ANDA, BAGAIMANA INTERNET ITU MUNCUL DI LAYAR MONITOR ANDA SETELAH DI KETIK URLNYA…? CONTOH : WWW.YOUTUBE.COM