Pengaturan/Setelan Bootstrap
Dalam
setelan bootstrap secara asli atau bawaan perlu kita tahu ukuran font
dengan besar 14px dengan line-heigth:1.428, ukuran ini akan terealisasi
didalam elemen <body> dan berlaku untuk semua elemen <p>.
Heading <h1> up to <h6>
Bootstrap
heading sudah ditentukan secara default namun dapat diubah sesuai
selera dengan ketentuan heading masing-masing. Ukuran dalam heading pun
dari 36px sampai 12px.
<h1>Judul dengan elemen h1 (36px)</h1>
<h2>Judul dengan elemen h2 (30px)</h2> <h3>Judul dengan elemen h3 (24px)</h3> <h4>Judul dengan elemen h4 (18px)</h4> <h5>Judul dengan elemen h5 (14px)</h5> <h6>Judul dengan elemen h6 (12px)</h6>
Elemen <Small>
Elemen ini merupakan elemen yang digunakan untuk setiap sub heading.
<h1>Judul dengan elemen h1 (36px) <small>teks kedua</small></h1>
<h2>Judul dengan elemen h2 (30px) <small>teks kedua</small></h2> <h3>Judul dengan elemen h3 (24px) <small>teks kedua</small></h3> <h4>Judul dengan elemen h4 (18px) <small>teks kedua</small></h4> <h5>Judul dengan elemen h5 (14px) <small>teks kedua</small></h5> <h6>Judul dengan elemen h6 (12px) <small>teks kedua</small></h6>
Elemen <mark>
Elemen tersebut digunakan untuk higlight atau blok pada text tertentu yang akan ditonjolkan kepada user.
ini contoh menggunakan <mark>mark</mark>
Elemen <abbr>
ini contoh menggunakan abbr <abbr title="kampusmetro">WB</abbr>
Elemen <blockquote>
Elemen ini biasanya digunakan untuk review testimonial, visi misi, dan sejenisnya.
<blockquote>
ini contoh menggunaka blockquote sebagai tanda dengan ada garis disamping
<footer>www.kampusmetro.com</footer>
</blockquote>
Elemen <dl>
Elemen ini dapat digunakan sebagai menu dengan mempunyai macam jenis atau lainnya.
<dl>
<dt>Contoh list</dt>
<dd>- Sub list</dd>
<dd>- Sub list</dd>
<dd>- Sub list</dd>
</dl>
Elemen <code>
Elemen ini dapat digunakan sebagai highlight text untuk memberi tanda.
ini contoh <code>text</code> menggunakan elemen <code>code</code>
Elemen <kbd>
Elemen ini hampir sama dengan elemen diatas.
ini contoh <kbd>text</kbd> menggunakan elemen <kbd>kbd</kbd>
Bootstrap - Penggunaan Typography
Reviewed by creativekiller
on
January 09, 2018
Rating:
Reviewed by creativekiller
on
January 09, 2018
Rating:
No comments: