Mengatur Heading Dan Format Text Web Menggunakan HTML

Zona Internetku No Comment November 26, 2018

Mengatur Heading Dan Format Text Web Menggunakan HTML. HTML merupakan sebuah kode yang bisa digunakan untuk meelakukan pembuatan website, bahkan html adalah bahasa pemrograman dasar dalam pembuatan web. HTML bisa juga digunakan untuk mengatur format text pada tampilan web supaya terlihat rapi dan indah untuk dipandang.
Seperti yang kalian ketahui bahwa setiap letak teks yang digunakan pada web memiliki kode yang berbeda, contohnya di bagian header website menggunakan tag heading, pada konten web bisa menggunakan format teks cetak miring, tebal, garis bawah, coret dan format lainnya. Berikut ini adalah beberapa kumpulan format teks pada yang bisa kalian gunakan pada kode HTML

Baca juga :
Macam - Macam Tag HTML Beserta Fungsi Dan Contohnya
Tutorial Membuat Tabel Di Web Dengan HTML
Belajar Cara Menggunakan Dasar Css Untuk Web Desain

Mengatur Tag Heading Dan Format Text Pada Website Menggunakan kode HTML Dan CSS

Format Tag Heading Pada Web

Tag heading merupakan tag html yang berfungsi untuk mendefinisikan sebagai tanda bahwa elemen yang berada di dalam tag tersebut merupakan header pada dokumen, tah heading memiliki tag h1 sampai h6, semakin kecil nilainya maka semakin besar ukuran format text header tersebut.
Berikut ini adalah kode tag heading yang bisa kalian gunakan untuk membuat website

<h1>Your Element</h1>
<h2>Your Element</h2>
<h3>Your Element</h3>
<h4>Your Element</h4>
<h5>Your Element</h5>
<h6>Your Element</h6>

Format Teks Konten Pada Website

Dalam sebuah konten website pasti memiliki konten teks yang berbeda jenis dan fungsinya, dan untuk membedakannya kita dapat menggunakan format teks berikut ini untuk mempermudah para pengjunjung web memahami isi dari konten website kita.

<b>...</b> Ini akan membuat teks yang ada di dalamnya akan menjadi lebih tebal dari yang lainnya
<i>...</i> Berfungsi untuk mengubah format teks menjadi miring
<u>...</u> Memberikan tanda garis bawah di bawah teks
<del>...</del> Merubah format text dengan garis di tengah
<mark>...</mark> Memberikan format text berwarna
<small>...</small> Menjadikan text menjadi lebih kecil
<strong>...</strong> Membuat text yang hampir mirip menjadi format bold
<sub>...</sub> Format untuk subscripted teks
<sup>...</sup> Format untuk menjadi superscripted teks
<ins>...</ins> Format text dengan garis bawah (mirip underline)

Mengatur Line Height Dan Word Spacing Pada Web Menggunakan CSS

Line Height merupakan sebuah kode css pada pemrograman web yang berfungsi untuk mengatur ruang ketinggian setiap baris teks atau kalimat pada web, sedangkan Word Spacing berguna untuk mengatur jarak spasi atau ruang pada setiap kata.
Contoh penerapan kode css line height dan word spacing bisa dilihat seperti kode berikut

<p style="line-height:30px;word-spacing:15px;">Quisque ornare placerat risus. Ut molestie magna at mi. Integer aliquet mauris et nibh. Ut mattis ligula posuere velit. Nunc sagittis. Curabitur varius fringilla nisl.</p>

berikut ini adalah hasil output atau tampilan dari format teks html tersebut