A K U

Foto saya
Jakarta, Indonesia
doyan (banget) makan tapi takut gendut. singer, music addicted, food lovers, lipstick hunter, jodoh seeker.

Minggu, 25 September 2016

PRACTICE WITH HTML 2

KONBANWA! :D
Kali ini saya akan memahas (masih) seputar HTML, namun kali ini akan sedikit lebih kompleks karena saya akan mencoba membuat beberapa tampilan yang saya sendiri masih coba-coba.. Hehehe.. So, let's get started!

1. TABLE
Pertama, saya akan mencoba membuat table dalam HTML. Kalian pasti tahu kegunaan dari tabel. Menurut saya pribadi, bentuk tabel dalam sebuah file sangat membantu dalam segi kerapihan dan ke-esifiensi-an (halah!), apalagi kalau data yang dimiliki sangat banyak dan ada kelompok-kelompoknya. Saya akan mencoba membuat tabel sederhana dalam HTML.

Pada HTML


Pada Chrome

 


Pada gambar diatas, tabel menggunakan header yang berfungsi untuk mengelompokkan nama dan makanan favorit. Untuk header, menggunakan awalan tag <th> dan diakhir dengan tag </th>. Untuk tabel, menggunakan tag <tr> dan <td>, dimana <tr> untuk sebuah baris dan <td> untuk kolom.

2. LISTS
List merupakan sebuah format dalam teks untuk mengurutkan sebuah data. Saya akan membuat LIST dalam HTML.

Pada HTML


Pada Chrome
 


Gambar diatas merupakan contoh LIST sederhana dalam HTML. LIST sendiri memiliki 3 jenis, yaitu: Unordered List, Ordered List, dan Definition List. Unordered List memiliki bentuk bulat atau circle, sedangkan Ordered List di list berdasarkan nomor atau angka. Definition List digunakan untuk mendiskripsikan suatu list.

3. LAYOUT
Selanjutnya adalah LAYOUT. LAYOUT yang saya beri contoh kali ini menggunakan tag <table>, dimana tag <table> ini bertujuan untuk membuat data berada di tengah layout (jadi seperti ada tabel didalam layout, kurang lebih itu yang saya pahami dari materi hehehe).



Pada HTML


Pada Chrome
 


4. FORMS AND INPUT
Lalu ada HTML FORMS and INPUT. biasanya HTML ini digunakan pada bagian log in atau sign up pada sebuah web atau aplikasi yang membutuhkan account (akun). 

Pada HTML


Pada Chrome
 

5. IFRAMES
IFRAME digunakan untuk melihat sebuah page pada web dalam bentuk per-frame atau per-bagian dengan ukuran yang berbeda-beda.
Pada HTML


Pada Chrome
 


6. ENTITIES
Untuk menampilkan lambang atau simbol pada HTML

Pada HTML


Pada Chrome
 
 


Sekian pembahasan dari saya, mohon maaf kalau banyak yang masih kurang.. Ya namanya juga masih coba-coba dan belajar. Hehehehe.. Semoga pembahasan dari saya dapat berguna bagi pembaca.

Arigatou Gozaimasu! :D
Share:

0 komentar:

Posting Komentar