BOX MODEL CSS

Margin
Property ini digunakan untuk memberikan jarak antar elemen html. misalnya jarak antar <div> dan tag-tag lainnya.
Supaya lebih memahami langsung ke contoh:

Lalu tambahkan tag style dalam tag head, dan ketikan kode css berikut:

Maka akan muncul tampilan seperti dibawah ini:

Jarak antar box agak berjauhan karena kita memberi margin-bottom sebesar 50 px. Namun bagaimana cara text yang ada dalam box berposisi di tengah? Dengan Padding kita bisa mengatur nya. Padding adalah sebuah elemen yang digunakan untuk mengatur atau memberikan jarak antara konten elemen dengan elemen trsebut. 

Pada koding anda sebelumnya tinggal diberi tambahan padding 

Dan hasilnya akan seperti ini

Setelah diberi padding maka ada perbedaan text dalam box gambar ke 1 dan kedua. Dan ukuran box yang  telah diberi padding juga akan berubah karena telah ketambahan besar padding nya. Misal anda membuat box dengan size 100 px dan anda beri padding sebesar 30 px maka besar box akan menjadi 130 px. 

Malaslah pada waktunya, dan Rajinlah pada waktunya

@enjie_press~

Form html

FORM HTML

Form biasanya digunakan untuk mengumpulkan data dari suatu data. Penggunaan form hanya menggunakan Html saja tidak akan terlalu berguna.Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemrograman web. 

Tag dasar yang digunakan untuk membuat  form di html adalah tag form, input, textrea, select dan option. Tag form dalam html harus berada didalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.  

Atribut yang digunakan dalam tag form yaitu

1. action, berfungsi untuk menjelaskan kemana data form yang akan dikirimkan.

2. method, berfungsi untuk menjelaskan bagaimana data isian form akan dikirimkan oleh web browser.

Tag input merupakan tag yang paling banyak digunakan didalam form dan memiliki banyak bentuk, mulai dari isian texr biasa.

Atribut yang digunakan dalam tag input yaitu:

1. <input type="text"/>, textbox yang digunakan untuk menerima inputan berupa text.

2. <input type="password"/>, sama dengan text namun saja tidak akan terlihat dan muncul berupa bintang atau bulatan.

3. <input type="checkbox"/>, inputan yang berupa data yang bisa diceklist maupun dicentang oleh user.

4. <input type="radio"/>, hampir sama dengan checkbox hanya saja user hanya bisa memilih satu diantara pilihan.

5. <inptu type="submit"/>, menampilkan tombol untuk memproses form.

Tag textarea pada dasarnya sama dengan tag input namun lebih besar dan dapat berisi banyak baris. Elemen yang berada diantara tag textarea akan ditampilkan sebagai text awal dari form.

Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari nilai yang ada. Tag select digunakan bersama dengan tag option. Tag select memiliki atribut selected yang dapat digunakan untuk menambah nilai awal dari suatu form.

Supaya lebih paham langsung ke contoh berikut:

Sebenarnya membuat fomulir dengan html tidak lah sulit hanya saja membutuhkan kreatifitas dan kejelian dalam pengkodingannya.

Belajar tak mengenal waktu

@enjie_press~

Table Html

Table HTML

Dalam menampilkan data yang struktur atau tampilan dari database, biasanya akan membuat dalam bentuk tabel. Lantas bagaimana cara membuat tabel di html? Di Html menyediakan tabel tag yang dapat digunakan untuk menampilkan data dalam bentuk tabel.

Tabel terdiri dari 4 unsur utama yaitu :
1. baris
2. kolom
3. sel
4. garis

Untuk membuat tabel di Html, ada kurang lebih 3 tag yang digunakan, yaitu:

1. Tag <table> digunakan untuk memulai tabel.

2. Tag <tr> digunakan untuk membuat baris dari tabel. Tr singkatan dari table trow

3. Tag <td> digunakan untuk menginput data ke tabel. Td singkatan dari table data.

Supaya lebih bisa memahami langsung contoh

Sering-sering latihan dengan contoh kasus tertentu, jika mengalami kesulitan jangan pernah lelah untuk terus mengulang.

@enji_press~