Langsung ke konten utama

Fungsi div Pada HTML


Apakah Anda tahu , apa yang di maksud dengan div pada html ? Apa fungsi div pada html?

div.jpg

Jika anda belum mengetahuinya, mari kita simak artikel di bawah ini. Pada kesempatan kali ini saya akan menuliskan sebuah artikel tentang DIV pada html. Apa yang di maksud dengan div adalah singkatan dari division yaitu sebuah tag html yang di gunakan untuk membuat suatu bagian atau kelompok tertentu untuk mengelompokan suatu file agar lebih mudah saat kita ingin mencarinya. Fungsi utama div adalah suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi suatu group, meskipun tag / element dalam div itu sendiri.

Berikut adalah contoh tag div yang kita gunakan:

Membuat format teks rata kiri
<div style="text-align: left;">
Saya menggunakan tag div dengan format teks rata kiri
</div>


Hasilnya:
Saya menggunakan tag div dengan format teks rata kiri


Membuat format teks rata kanan
<div style="text-align: right;">
Saya menggunakan tag div dengan format teks rata kanan
</div>


Hasilnya:
Saya menggunakan tag div dengan format teks rata kanan


Membuat format teks rata tengah
<div style="text-align: center;">
Saya menggunakan tag div dengan format teks rata tengah
</div>


Hasilnya:
Saya menggunakan tag div dengan format teks rata tengah


Membuat format teks rata kanan kiri
<div style="text-align: justify;">
Saya menggunakan tag div dengan format teks rata kanan kiri
</div>


Hasilnya:
Saya menggunakan tag div dengan format teks rata kanan kiri


kita lanjut ke tag div berikutnya .
Selain untuk membuat tata letak sebuah teks, Tag div juga di gunakan untuk memberi background warna .

Membuat Background warna pada teks
<div style="background:#FFF000;">
Saya menggunakan tag div untuk memberi background warna kuning
</div>


Hasilya
Saya menggunakan tag div untuk memberi background warna kuning


untuk merubah warna teks di dalam background.

Memberi warna pada tek dalam background
<div style="background:#FFF000; color:#FF0000;">
Saya menggunakan tag div untuk memberi background warna kuning dan teks warma merah
</div>


hasilnya
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah



-menambahkan border atau bingkai pada tepi background

<div style="background:#FFF000; color:#FF0000; border:3px #FF0000 outset; padding:10px">
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah serta bingkai warna merah </div>

hasilnya
Saya menggunakan tag div untuk memberi background warna kuning dan teks warna merah serta bingkai warna merah


dan masih banyak lagi tag div yang bisa di gunakan.. Namun keterbatasan hp saya maka sekian dulu Sedikit tentang Penggunaan Tag Div Pada html untuk kali ini . Semoga bisa di mengerti.

sumber:
http://puji-lestari.pun.bz/
Label:

Komentar

Posting Komentar

Artikel Sering di Baca

Istilah-istilah dalam Perkreditan/Pembiayaan

Overdue Secara bahasa berarti; Lewat dari masa yang ditetapkan / lewat melakukan pembayaran, atau Tagihan yang tidak dibayar melewati batas tanggal jatuh tempo yang telah disepakati. Periode Overdue adalah Periode dimana Penanggung masih dapat memberikan penutupan pertanggungan walaupun telah terjadi penundaan pembayaran. Outstanding (Baki Debet) Secara bahasa berarti; Sesuatu yang belum diputuskan, belum selesai, yang nampak jelas, menarik perhatian, terkemuka.   adalah saldo pokok dari plafon pinjaman yang telah disepakati dalam perjanjian kredit dan biasanya akan berkurang jika angsuran rutin dilakukan atau sesuai jadwal pembayaran oleh debitur .
Posting Komentar
Baca selengkapnya

Cara memperbaiki tuts or tombol keyboard external/PC/Desktop tidak berfungsi

[solve] Cara memperbaiki tuts or tombol keyboard external/PC/Desktop tidak berfungsi PENTING: Cara ini dah ane coba dan berhasil di 2 keyboard ane Keyboard yang telah di tes bukan di keyboard laptop/notebook tapi keyboard external, tapi klo ente mo coba, silahkan...siapa tau berhasil terakhir DO IT AT YOUR OWN RISK ALAT: MULTITESTER, TANG, OBENG, KABEL SERAT, LAKBAN, GUNTING, CUTTER DLL. LANGSUNG AJA: 1. Cek/pastiin dulu tidak berfungsinya tombol keyboard agan pake software. Mis: Aquakey.exe, dsb. 2. Capture screen hasilnya, ini supaya agan ingat tombol mana aja yang tidak berfungsi dan tau jalurnya (gak penting amat sih) 3. lepaskan (KABEL) keyboard agan dari CPU agan 4. Sebelum membuka casing keyboard, pastikan keyboard agan dah dialas bagian tepi (jangan sampe kena tuts/tombol keyboar) nya pake sesuatu yang tebal.    cat: - ini gunanya supaya ketika agan membuka casing bagian belakang, semua karet tutsnya gak kelempar keluar karena tombol yang ...
3 komentar
Baca selengkapnya

Grafologi dan Grafonomi: Mengunggkap Kepribadian Seseorang lewat garis tanda tangan

Di atas adalah contoh dari sedikit kajian tentang kepribadian orang yang dinilai dari tanda angan. Tanda tangan yang berukuran besar terkait dengan ciri kepribadian narsistik seperti sifat mendominasi dan ego yang sangat besar; yang secara positif berhubungan dengan pengeluaran yang melebihi anggaran, tingkat pengembalian aset yang rendah. Semakin besar tanda tangan, semakin sedikit paten yang diciptakan dan investor, kurangnya inovasi. Temuan ini masuk akal menurut Prof. Syebert, tanda tangan berukuran besar menunjukkan sifat narsis dan pemimpin narsis sering berperilaku dengan kinerja yang minim misalnya mendominasi diskusi, mengabaikan kritik, atau meremehkan karyawan. Grafologi Grafologi adalah sebuah studi untuk mengungkap kepribadian dan karakter seseorang berdasarkan tulisan tangannya. "Grafologi merupakan bagian kecil dari Handwriting Forensic, dan sebaiknya tidak disamakan antara satu sama lainnya" (Allan Jamieson, 2009:278). Kata Grafologi itu sendiri...
Posting Komentar
Baca selengkapnya