Skip to main content

Posts

Showing posts with the label belajar HTML

HTML Tables

Contoh Tabel  HTML : Company Contact Country FajarYusuf.Com Fajar M. Yusuf Indonesia Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy Mendefinisikan Table HTML Tabel HTML didefinisikan dengan tag <table> . Setiap baris tabel didefinisikan dengan tag <tr> . Sebuah header tabel didefinisikan dengan tag  <th> . Secara default, judul tabel akan tebal dan posisi ditengah. Sebuah data / sel tabel didefinisikan dengan tag <td> . Contoh : <!DOCTYPE html> <html> <body> <h2>Basic HTML Table</h2> <table style="width:100%"> <tr> <th>Nama Depan</th> <th>Nama Belakang</th> <th>Umur</th> </tr> <tr> <td>Fajar</td> <td>Yusuf</td> <...

Tutorial HTML Links

Link ditemukan di hampir semua halaman web. Link memungkinkan pengguna untuk dapat mengklik jalan mereka dari satu halaman ke halaman yang lain, atau dari satu situs ke situs yang lain. Link HTML - Hyperlink link pada HTML adalah hyperlink. Kamu dapat mengklik link dan melompat ke halaman dokumen yang lain. Bila kamu memindahkan mouse di atas link, panah mouse akan berubah menjadi tangan kecil. Catatan: Sebuah link pada HTML tidak harus hanya berupa teks. Link pada HTML dapat berupa gambar atau elemen lain yang ada pada HTML. Link HTML - Sintaks Dalam HTML, link yang dapat didefinisikan dengan tag  <a>  : <a href="url">link text</a> Contoh : <!DOCTYPE html> <html> <body> <h2>HTML Links</h2> <p><a href="https://www.fajaryusuf.com/">Kunjungi website pemrograman Indonesia</a></p> </body> </html> Kamu bisa mencobanya disini , Hasil : klik gambar untuk memperb...

HTML Styles - CSS

Styling HTML dengan CSS CSS singkatan C ascading S tyle S heets. CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas, atau media lainnya . CSS menghemat banyak pekerjaan dan juga dapat mengontrol tata letak beberapa  halaman web sekaligus. CSS dapat ditambahkan ke elemen HTML dalam 3 cara: Inline - dengan menggunakan atribut style dalam elemen HTML Internal - dengan menggunakan <style>  elemen di bagian  <head> bagian Eksternal - dengan menggunakan file CSS eksternal Cara yang paling umum digunakan untuk menambahkan CSS, adalah menggunakan data file CSS yang terpisah. Namun, di sini kita akan menggunakan inline dan styling internal, karena ini lebih mudah untuk menunjukkan penggunaan CSS, dan lebih mudah bagi kamu untuk mencobanya sendiri. Tip: kamu dapat mempelajari lebih banyak tentang CSS di Materi CSS . CSS Inline  CSS inline digunakan untuk menerapkan gaya yang unik untuk elemen HTML tunggal. CSS ...

HTML Color atau Warna pada HTML

Warna pada HTML ditentukan menggunakan nama warna yang telah ditetapkan, atau nilai-nilai pada RGB , HEX , HSL , RGBA , HSLA . Memberi Warna HTML dengan Nama Warna Dalam HTML, warna dapat ditentukan dengan menggunakan nama dari warna. Contoh : <!DOCTYPE html> <html> <body> <h1 style="background-color:Tomato;">Tomato</h1> <h1 style="background-color:Orange;">Orange</h1> <h1 style="background-color:DodgerBlue;">DodgerBlue</h1> <h1 style="background-color:MediumSeaGreen;">MediumSeaGreen</h1> <h1 style="background-color:Gray;">Gray</h1> <h1 style="background-color:SlateBlue;">SlateBlue</h1> <h1 style="background-color:Violet;">Violet</h1> <h1 style="background-color:LightGray;">LightGray</h1> </body> </html> Kamu bisa mencobanya klik disini , Hasil : klik gambar unt...