Anda di halaman 1dari 2

Span Element

Element Span merupakan element inline (elemen yang tidak membentuk garis baru) yang digunakan
untuk mengelompokkan beberapa element yang dimaksudkan untuk memudahkan dalam pemberian
style (dengan CSS).

<span>jalan 1</span>
<span>jalan 2</span>
<hr>
<p>jalan 1</p>
<p>jalan 2</p>

Hasilnya :

Namun kegunaan span itu sendiri lebih ke mengelompokkan dan digunakan untuk memudahkan
pemberian code CSS pada text tertentu
Contoh : <p>Belajar Membuat <span>Website</span></p>
Sehingga kita bisa memberikan code CSS khusus pada kata “Website” saja

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Belajar HTML - NIOMIC</title>
<style>
.web{
color: orange;
}
</style>
</head>
<body>
<p>Belajar Membuat <span class="web">Website</span></p>
</body>
</body>
</html>

Ketika dijalankan akan menampilkan :

Anda mungkin juga menyukai