Menu Close

Menyajikan Pemformatan Teks dan Paragraf Web

Tujuan Pembelajaran

Setelah mengikuti kegiatan belajar  ini Peserta Didik diharapkan dapat :

  1. Memahami Pemformatan Teks
  2. Memahami Pemformatan Paragrap Web
  3. Menyajikan pemformatan paragraph pada halaman dokumen web
  • Uraian Materi
  • Pemformatan Teks

Berikut ini adalah contoh yang dihasilkan pemformatan teks pada dokumen web :

HTML menggunakan tag seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring. Tag HTML ini disebut tag format, selengkapnya dalam tabel berikut :

  • Pemformatan Paragrap

 Tag HTML untuk paragrap adalah <p>, dengan tag penutup </p>. Berikut ini contohnya :

<p>ini adalah paragrap</p>

<p>Ini paragrap yang lain</p>                        

Input  :

Output :

PRAKTIKUM

1. ALAT DAN BAHAN:

  • Komputer
  • Notepad/Notepade++/Sublime Text
  • Ebook

2. Ketikkanlah Program dibawah ini

<!DOCTYPE html>
<head>
    <title>Format Teks</title>
</head>
<body>
    <p>
        <b>Tulisan ini ditebalkan (bold).</b>
    </p>
    <p>
        <strong>Tulisan ini ditebalkan (bold).</strong>
    </p>
    <p>
        <em>Tulisan ini dimiringkan (emphasize).</em>
    </p>
    <p>
        <i>Tulisan ini dimiringkan (italic).</em>
    </p>
    <p>
        Tulisan subscript CO<sub>2</sub>.
    </p>
    <p>
        Tulisan superscript X<sub>2</sup>.
    </p>
</body>
</html>

Simpan dalam folder  RPL  dengan nama file : teks1.html

TUGAS !

Buatlah Program dengan menggunakan tag-tag HTML, seperti output di bawah ini !

Hidrat adalah senyawa kristal padat yang mengandung air kristal (H2O). Air kristal merupakan molekul air yang terjebak di dalam suatu kristal. Kristal merupakan zat padat yang memiliki bentuk teratur.  

Download Materi

Leave a Reply

Your email address will not be published. Required fields are marked *