Elemen span Sebaris
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 26 dari 60.
Bagaimana jika kita memiliki sebuah kalimat dan perlu menyorot hanya satu kata atau sebagian kecil darinya? Kita bisa menggunakan tag <span>! Tag ini membantu kita menerapkan gaya atau membuat perubahan hanya pada bagian teks tertentu tanpa memengaruhi bagian lainnya.
Berikut sintaks dasar untuk menggunakan span dalam HTML:
<span>This is some text.</span>Berikut contoh cara menggunakan tag span untuk menyorot sebagian teks di dalam paragraf:
<p>This is a <span style="color: blue;">blue</span> word.</p>Dalam contoh ini, kata "biru" akan ditampilkan dengan warna biru.
Kita akan mempelajari atribut style nanti!
Tantangan
MudahDiberikan dokumen HTML dengan sebuah paragraf. Tugasmu adalah menggunakan tag <span> untuk membungkus teks "qwerty12345".
Coba sendiri
<!DOCTYPE html>
<html>
<body>
<!-- Tulis kodemu di sini -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Dasar-Dasar
1Dasar-Dasar HTML
Apa itu HTML?Struktur Dasar HTMLTag dan ElemenTag Bersarang dan Tag PenutupKomentar dalam HTML7Halaman Profil Pribadi
Gambaran Umum ProyekBagian Header
Foto ProfilBagian Tentang SayaTautan Media Sosial2Teks dan Pemformatan
JudulParagrafPindah BarisTeks Tebal dan MiringTeks Tebal dan Miring LagiRangkuman: Pemformatan8Formulir dan Input Bagian 1
Dasar FormulirInput TeksAtribut InputKolom Kata SandiLabel untuk InputUlasan, Formulir Dasar11Halaman Pendaftaran Acara
Gambaran Umum ProyekBagian HeaderBagian Detail AcaraFormulir PendaftaranBagian Footer9Formulir dan Input Bagian 2
Tombol RadioKotak CentangMenu DropdownTombolTombol dalam FormulirRangkuman, Formulir #1Rangkuman, Formulir #2Latihan sendiri: Playground Web