Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pembuatan Kode HTML untuk Format Teks

    Diunggah oleh

    Guruh Panji Alam
    15 tayangan8 halaman
    Dokumen tersebut membahas tentang format teks pada halaman web menggunakan HTML. Terdapat penjelasan tentang struktur dasar HTML, tag-tag format teks seperti <h1>, <b>, <i>, dan contoh soal latihan membuat format teks tertentu menggunakan tag HTML. Diberikan pula tugas analisis tag HTML, penjelasan format teks, dan membuat kode program untuk memformat teks sesuai gambar.

    Deskripsi Asli:

    Judul Asli

    Old Materi Minggu 4

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen tersebut membahas tentang format teks pada halaman web menggunakan HTML. Terdapat penjelasan tentang struktur dasar HTML, tag-tag format teks seperti <h1>, <b>, <i>, dan contoh soal latihan membuat format teks tertentu menggunakan tag HTML. Diberikan pula tugas analisis tag HTML, penjelasan format teks, dan membuat kode program untuk memformat teks sesuai gambar.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    15 tayangan8 halaman

    Pembuatan Kode HTML untuk Format Teks

    Diunggah oleh

    Guruh Panji Alam
    Dokumen tersebut membahas tentang format teks pada halaman web menggunakan HTML. Terdapat penjelasan tentang struktur dasar HTML, tag-tag format teks seperti <h1>, <b>, <i>, dan contoh soal latihan membuat format teks tertentu menggunakan tag HTML. Diberikan pula tugas analisis tag HTML, penjelasan format teks, dan membuat kode program untuk memformat teks sesuai gambar.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 8

    PEMROGRAMAN WEBSITE

    DAN
    PERANGKAT BERGERAK

    KELAS XI
    REKAYASA PERANGKAT LUNAK
    Pertemuan 4
    Guruh Panji Alam, S.Kom
    SMK BPPI BALEENDAH
    FORMAT TEKS PADA HALAMAN WEB
    Perangkat Pengembang Web
    Dan
    Struktur Dasar HTML
    Struktur Dasar HTML

    Apa itu HTML ???

    HTML merupakan kependekan dari Hyper Text Markup Language. HTML merupakan file teks murni yang dapat
    dibuat dengan teks editor sembarang tetapi dengan penambahan ekstensi .htm atau .html

    Contoh dokumen HTML : Berdasarkan kode program disamping, maka dapat kita analisis
    strukturnya sebagai berikut :

    1. Tag pada HTML umumnya memiliki pasangan yang memiliki


    nama tag sama. Perbedaannya ada pada tag terakhir diberi
    tanda /.

    2. Tag <html> memberitahukan pada web browser bahwa


    merupakan awal dokumen HTML dan di akhir dengan </html>.

    3. Tag <head> dan </head> merupakan teks informasi header.


    Informasi header ini tidak akan ditampilkan pada jendela browser.

    4. Tag <title> dan </title> digunakan untuk judul


    document. Teks pada tag ini nantinya akan
    ditampilkan pada title bar di web browser.
    5. Tag <body> dan </body> merupakan teks yang
    akan ditampilkan pada web browser.
    Struktur Dasar HTML

    Tag Format Teks

    Tag Keterangan

    <h1> … </h1> Membuat teks header 1

    <b> … </b> Membuat teks menjadi tebal

    <i> … </i> Membuat teks menjadi miring

    <u> … </u> Membuat teks menjadi bergaris bawah

    <strong> … </strong> Membuat teks menjadi tebal sama seperti bold

    <sub> … </sub> Membuat teks menjadi subscript

    <sup> … </sup> Membuat teks menjadi superscript

    <del> … </del> Membuat format teks bergaris di tengah-tengah

    <mark> … </mark> Membuat format teks diblok berwarna


    Struktur Dasar HTML
    Contoh permasalahan 1

    Bagaimana penulisan kode program untuk membuat teks tampak


    seperti di atas ?

    Penulisan format teks di atas menggunakan bullet and numbering


    dalam tag html.
    Struktur Dasar HTML

    Contoh permasalahan 2

    Bagaimana membuat format teks seperti di samping ?

    Pembuatan format teks agar tampak seperti di atas adalah :


    1. Membuat format teks rata kiri <p align=“left”> … </p>
    2. Membuat format teks rata kanan <p align=“right”> … </p>
    3. Membuat format teks rata tengah <p align=“center”> … </p>
    TUGAS MINGGU 4
    1. Berdasarkan teks dibawah lakukanlah analisis terhadap tag-tag apa saja yang digunakan dalam penulisan teks di
    bawah!

    2. Setelah kamu melakukan analisis terhadap teks di bawah format teks apa saja yang digunakan, sekarang jelaskan
    fungsi dari masing-masing format teks yang telah kamu sebutkan pada poin 1!

    3. Kemudian tuliskan struktur kode program HTML untuk memformat teks sesuai gambar di bawah pada aplikasi
    Sublime Text 3 di computer/laptop kalian dan di Dcoder yang menggunakan HP. Kemudian jalankan kode program
    nya untuk melihat hasilnya!
    - Screenshoot Kode Programnya
    - Screenshoot Tampilan hasilnya

    Anda mungkin juga menyukai