Mengenal Tag mark pada Bootstrap

Masalahnya penerimaan itu bukan sesuatu yang sederhana. Banyak sekali orang-orang di dunia ini yang selalu berpura-pura. Berpura-pura menerima tapi hatinya berdusta. Kita semua harus berlatih susah payah untuk belajar menerima. Oke pada kesempatan kali ini saya akan memberitahukan kepada kalian tentang Mengenal Tag Mark pada Bootstrap.

Tag <mark> pada HTML ini berfungsi untuk memberikan highlight pada sebuah konten atau juga memberikan efek background berwarna cream terang. Oke saya akan langsung memberikan contoh saja ya teman-teman. Berikut contoh dari Mengenal Tag <mark> pada Bootstrap.

Seperti biasa, siapkan file index.html nya.

Kemudian, kita hubungkan terlebih dahulu file HTML kita dengan library jQuery dan Bootstrap nya.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Setelah itu isi di bagian <body> tag-tag HTML berikut, dengan tag <mark> nya juga.

<div class="container">
  <h1>Highlight Text</h1>
  <p>Use the mark element to <mark>highlight</mark> text.</p>
</div>

Bagaimana teman-teman? Cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Mengenal Tag <mark> pada Bootstrap.

Semoga bermanfaat, terima kasih

Kategori