Internet dan Web PERTEMUAN III
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
<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<sub>2</sub>O tampilan di browser : H2O<br> FeCl<sub>3</sub> tampilan di browser : FeCl3<br> CO<sub>2</sub> tampilan di browser : CO2<p>
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
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
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
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
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
SEKIAN DAN TERIMAKASIH