Internet dan Web PERTEMUAN III LISDA JULIANA
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>
<EM> ... </EM> = Text miring / <I> 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
<html> <head> <title>marquee</title> </head> <body bgcolor="white+green"> <h1><b><i><blink><marquee bgcolor="yellow" direction="up" loop="5" height="50%" width="50%">welcome to html </marquee></b></i></blink></h1> <p><marquee direction=left loop=10> html adalah singkatan dari hypertext markup language merupakan bahasa standard yang digunakan untuk menampilkan dokumen web </p></marquee> </body> </html>
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
<html> <head> <title>blockquote</title> </head> <body bgcolor="green"> <h1><b><i><blink>welcome to html </b></i></blink></h1> <hr color="blue" noshade size="4"align="center"width="80%"></hr> <p><font size=5> nama :shinjun<br> tempat lahir: galang <br> html adalah singkatan dari hypertext markup language merupakan bahasa standard yang digunakan untuk menampilkan dokumen web </p></font> </body> </html>
4. Quotes/indenatasi Preformatted text 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
<span atribut = value>…</span> 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