Tag - Tag Yang Membangun HTML: Formatting

Daftar Isi [Tampil]

Tag - Tag Yang Membangun HTML: Formatting - HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML yang kepanjangannya disebut Hyper Text Markup Language adalah suatu bahasa marka, yang digunakan sebagai salah satu format dokumen World Wide Web. HTML bukanlah sebagai bahasa pemrograman, melainkan sebagai bahasa marka yang digunakan untuk membangun sebuah website.

Tag - Tag Yang Membangun HTML: Formatting

Setelah kalian mempelajari Tag - Tag Yang Membangun HTML: Basic selanjutnya saya membahas tentang Formatting pada sebuah html. Sebelum itu, apa itu HTML Formatting?

HTML FORMATTING
HTML Tag Formatting adalah tag html yang berfungsi mengubah bentuk tampilan dari teks. Dengan menggunakan tag html ini kita bisa membentuk teks seperti tebal, miring, garis bawah, teks berpangkat, dan lain-lain.

Baca Juga :
   7 Font Terbaik pilihan Programmer untuk Coding
   Kumpulan Situs Web Ebook Pemrograman Komputer Terbaik dan Gratis!
   4 Software Text Editor Terbaik Untuk Ngoding Para Programmer    

Berikut ini Adalah Tag Formatting pada HTML :

1.  <abbr> : Tag untuk membuat sebuah singkatan
2.  <acronym> : Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
3.  <address> : Tag untuk membuat kontak alamat
4.  <b> : Tag untuk membuat huruf bercetak tebal
5.  <bdi> : Mengisolasi bagian dari text yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
6. <big> : Tang untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
7.  <bdo> : Mengganti arah teks
8.  <blockquote> : Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
9.  <center> : Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
10.  <cite> : Tag untuk membuat judul karya
11.  <code> : Tag untuk membuat potongan kode komputer di antara text
12.  <del> : Tag untuk membuat text yang telah dihapus dari dokumen
13.  <dfn> : Tag untuk membuat sebuah istilah definisi
14.  <em> : Tag untuk membuat penekanan text (tidak disupport lagi di HTML5)
15.  <font> : Tag untuk membuat font, warna dan ukuran untuk text (tidak disupport lagi di HTML5)
16.  <i> : Tag untuk membuat sebuah bagian dari text yang disesuaikan dengan mood
17.  <ins> : Tag untuk membuat text yang telah dimasukkan ke dalam dokumen
18.  <kbd> : Tag untuk membuat input keyword
19.  <mark> : Tag untuk membuat text disorot atau ditandai (tag baru HTML5)
20.  <meter> : Tag untuk membuat pengukuran skalar
21.  <pre> : Tag untuk membuat text terformat
22.  <progress> : Memperhatikan kemajuan tugas (tag baru HTML5)
23.  <q> : Tag untuk membuat kutipan pendek
24.  <rp> : Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
25.  <rt> : Tag untuk membuat sebuah anotasi atau pengucapan karakter (untuk tipografi Asia Timur)
26.  <ruby> : Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
27.  <s> : Tag untuk membuat text yang tidak lagi benar
28.  <samp> : Tag untuk membuat contoh keluaran dari program komputer
29.  <small> : Tag untuk membuat text kecil
30.  <strike> : Tag untuk membuat text yang di coret tengah (tidak disupport lagi di HTML 5)
31.  <strong> : Tang untuk membuat text penting
32.  <sub> : Tag untuk membuat text subskrip (seperti dalam penulisan zat kimia)
33.  <sup> : Tag untuk membuat superscripted (seperti dalam penulisan akar kuadrat)
34.  <time> : Tag untuk membuat tanggal atau waktu (tag baru HTML5)
35.  <tt> : Tag untuk membuat text teletype (tidak disupport lagi di HTML5)
36.  <u> : Tag untuk membuat text yang memiliki gaya yang berbeda dari tekxt biasa yang lainnya
37.  <var> : Tag untuk membuat sebuah variabel
38.  <wbr> : Tag untuk membuat kemungkinan garis-putus

Setelah kita mengetahui fungsi dari masing masing tag formatting, selanjutnya kita akan membuat beberapa contoh syntax yang menggunakan text formatting pada HTML.
Oke langsung saja kita membuat file format.html di text editor, lalu masukkan ini :

<!DOCTYPE html>
<html>
    <head>
        <title>
            Hostze
        </title>
    </head>
    <body>
        <center>
            <i>Teks ini menggunakan center dan Italic</i>
        </center>
        <br>
        <b>Ini adalah contoh teks Bold</b>
        <br>
        <small>ini Tag Small</small>
        <br>
        <strike>Ini fungsi Tag Strike</strike>
        <br>
        <u>Dan ini adalah tag Underline</u>
    </body>
</html>

Setelah itu save, lalu buka file format.html menggunakan browser dan lihat hasilnya.
Untuk contoh penggunan tag yang lain bisa kalian coba sendiri.

Kunjungi Juga :
Tutorial Bahasa Pemrograman Web Lengkap!
Tag - Tag Yang Membangun HTML: Forms 

Kesimpulan :

• HTML bukan bahasa pemrograman melainkan bahasa marka yang digunakan untuk membangun sebuah website.
• Ada 3 (tiga) tag utama dalam html yaitu: tag html, tag, head dan tag body.
• Pada tiap masing masing tag html memiliki tag pembuka dan tag penutup, namun ada beberapa tag yang tidak memiliki tag penutup.
• Kita bisa mengetahui tag penutup dengan melihat simbol garing(garis miring) pada tag tersebut.
• Tag Formatting adalah tag yang berfungsi mengubah bentuk tampilan dari teks.

Saya harap kalian mengerti dengan penjelasan saya kali ini, jika kalian tidak mengerti dan masih bingung silahkan komentar di bawah ini.

Demikian artikel yang berjudul  Tag - Tag Yang Membangun HTML: Formatting semoga bermanfaat dan dapat menambah wawasan kalian semua.

Bagikan Artikel ini