Pemrograman Web 2
12
Pemrograman Web 2 Memformat Teks dan Paragraf
description
Pemrograman web 2
Transcript of Pemrograman Web 2
Pemrograman Web 2Memformat Teks dan Paragraf
Latihan Format Teks
• Buatlah dokumen-dokumen HTML berikut ini, diskusikan hasilnya dengan teman-temanmu.
<html> <head> <title>Format Teks</title> </head> <body> <p> <b>Tulisan ini ditebalkan (bold)</b> </p> <p> <strong>Tulisan ini ditebalkan (strong)</strong> </p> <p><em>Tulisan ini miring (emphasize) </em> </p>
<p> <big>Tulisan ini besar (big)</big> </p> <p> <i>Tulisan ini miring (italic) </i> </p> <p>Tulisan ini <sub>subscript</sub> </p> <p>Tulisan ini <sup>superscript</sup> </p> </body> </html>
Latihan Pre format<HTML> <HEAD> <TITLE>Preformat </TITLE> </HEAD> <BODY> <H2>Daftar Harga Keladi:</H2> <PRE> Red Flash.........35.000 Red Fire..........60.000 Fannie Munson.....60.000 </PRE> Harga sewaktu-waktu bisa berubah. </BODY> </HTML>
Latihan - Pre Format 2
<html> <head> <title>Tag Preformatted</title> </head> <body> <pre> This section provides a brief overview of the menus in Dreamweaver. </pre>
<pre> Ini adalah preformatted text. Menampilkan spasi Dan line break apa adanya. </pre> <p>Tag PRE cocok digunakan untuk menampilkan kode bahasa pemrograman komputer :</p> <pre> for i = 1 to 10 print i next i </pre> </body> </html>
Latihan Quotation <html> <head> <title>quotation</title> </head> <body> tulisan ini BUKAN quotation <blockquote> tulisan ini adalah quotation <br> tulisan ini adalah quotation <br> tulisan ini adalah quotation <br> </blockquote> </body> </html>
Tes Formatif
Mendefinisikan teks tebal
Mendefinisikan teks menekankan
Mendefinisikan teks miring
Mendefinisikan teks kecil
Mendefinisikan teks penting
Mendefinisikan teks di bawah garis
Mendefinisikan teks di atas garis
Mendefinisikan teks sisipan
Mendefinisikan teks dicoret
Mendefinisikan teks ditandai
1. Isikan tag-tag untuk deskripsi berikut ini !
2. Apa fungsi tag-tag berikut ini ! a. <p> </p> b. <code> c. <pre> d. <h1>
