DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Cara Memecah Kalimat dengan Tag WBR HTML5

Tag WBR pada HTML merupakan singkatan dari word break opportunity yang digunakan untuk mendefinisikan posisi antara teks yang diperlakukan sebagai line break pada browser. Tag ini umumnya digunakan ketika terdapat kata yang terlalu panjang dan terdapat kemungkinan bahwa browser akan melakukan line break pada posisi yang salah dari kata tersebut.

Cara Memecah Kalimat dengan Tag WBR HTML5
Ilustrasi WBR HTML5

Sintak:
konten...<wbr>...konten

Catatan: Tag wbr merupakan tag baru pada HTML5 dan tidak membutuhkan tag akhiran, seperti diperlihatkan pada ilustrasi berikut.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Wbr

</title>

 

<style>

body 

{

text-align:center;}

 

.emds 

{

font-size:40px;

font-weight:bold;

color:green;}

 

.elf 

{

font-size:25px;

font-weight:bold;}

</style>

</head>

 

<body>

<div 

class = "emds">

Blog Elfan

</div>

 

<div 

class = "elf">

Tag Wbr

</div>

 

<p>

Blog TIK <wbr>adalah blog ilmu komputer.

</p>

</body>

 

</html>

Output:
Blog Elfan
Tag Wbr

Blog TIK adalah blog ilmu komputer.

Komentar

  1. Apakah kepanjangan dari singkatan WBR pada html?

    BalasHapus
    Balasan
    1. WBR merupakan singkatan dari Word Break Opportunity.

      Hapus
  2. Apa fungsi tag wbr pada html?

    BalasHapus
    Balasan
    1. Fungsi dari tag WBR adalah membuat browser melakukan pembungkusan baris yang dikenai tag tersebut.

      Hapus
    2. Ketika sebuah kata terlalu panjang, maka browser dapat memecahnya menjadi beberapa bagian yang tidak diinginkan. Dengan menggunakan tag wbr, user dapat mementukan dimana seharusnya jeda baris HTML5 dalam kalimat pada posisi yang diperlukan.

      Hapus

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

~ Ikatlah Ilmu dengan Memostingkannya ~

Postingan populer dari blog ini (30 Hari)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas