Internet dan Web PERTEMUAN IV By : Lisda Juliana P.

Presentasi berjudul: "Internet dan Web PERTEMUAN IV By : Lisda Juliana P."— Transcript presentasi:

1 Internet dan Web PERTEMUAN IV By : Lisda Juliana P.

2 Pemformatan Karakter FONT
Tag <font> digunakan untuk menentukan tampilan Karakter/kalimat pada halaman HTML bisa diformat sesuai design yang kita butuhkan, baik ukuran , jenis maupun warna. Sintax : < Font atribut=value atribut=value> </font> Atribut elemen font sbb : Size=angka (ukuran huruf, default 3) color=warna(warna huruf, default black) face=jenis huruf (default Times New Roman = basefont) Format text : Physical Formatting <b> teks disini </b>  menghasilkan huruf tebal <i> teks disini </i>  menghasilkan huruf miring <u>teks disini</u>  menghasilkan huruf bergaris bawah

3 <BIG> text disini </BIG>= Memperbesar ukuran teks sebesar
<BIG> text disini </BIG>= Memperbesar ukuran teks sebesar satu point dari defaultnya <SMALL> text disini </SMALL>= Untuk ukuran yang lebih kecil dari normal. <STRIKE> text disini </STRIKE>= Untuk memberi garis di tengah text <SUP> ... </SUP> = Superscript text <SUB> ... </SUB> = Subscript text <blink>….</blink> = Membuat teks berkedip Contoh : H₂O tampilan di browser : H2O<br> FeCl₃ tampilan di browser : FeCl3<br> CO₂ tampilan di browser : CO2<p>

4 Logical Formatting <EM> ... </EM> = Text miring / <I> <STRONG> ... </STRONG> = Text tebal / <B> <DEL> ... </DEL> = Mencoret text / <STRIKE> <INS> ... </INS> = Underline text / <U> Contoh : font.htm

5 Marquee Gunanya : Membuat text berjalan
Sintax : < Marquee [atribut]>… </Marquee> Atribut : Behavior :mengulang text searah dengan text. Alternate : text berjalan bolak balik, Slide: membuat gerakan marquee lebih cepat Direction : arah text Direction : left, rigth,up,down cth : Marquee direction=“right” Height : Tinggi marquee yang akan dijalankan Width : Lebar marquee yang akan dijalankan Continously : pengulangan text secara otomatis Loop = perulangan cth <marquee loop=10>Saya</Marquee> Bgcolor : warna latar marquee Style: format paragraph, border dan position. Cth.: Marquee.htm

6 nbsp = non breaking space
Nbsp digunakan untuk memberikan jarak atau spasi antara satu kata dengan kata yang lain. Sintaks : text text Tag ini tidak membutuhkan tag penutup Contoh : nbsp.htm

7 Preformatted text Quotes / Indenatasi
Untuk membuat indentasi paragraph kita bisa menggunakan BLOCKQUOTE, untuk indentasi pendek anda bisa gunakan element Q. Sintax : <BLOCKQUOTE>… </ BLOCKQUOTE> Contoh : blocquote.htm< pada notepad> Preformatted text Gunanya :untuk menampilkan text sesuai dengan format aslinya. Sintaxnya : <pre>…</pre> Contoh: pre.htm

8 Sintax : <Div>…</div>
Grouping element Tag DIV dan SPAN di gunakan untuk mengelompokkan elementelement HTML. Span digunakan untuk mendefinisikan inline content Div digunakanuntuk block-level content. Sintax : <Div>…</div> <span atribut = value>…</span> Contoh : div.htm

9 SEKIAN DAN TERIMAKASIH