Belajar Kode CSS & Desain Blog: Tag

Tag strong atau html strong tag adalah sebuah elemen html yang berfungsi untuk menciptakan teks dengan karakter tebal (bold) dan dimaksudkan untuk menyatakan bahwa teks/kata/kalimat tersebut "penting".
Karakter "tebal" yang dibentuk dengan memanfaatkan "html strong tag" memang membuat "teks terlihat berbeda" sehingga menjadi mudah dikenali dibandingkan dengan teks lain disekitarnya.

Beberapa sifat dasar tag html STRONG tag

display inline
hanya dapat diberlakukan pada teks
dapat diselipkan dalam elemen html lain yang fungsinya untuk menampilkan teks
tag strong dapat dipergunakan secara berulang pada elemen induk yang sama.
tag pembuka dan penutup "strong" dapat dituliskan dalam huruf kecil atau huruf capital.

Cara menggunakan

Karakter/teks yang dipandang penting sehingga ingin ditampilkan dalam bentuk "karakter tebal" diletakkan diantara tag pembuka strong ( atau ) dan tag penutup strong ( atau ).

Contoh

teks penting
hasil kode di atas akan terlihat seperti teks di bawah ini:
teks penting
Bandingkan dengan teks di bawah ini (tanpa tag strong):
teks penting

Edit kode dalam box demo di bawah ini untuk mengetahui lebih jelas fungsi tag strong. Anda juga dapat menggabungkan tag strong dengan tag lain untuk mendapatkan hasil berbeda, bahkan jika diperlukan bisa juga ditambahkan attribute lainnya seperti misalnya color, background dan attribute lainnya.

Please click the button to display. Continue with editing code and click to see the results!

<!DOCTYPE html>
<html>
<title>Tag <STRONG> - html strong tag</title>
<head>
<style type="text/css">
#konten{margin:15px 5px;padding:20px;background:#eee;box-shadow:0 0 20px #555;border-radius:6px;}
h2{padding-bottom:5px;color:green;margin:3px 0;border-bottom:5px double #444;}
.clear{clear:both;}
</style>
</head>

<body>
<div id="konten">

<h2>tag strong dalam elemen html "p"</h2>
<p>Tag "STRONG" difungsikan pada teks yang dianggap penting. Dengan membentuk karakter menjadi <strong>lebih tebal</strong> membuat karakter dalam tag strong terlihat berbeda dan lebih menonjol/kentara dibandingkan teks lain disekitarnya.</p>

<h2>2 cara menuliskan tag strong</h2>

<p>Anda dapat menuliskan tag strong dalam <strong>huruf kecil</strong> dengan bentuk &lt;strong&gt;<strong>teks disini!</strong>&lt;/strong&gt; atau menggunakan <STRONG>huruf capital</STRONG> dengan bentuk penulisan seperti di bawah ini:<br/>
&lt;STRONG&gt;<strong>Teks disini!</strong>&lt;/STRONG&gt;</p>

<h2>Menggabungkan tag strong dengan tag lain</h2>
<div style="background:lightblue;padding:10px;margin:20px 0;">Jika menghendaki tampilan karakter yang sedikit berbeda pada teks yang dianggap penting, anda dapat menggabungkan <strong>tag strong</strong> bersama <strong>tag lain, seperti misalnya tag "em"</strong>. Dengan penggabungan keduanya akan menciptakan karakter dengan bentuk "<strong><em>tebal dan miring</em></strong>". Membolak-balik susunan/posisi kedua tag tak akan mempengaruhi hasilnya! bentuk kode html-nya seperti ini:<br/>
&lt;strong&gt;&lt;em&gt;teks tebal dan miring&lt;/em&gt;&lt;/strong&gt;</div>

</div>
</body> 
</html>

7 komentar:

Unknown8 April 2016 pukul 11.39
Makasih gan Artikel nya sangat membantu,

KONTES SEO VIPBANDARQ
TOTAL HADIAH 35 JUTA
Daftar Kontes Seo Sekarang
VIPBANDARQSEO
VIPBANDARQ

Daftar
Capsa Online
Game Bandarq
Domino Online
Poker dan Domino99

Contoh Artikel Kontes SEO
BalasHapus
Balasan
admin8 November 2016 pukul 17.53
Kalau taq buat redirect suatu web apaan gan? Soalnya ane download template pas di terapin dan di buka blog ane yg muncul malah blog yg bikin template,,kesel ane gan

mahalabiu's blog
BalasHapus
Balasan
admin8 November 2016 pukul 17.54
Kalau taq buat redirect suatu web apaan gan? Soalnya ane download template pas di terapin dan di buka blog ane yg muncul malah blog yg bikin template,,kesel ane gan

mahalabiu's blog
BalasHapus
Balasan
Unknown8 Juni 2017 pukul 19.27
terima kasih kini ane sudah paham!
Damaiqq Agen Domino 99 terbaik dan terpercaya
agendominoqqterbaik di Indonesia !!
Ikuti Terus Turnamen Poker TURNOVER Tiap Bulan berhadiah 70 juta lho!
BalasHapus
Balasan
BugineseID1 Agustus 2017 pukul 23.25
apakah dengan menerapkan ./. tag dalam artikel berpengaruh terhadap seo?
BalasHapus
Balasan
Shikamaru Nara19 September 2019 pukul 10.51
thanks gan sudah share
power supply hp
BalasHapus
Balasan
Janji Putih23 November 2022 pukul 11.39
Situs Bola Terbaik dan terpercaya hanya ada di sini !!!

EVENT PIALA DUNIA
EVENT PARLAY
PIALA DUNIA QATAR 2022
ACE738
BalasHapus
Balasan

Tambahkan komentar

Belajar Kode CSS & Desain Blog

Halaman

Tag <STRONG> - HTML strong tag

Beberapa sifat dasar tag <strong> html STRONG tag

Cara menggunakan

Contoh

7 komentar:

Archive Blog C l o s e

Arsip Blog

My Profile C l o s e

Mengenai Saya

Follower C l o s e

Follower

RSS C l o s e

Label C l o s e

Label

Halaman

date_replace('10.19.2012');

Tag <STRONG> - HTML strong tag

Beberapa sifat dasar tag <strong> html STRONG tag

Cara menggunakan

Contoh

7 komentar:

Archive BlogC l o s e

Arsip Blog

My ProfileC l o s e

Mengenai Saya

FollowerC l o s e

Follower

RSSC l o s e

LabelC l o s e

Label

Archive Blog C l o s e

My Profile C l o s e

Follower C l o s e

RSS C l o s e

Label C l o s e