xZee Blog



Mengenal Kode Span di HTML

Plsy Store Street Fight
xZee Blog tutorial html
Zen Sama
xZee Blog
HTML Tutorial

HTML CODE

TENTANG

digunakan untuk membuat sebuah konten atau lebih berarah ke teks  menjadi memiliki sebuah gaya tanpa ada tambahan baris baru.
fungsi sama dengan div hanya berbeda jika div, otomatis memberi baris baru diatas dan bawah konten. 

CONTOH


Span dengan class=""
<span class="merah">Halo aku berwarna merah.</span>

Halo aku berwarna merah.

hanya dapat memanggil gaya yang terdapat pada css yang terpasang di Blog atau website terkait.
contoh diatas class="merah" dapat berwarna merah dan teks tebal karena terdapat setelan tersebut pada css Blog ini. contoh lain seperti berikut. <span class="merah">x</span> <span class="kuning">Z</span> <span class="hijau">e</span> <span class="biru">e</span> <span class="oranye">Blog</span>

x Z e e Blog

bila class diatas dipanggil dengan kode div maka hasil akan berbeda.
x
Z
e
e
Blog

Span dengan style=""
fungsinya memberikan sebuah gaya pada teks yang terdapat didalam kode tag span.
contoh
<span style="background: red;color: white;">Peringatan..!</span>

Peringatan..!


untuk style nya sendiri span tidak cocok dengan atribut seperti padding dan bila tetap memaksa menggunakan padding maka hasil seperti background nya melebihi batas.
contoh
Contoh teks sedikit panjang ini didalam span dan hasilnya seperti itu.
span biasa digunakan untuk mengubah gaya teks singkat, contoh seperti bagian tanggal dan penerbit template Blog ini pada halaman awal.
Share This Post

Post Detail


Posted By: Zen Sama
Posted On: 04 Nov 2017 22:03
Category: Belajar HTML dan CSS


Leave a Comment

Lenna Gracie
Lenna Gracie
04 Nov 2017 22:03
Hello.. No comments yet on "Mengenal Kode Span di HTML"
Why not to be first user comment?

Please Login first for post a comment

Please switch off your AdBlock and refresh this page :)