Breaking News
Categories
  • Alat Berat
  • Anak
  • Android
  • Artikel
  • Atap Baja Ringan
  • Baja Ringan
  • Bootstrap
  • Cars
  • Codeigniter
  • Facebook
  • Fotografer
  • Fotografi
  • Gadgets
  • Health
  • HTML
  • Html Font
  • Html Table
  • informasi
  • Inspirations
  • jQuery
  • Kanopi
  • Lifestyle
  • Nintendo
  • Obat
  • Pariwisata
  • Php
  • Plafon
  • Reviews
  • Sistem Pakar
  • Technology
  • TikTok
  • Trends
  • Uncategorized
  • War
  • whatsapp
  • Windows
  • WordPress
  • Mengatur Format Teks Pada HTML

    Oct 07 2020413 Dilihat

    Mengatur Format Teks Pada HTML

    Tag font pada HTML , Dalam rangka untuk membuat halaman website agar terlihat menarik , maka setiap tampilan teks dapat diatur dengan attribute jenis teks, warna, ukuran, posisi, latar belakang dan lainnya. Tag HTML yang mengatur font/teks pada halaman web dimulai dengan tag <font>, tag <p>, tag <hn> dan diakhiri dengan tag </font>, </p>,</hn>. Atribut yang digunakan pada tag ini adalah font size, font color , p align, dll . Untuk penulisan atribut dalam html adalah sensitive case. Dalam HTML versi 4 , tag <font> mulai dihilangkan meskipun masih banyak yang menggunakan . Sebaliknya dapat menggunakan gaya ( CSS ) yang hasil yang lebih menarik . CSS akan dibahas pada kategori css di situs ini . Berikut ini adalah penjelasan untuk atribut di atas (tag font) :

    a . Mengatur Ukuran Teks atau atribut size

    Dalam HTML digunakan  untuk mengatur ukuran font/teks, Ring dari ukuran adalah 1-7 . Nilai 1 adalah ukuran font ukuran terkecil dan terbesar 7 . Dan untuk html dengan css bisa seperti ini:

    <p style=”font-size:20px”>

    b . Mengatur Jenis Teks/Format teks

    Adalah pengaturan jenis font atau teks yang digunakan. Anda dapat memilih jenis font dengan maksimal 3 jenis font. Untuk melihat jenis font , Anda dapat menyalin dan paste dari MS.Word , corel , photoshop , adobe dreamweaver dan lain-lain . contoh:

    <font face=”Comic Sans MS“>teks dengan font Comic San MS </font>

    c . Mengatur Warna Font/ teks html

    Digunakan untuk mengatur warna font, didefinisikan dengan menggunakan nilai RGB / HEX atau canalso langsung menggunakan nama warna (“red” misalnya) . Sintak Penulisan atribut seperti ini (font color=”….” ), kita bisa mengisi dengan nama warna langsung atau dengan code warna dari photoshop, corel, editplus,dll.  Pada tag font, Untuk nilai RGB / HEX dapat dilihat di bawah ini :

    contoh :

    <html>
    <head>
    </ head >
    <body>
    <font color=”red”> HTML font warna merah </font>
    <font size=”5″> Ini adalah contoh ukuran teks 5 </font>
    <font face=”Times New Roman, Times, serif”> Contoh ini Comic Sans Font Comic San MS </font>
    <font size=”5″ color=”blue” face=”Comic Sans MS”> Ini contoh kombinasi warna, ukuran , dan wajah . </font>
    < / body>
    < / html >

    hasil dari contoh pengaturan format teks pada html diatas adalah:

    Selain itu font yang tag HTML juga dapat ditandai <b> , <u> , <i> , <strong> , <big> , <center> , <anchor> , <p> dan lain-lain . Dan tag ditempatkan sebelum dan setelah tag font. Sebagai contoh:

    <b> <font color=”green”> Belajar teks html dengan warna hijau tebal </font> </b><br>
    <u> <font size=”5″ face=”Comic Sans MS”> Teks html jenis teks komik , TEks besar dan bergaris bawah</font> </u><br>
    <a href=”seputarti.com”> <font color=”red”> HTML font warna merah dengan anchor </font> < / a>

    hasil dari pengaturan teks pada html diatas adalah:

    Sekarang untuk mengatur teks menjadi rata kanan, kiri, atau rata kanan+kiri kita gunakan atribu align. biasanya tag html yang digunakan adalah tag <p>. bisa di contohkan sebagai berikut:

    <body>

    <p align=”left”> Teks HTML rata kiri</p>

    <p align=”right”> Teks HTML rata kanan</p>

    <p align=”justify”> Teks HTML rata kanan dan kiri</p>

    </body>

    Tambahan beberapa tag yang kerap digunakan untuk mengatur format teks html :

    tag <b> (Bold)

    Tag bold berfungsi untuk membuat tampilan teks tercetak tebal (bold).
    Sintaks:
    <b>
    Teks tebal
    </b>

    tag <i> (Italic)

    Tag italic berfungsi untuk membuat tampilan teks tercetak miring (italic).
    Sintaks:
    <i>
    Teks miring
    </i>

    tag <u>  (Underline)

    Tag Underline berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
    Sintaks:
    <u>
    Teks bergaris bawah
    </u>

    tag <pre> (Preformated text)

    Tag PRE berfungsi untuk menampilkan teks seperti apa adanya.
    Sintaks:
    <pre>
    Teks seperti aslinya
    </pre>

    https://seputarti.com/kategori/html-tag.html

    Share to

    Perhaps you are interested in other articles.

    Cara Backup Data iPhone

    Cara Backup Data iPhone: Langkah Mengama...

    by May 26 2023

    Cara Backup Data iPhone: Mengamankan data pada iPhone merupakan langkah penting untuk melindungi inf...

    Cara Download GB WhatsApp Pro

    Cara Download GB WhatsApp Pro yang Aman ...

    by Aug 19 2023

    Cara Download GB WhatsApp Pro: Selamat datang di panduan lengkap tentang cara mengunduh GB WhatsApp ...

    Sejarah Gitar

    Sejarah Gitar: Memahami Jejak Perkembang...

    by Jul 06 2023

    Sejarah Gitar: Dalam dunia musik, gitar adalah salah satu instrumen yang paling ikonik dan populer. ...

    Cara Mendapatkan Koin Di TikTok

    Cara Mendapatkan Koin di TikTok: Panduan...

    by May 13 2023

    Cara Mendapatkan Koin di TikTok: TikTok telah menjadi platform media sosial yang sangat populer di s...

    Mesin Cuci 2 Tabung Terbaik dan Hemat Listrik

    10 Merk Mesin Cuci 2 Tabung Terbaik dan ...

    by May 22 2023

    Merk Mesin Cuci 2 Tabung Terbaik dan Hemat Listrik: Mesin cuci adalah salah satu peralatan rumah tan...

    Cara Mendapatkan Gratis Ongkir di Lazada

    Cara Mendapatkan Gratis Ongkir di Lazada...

    by Jun 02 2023

    Cara Mendapatkan Gratis Ongkir di Lazada: Apakah Anda sering berbelanja online di Lazada? Jika ya, A...

    No comments yet.

    Please write your comment.

    Your email will not be published. Fields marked with an asterisk (*) must be filled.

    *

    *

    Youtube

    Other News

    Harga Glass Block

    Harga Glass Block 2024 Retail dan Per Box Berba...


    Harga Glass Block: Glass block, atau yang dikenal juga dengan sebutan bata kaca, merupakan salah satu bahan bangunan yang digunakan dalam berbag...

    25 Oct 2023
    Manfaat Buah Nangka bagi Kesehatan

    Tidak Hanya Nikmat Rasanya, Ini Manfaat Buah Na...


    Manfaat Buah Nangka bagi Kesehatan: Buah nangka adalah buah yang populer di Indonesia karena rasanya yang lezat dan manis. Tapi tahukah Anda bah...

    23 Jun 2023
    Cara Mengunci Jaringan 4G

    Cara Mengunci Jaringan 4G: Panduan Lengkap


    Cara Mengunci Jaringan 4G: Dalam era digital yang terus berkembang, memiliki koneksi internet yang stabil adalah suatu keharusan. Salah satu tek...

    11 Sep 2023
    Cara Cek Penghasilan Youtuber

    Cara Cek Penghasilan Youtuber: Channel Sendiri ...


    Cara Cek Penghasilan Youtuber: Mungkin Anda telah membuat konten menarik di YouTube dan mulai mendapatkan penonton yang setia. Namun, apakah And...

    25 May 2023
    Cara Bayar Pajak Bumi dan Bangunan Online

    Cara Bayar Pajak Bumi dan Bangunan Online: Pand...


    Cara Bayar Pajak Bumi dan Bangunan Online: Pajak Bumi dan Bangunan (PBB) adalah salah satu kewajiban finansial yang harus dipenuhi oleh setiap p...

    12 Sep 2023
    back to top