Belajar Tag HTML : Mengedit Tampilan Teks

Juni 12, 2017

Hasil gambar untuk  pemformatan teks html

Assalamualaikum guys..!!!

Guys.... jika kamu sedang bingung bagaimana sih cara membuat, mengubah sebuah teks di html? Di sini saya akan berbagi ilmu dengan kawan-kawan tentang cara membuat dan/atau meng-edit teks pada html. Yah, langsung saja kita mulai ==>
Sekarang mari kita belajar cara membuat teks pada html

=>>> Paragraf

  1. Membuat paragraf pada html
    Untuk membuat sebuah paragraf pada html maka memerlukan tag <p> (diletakkan sebelum kalimat) dan tag </p> (diletakkan setelah kalimat)
  2. Membuat paragraf rata kanan
    Untuk membuat paragraf rata kanan maka memerlukan tag <p align="right"> (diletakkan sebelum kalimat) dan tag </p> (diletakkan setelah kalimat)

    Ini contoh rata kanan
  3. Membuat paragraf rata kiri
    Untuk membuat paragraf rata kiri menggunakan tag <p align="left"> (diletakkan sebelum kalimat) dan tag </p> (diletakkan setelah kalimat)

    Ini contoh rata kiri
  4. Membuat paragraf rata tengah
    Untuk membuat paragraf rata kiri menggunakan tag <p align="center"> (diletakkan sebelum kalimat) dan tag </p> (diletakkan setelah kalimat)
    Ini contoh paragraf rata kiri
  5. Membuat paragraf justify
    Untuk membuat paragraf rata kanan maka memerlukan tag <p align="justify"> (diletakkan sebelum kalimat) dan tag </p> (diletakkan setelah kalimat)

    Ini contohya : Paragraf ini bertipe Justify. Dimana semua teks akan dibuat lurus sama dengan batas tepi halaman
Ok guys, sekarang mari kita beralih ke cara pemformatan teks

=>>> Membuat teks format tebal

  • Memerlukan tag <b> ... </b> . Contoh : Teks format ini tebal

=>>> Membuat teks format big/besar

  • Memerlukan tag <big> ... </big> . Contoh : Teks format ini big

=>>> Membuat teks format miring

  • Memerlukan tag <i> ... </i> . Contoh : Teks format ini miring

=>>> Membuat teks format kecil/small

  • Memerlukan tag <small> ... </small> . Contoh : Teks format ini kecil

=>>> Membuat teks format bergaris bawah

  • Memerlukan tag <u> ... </u> . Contoh : Teks format ini garis bawah

=>>> Membuat teks format strike

  • Memerlukan tag <b> ... </b> . Contoh : Teks format ini strike

=>>> Membuat teks ditandai

  • Memerlukan tag <mark> ... </mark> . Contoh : teks "aku sayang kamu" telah ditandai

=>>> Membuat tulisan berada di bawah garis (subscript)

  • Memerlukan tag <sub> ... </sub> . Contoh : h2o menggunakan subscript

=>>> Membuat huruf atau angka yang ditulis di atas (superscript)

  • Memerlukan tag <sup> ... </sup> . Contoh : 22= 4 format superscript

=>>> Membuat teks format strong

  • Memerlukan tag <strong> ... </strong> . Contoh : Teks format ini strong
Cara meng-edit tampilan teks

=>>> Mengubah jenis font

  • tag yang digunakan adalah <font face="nama_font"> ... </font> . Contoh : Teks ini menggunakan font Arial, Arial Black, Tahoma, dan Times New Roman.

=>>> Mengubah ukuran teks

  • tag yang digunakan adalah <font size="angka"> ... </font> . Contoh : font ini berukuran 4px, 6px, dan 2px

=>>> Mengubah warna teks

  • tag yang digunakan adalah <font color="warna*)"> ... </font>. *) Nama warna harus menggunakan bahasa Inggris atau menggunakan kode warna pada html. Untuk mendapatkan kode warna kamu bisa mengunjungi situs Berbagi Ilmu . Contoh : Tulisan ini ada yang berwarna cokelat, pink dan biru tua

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

Tidak ada komentar