Skip to main content

Membuat Halaman Rapi dengan Table Di HTML


Mungkin Tidak akan sulit jika kamu ingin membuat gambar dan tulisan yang rapi di halaman HTML menggunakan bantuan Adobe DreamWeaver atau WYSIWYG Web Builder, yup .. tinggal tarik dan ketik yang kamu mau, tapi apa sih sebenarnya isi dari koding tersebut ?. Belum tentu kita tahu kan ?.

Berikut saya akan membagi sedikit ilmu bagaimana membuat halaman HTML dengan bantuan table, sengaja di buat screenshoot, supaya ngetik sendiri kodenya jadi bisa lebih ngerti. hhhee ... let's code ...!!!

Pertama buat isi atau content yang akan kita susun dengan perintah table


<div id="section">
<table align="center" class="sifat">
Koding berikut berfungsi untuk memanggil id dan class dari file css.
Kemudian buat file cssnya


Dan jangan lupa panggil file CSS nya


Akhirnya apabila koding yang kamu lakukan benar maka hasilnya akan seperti ini :

Di bagian atas kamu bisa lihat tiga tulisan yang tersusun rapi dengan tulisan dan header yang kita panggil dengan class table class="sifat" dan kode <th>#</th> yaitu table header dan tulisan di bawahnya dengan kode <td>#</td> atau table data, untuk tulisan di bawahnya.

Kamu bisa mengkreasikan sendiri di file CSS nya dengan menambah kan border color atau yang lainnya. Jika belum mengerti berikut saya sertakan filenya, silakan di download

Comments

Popular posts from this blog

Perancangan Ruang Server

Perlunya Memiliki Server dan Ruang Server Sendiri A. Alasan Memiliki Server & Ruang Server Sendiri Pembangunan Gedung D pada STT Ibnu Sina akan menambah jumlah user pada fasilitas E-learning dan akses website STT Ibnu Sina lainnya. Hal tersebut tentu akan menambah beban jaringan atau Bandwidth yang dibutuhkan untuk menyimpan content pada E-learning dan Website STT Ibnu Sina, seperti modul tugas dan Data Kemahasiswaan. Berikut beberapa keuntungan jika STT Ibnu Sina memuliki Server dan ruang Server sendiri : Mempermudah baik pihak pengurus STT Ibnu Sina Batam maupun mahasiswa dalam mengatur dan mengakses data dan informasi Kerahasiaan data dan informasi terjaga dalam server. Mengurangi biaya internet karena situs STT Ibnu Sina yang di akses melalui jaringan yang ada di STT Ibnu Sina akan menggunakan jaringan local, sehingga tidak membutuhkan akses internet Mempermudah mahasiswa khususnya teknik informatika untuk belajar langsung tentang server, data center dan kegunaann...

Pengenalan, Fungsi dan Tipe -tipe ROM

Merupakan chip IC (integrated circuit) disebut sebagai memori yang tidak mudah berubah (non-volatile memory). yang menyediakan fungsi penyimpanan data yang bersifat WORM (write once read many), dimana penyimpanannya permanen walaupun tanpa daya listrik, ROM tidak dapat diisi atau ditulisi data sewaktu-waktu seperti RAM. Pengisian atau penulisan data, informasi, ataupun program pada ROM memerlukan proses khusus yang tidak semudah dan se-fleksibel cara penulisan pada RAM. Biasanya, data atau program yang tertulis pada ROM diisi oleh pabrik yang membuatnya. Umumnya ROM digunakan untuk menyimpan firmware, yaitu perangkat lunak yang berhubungan dengan perangkat keras. ROM modern sering ditemukan dalam bentuk IC (Integrated Circuit), sama seperti RAM yag wujudnya kebanyakan juga berupa IC. Teks atau kode yang tertulis pada kedua jenis IC ini berbeda. IC ROM biasanya memiliki kode tulisan (teks) 27xxx. Angka 27 menunjukkan kode untuk ROM, sedangkan xxx menjunjukkan kapasitas ROM d...

Memanggil file CSS ke Halaman HTML

Postingan sebelumnya saya menjelaskan tentang halaman html sederhana dengan layout CSS , yang mana Script CSS di gabungkan ke halaman HTML, kali ini saya akan menjelaskan bagaimana memisahkan file CSS dan cara memanggil file tersebut di halaman HTML. Pertama lihat kembali ke halaman html, buka dengan editor kamu. <!DOCTYPE html> <html> <head> <style> #header {     background-color:black;     color:white;     text-align:center;     padding:5px; } #nav {     line-height:30px;     background-color:#eeeeee;     height:300px;     width:100px;     float:left;     padding:5px; } #section {     width:350px;     float:left;     padding:10px; } #footer {     background-color:black;     color:white;     clear:both;     text-align:center;     padding:5px...