Belajar HTML #part 14 | Blocks and inline
Halo kembali bersama gua Syahrul R. Yang terganz terkece terterrr terlalu berharap :v
Ok kali ini gua mau bahas HTML lagi ea mank, sekarang kita belajar Block and inline di HTML.
Ok langsung saja ke materinya.. Cekidottt..
Di HTML ada berbagai elemen Block ea mank.
Misalnya: <h1, <form>, <p>, <div>, <table> Dan masih banyak lagi ea.
Tapi sekarang gua mau bahas yang pake <h1>, <div>, <p> ea mank.
Elemen <div> sering di gunakan untuk wadah elemen lainnya di HTML ea mank.
Kalo di kombinasikan sama CSS, <div> Itu bisa buat menata konten mank.
Contoh struktur:
<h1></h1>
<div>
<p></p
</div>
Nah sekarang kita coba buat paragraf berwarna kuning dan background berwarna hijau, dengan menambahkan sebuah intruksi di bagian <div>.
Contoh:
<div style="background-color:green; color:white; padding:20px;">
Oke gua akan jelasin arti/guna dari intruksi di atas
- background-color: = Untuk background Block.
- color: = untuk warna teks/paragrafnya.
- padding: = untuk ukuran background block.
Oke skuy gas ke codingnya.. Cekidottt
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Sejarah LaughSec Team</h1
<div style="background-color:green; color:yellow; padding:20px">
<p>LaughSec itu Revolusi dari Banyumas Error System</p>
<p>Di ganti karena kendala daerah anggota berbeda beda</p>
</div>
<body>
</html>
Untuk contoh di atas hasilnya seperti ini mank:
Nah kita sekarang coba buat sebuah baris/inline dengan menambahkan <span>.
Untuk <span> Ketika di kombinasikan sama CSS itu bisa buat menata teks.
Oke langsung saja. Cekidottt..
<html>
<head>
<title>Belajar HTML</title>
</head>
<h1> We Are
<span style="color:red">LaughSec</span>
Team</h1>
<body>
</html>
Untuk hasilnya seperti ini mank
Oke menurut gua sekian Materi kali ini
See you Next Time :)
Wassalamu'alaikum wr.wb
0 Response to "Belajar HTML #part 14 | Blocks and inline"
একটি মন্তব্য পোস্ট করুন