( Manipulasi text dan paragraf )

Presentasi berjudul: "( Manipulasi text dan paragraf )"— Transcript presentasi:

1 ( Manipulasi text dan paragraf )
Tag HTML untuk text

2 Tag Heading Ada 6 level heading yang terdapat pada HTML. Heading biasanya digunakan untuk menandai bagian atau section dalam dokumen, seperti Judul atau bagian tertentu yang dianggap sebagai topik <h1> … </h1>

3

4 Tag Perataan Dalam tag heading kita juga bisa menggunakan attribut “align” yang berfungsi sebagai pengaturan justifikasi(perataan). Nilai yang valid untuk attribut align adalah : Left Center Right Justify <h1 align=“left”> … </h1>

5

6 Tag Paragraf Tag <p> umumnya dipakai untuk menandai suatu paragraf baru. Namun pemakaian tag <p> digunakan untuk membuat grup paragraf dengan formating style tertentu. Tag <p> ini memiliki atribut “align” yaitu untuk perataan. <p> … </p>

7

8 Tag Enter (Line Break) Tag ini digunakan untuk membuat baris baru, tapi masih dalam lingkup paragraf yang sama Tag <br> merupakan tag yang tidak berpasangan Tag <br> sama seperti fungsi tombol Enter dalam keyboard

9 Tag Font Face Tag ini digunakan untuk memilih jenis / type font/huruf yang akan digunakan untuk dokumen HTML mengingat dengan adanya berbagai macam jenis font seperti Arial, Tahoma, Verdana dsb <font face=“Arial”> … </font>

10

11 Tag Font Size Tag ini digunakan untuk memilih Ukuran font/huruf yang akan digunakan untuk dokumen HTML mengingat dengan adanya berbagai macam ukuran untuk font. <font size=”3”> … </font>

12

13 Tag Font Color Tag ini digunakan untuk memilih warna font/huruf yang akan digunakan untuk dokumen HTML. Karena penggunaan komposisi warna sangat mempengaruhi tampilan web. <font color=”red”> … </font> <font color=“#FF0000”> … </font>

14

15 Tag Font Style Tag ini digunakan untuk memberikan style pada tampilan font sehingga bisa dipakai untuk memperindah tampilan dengan formatting karakter seperti pada program pengolah kata.

16 Tag Font Style <b>Ini efek huruf tebal</b>
<i>Ini efek huruf Miring</i> <u>Ini efek huruf garis bawah text</u> <strike>Ini efek mencoret text</strike> ^{Ini efek superscript} _{Ini efek subscript}

17