Embed Size (px)
DESCRIPTION
Zanial Mazalisa, S.Kom.,M.M http://blog.binadarma.ac.id/nayel. Pertemuan III. Format Teks HTML. Pemformatan Teks Teks Preformat Address Singkatan Arah Teks Quotation Teks yang disisipkan atau Dihapus. Format Teks HTML. Pemformatan Teks Menebalkan huruf .. - PowerPoint PPT Presentation
Citation preview
Zanial Mazalisa, S.Kom.,M.Mhttp://blog.binadarma.ac.id/nayel
Pemformatan TeksTeks PreformatAddressSingkatanArah TeksQuotationTeks yang disisipkan atau Dihapus
Pemformatan Teks Menebalkan huruf <b>..</b> Memiringkan huruf <i> .. </i> Memberi tekanan pada teks <em>..</em> Mengecilkan huruf <small> ..</small> Superscript <sup>..</sup> Subscript <sub>..</sub>
<html><body> <b>Bold</b><br> <i>Italic</i><br> <em>Empharized</em><br> <small>Small</small><br> <sup>Superscript</sup><br> <sub>Subscript</sub><br></body></html>
Teks Preformat <pre>..</pre> Menampilkan huruf sesuai dengan tampilannya Contoh:
<html><body> Ini Contoh penulisan dasar Ini Contoh penulisan dasar Ini Contoh penulisan dasar<pre> Ini Contoh penulisan dasar Ini Contoh penulisan dasar Ini Contoh penulisan dasar</pre></body></html>
Address untuk menampilkan tampilan seperti alamat
Contoh
<html><body> <address> Kampus Bina Darma<br> Jl. Jendral Ahmad Yani No.12<br> Palembang<br> </address></body></html>
Singkatan <abbr title=“ “>.... </abbr>
Kepanjangan <acronym title =“…….”> ….</acronym> <html>
<body> <abbr title="dan lain-lain"> dll </abbr><br> <acronym title="World Wide Web"> WWW </acronym> </body></html>
Arah Teks Mengubah arah tulisan
<html><body><bdo dir="rtl"> Universitas Bina Darma Palembang </bdo> </body></html>
Adalah kemampuan HTML untuk memberikan link dari suatu teks / atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen
Browser akan menyorot teks atau gambar yang diidentifikasi sebagai link dg warna/atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link (hyperlink/link)
Tag yang digunakan untuk link adalah anchor <a>
Macam-macam linkLink Relatif
Link ke page lain pada komputer yang sama <a href=“file_2.html”>Berikutnya</a> Contoh: <html>
<body>Belajar membuat link dan inimenuju <a href="prog2.html">ke halam lain</a></body></html>
Macam-macam linkLink Absolut
Link ke ke web lain di internet <a href=“http://www.google.com”>Google</a>
<html><body>Belajar membuat link ke web lainmenuju <a href="http://www.google.com">ke Google</a></body></html>
Macam-macam linkLink ke Bagian Lain dalam Dokumen
Link ke bagian lain dalam page yang sama <a href=“#namabagian”>bagian lain</a>
<html><body><a name ="Top"><a href="#B3">Lihat Bab 3</a><h2>Bab 1</h2>Ini isi Tulisan Bab 1<br><h2>Bab 2</h2>Ini Tulisan Bab 2<br><a name="B3"><h2>Bab 3</h2>Ini tulisan Bab 3</body></html>
Membuka Link untuk Window Baru <a href=“http://www.google.com” target
=“_blank”>Google</a>Keluar dari suatu Frame
<a href=“http://www.google.com” target =“_top”>Google</a>
mailto <a href=“mailto:[email protected]” > Kirim
Email</a>
Buat dua program sederhana dengan gaya tulisan dan saling berhubungan dengan mengunakan LINK, kemudian hubungkan juga dengan web lain seperti : Yahoo, Google, Detik, Bina Darma dan lain-lain.
