Mengatur Heading Dan Format Text Web Menggunakan HTML | Tutorial Lengkap

Home CSS HTML Mengatur Heading Dan Format Text Web Menggunakan HTML | Tutorial Lengkap

Mengatur Heading Dan Format Text Web Menggunakan HTML

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.

Zona Internetku November 26, 2018

Seperti yang kalian ketahui bahwa setiap letak teks yg dipakai pada web memiliki kode yang nir sama, contohnya dalam bagian header website menggunakan tag heading, dalam konten web mampu menggunakan format teks cetak miring, tebal, garis bawah, coret & format lainnya. Berikut ini merupakan beberapa perpaduan format teks pada yg bisa kalian gunakan pada kode HTML

Baca jua :

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 adalah tag html yang berfungsi buat mendefinisikan sebagai indikasi bahwa elemen yang berada pada pada tag tadi adalah header pada dokumen, tah heading memiliki tag h1 hingga h6, semakin kecil nilainya maka semakin akbar ukuran format text header tersebut.

Berikut ini adalah kode tag heading yang mampu kalian pakai buat membangun website

  1. <h1>Your Element</h1>
  2. <h2>Your Element</h2>
  3. <h3>Your Element</h3>
  4. <h4>Your Element</h4>
  5. <h5>Your Element</h5>
  6. <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.

  1. <b>...</b> Ini akan membuat teks yang ada di dalamnya akan menjadi lebih tebal dari yang lainnya
  2. <i>...</i> Berfungsi untuk mengubah format teks menjadi miring
  3. <u>...</u> Memberikan tanda garis bawah di bawah teks
  4. <del>...</del> Merubah format text dengan garis di tengah
  5. <mark>...</mark> Memberikan format text berwarna
  6. <small>...</small> Menjadikan text menjadi lebih kecil
  7. <strong>...</strong> Membuat text yang hampir mirip menjadi format bold
  8. <sub>...</sub> Format untuk subscripted teks
  9. <sup>...</sup> Format untuk menjadi superscripted teks
  10. <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

Mengatur Heading Dan Format Text Web Menggunakan HTML

Sekian penjelasan singkat mengenai Mengatur Format Text Dan Heading Web Menggunakan HTML yang bisa kalian pelajari.