Desain Web dengan Tag HTML

Presentasi berjudul: "Desain Web dengan Tag HTML"— Transcript presentasi:

1 Desain Web dengan Tag HTML
Formatting Text

2 Tujuan Memahami tag yang digunakan untuk memformat text
Mampu menerapkan tag yang digunakan untuk memformat text Mampu membuat daftar Mampu memformat huruf

3 <H3>Contoh</H3>
Elemen Header Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6 Contoh: <H3>Contoh</H3>

4 <H1 align=center> </H1>
Atribut Align Tag header juga memiliki pensejajaran (alignment) yang sama maksudnya dengan paragraf Alignment: Left Center Right Justify Contoh: <H1 align=center> </H1>

5 <font>Contoh</font>
Elemen Font Font adalah huruf-huruf yang akan membentuk teks/tulisan. Secara default font bergantung dari platform sistem operasinya Contoh: <font>Contoh</font>

6 Atribut font Face Size Untuk membentuk type/jenis font
Bergantung yang tersedia di sistem operasi Contoh: <font face=arial>Ini teks Arial </font> Size Contoh: <font size=12>Ini teks ukuran 12 </font>

7 Color Untuk membentuk Warna font
Bergantung nama warna yang tersedia di sistem operasi atau memanfaatkan bilangan heksadesimal Contoh: <font color=blue>Ini teks berwarna biru</font> Contoh: <font color=#0000FF>Ini teks berwarna biru</font>

8 Tag List Ada dua macam daftar item yaitu daftar item tak berurut (bullet) dan daftar item berurut (numbering).

9 Unordered List Daftar yang tak berurutan
Secara default menggunakan bullet Contoh: Soto Ayam Rawon Sop Merah Asem daging

10 Contoh Menu Hari ini:<br> <ul>
<li> Soto Ayam </li> <li> Rawon </li> <li> Sop Merah </li> <li> Asem Daging </li> </ul>

11 Ordered List Daftar yang berurutan Secara default menggunakan angka
Contoh: Langkah menyimpan file di notepad: Arahkan mouse ke menu bar, klik file Klik Save Beri nama pada file Klik tombol Save

12 Langkah menyimpan file di notepad:<br>
<ol> <li>Arahkan mouse ke menu bar, klik file</li> <li>Klik Save</li> <li>Beri nama pada file</li> <li>Klik tombol Save</li> </ol>

13 Atribut List (Type) Apabila menginginkan unordered list menggunakan jenis lain bukan bullet Ada 4 atribut untuk bullet: Square Disc Circle Contoh: <ul type=square>......</ul>

14 Ada bermacam-macam atribut untuk ordered list:
Apabila menginginkan ordered list yang berjenis lain bukan angka 1, 2,.. Ada bermacam-macam atribut untuk ordered list: A, B, C,... I, II, III, ... i, ii, iii, ... Contoh: <ol type=A>......</ul>

15 Tag Subscript Untuk menulis huruf dibawah huruf yang lain
Teks atau kalimat yang dicetak dibawah huruf yanga lain diapit oleh tag <sub> Tagnya: <SUB> </SUB>

16 Tag Superscript Untuk menulis huruf diatas huruf yang lain
Teks atau kalimat yang dicetak diatas huruf yanga lain diapit oleh tag <sup> Tagnya: <SUP> </SUP>

17 Tag Bold Untuk cetak tebal
Teks atau kalimat yang dicetak tebal diapit oleh tag Bold Tagnya: <B> </B>

18 Tag Italic Untuk cetak Miring
Teks atau kalimat yang dicetak miring diapit oleh tag Italic Tagnya: <I> </I>

19 Tag Underline Untuk cetak tulisan yang digarisbawahi
Teks atau kalimat yang digarisbawahi diapit oleh tag Underline Tagnya: <U> </U>