HTML - Block Element
css, desain, frontend, html

HTML & CSS – Menyusun / Layouting Halaman Web Site

Halo teman bitbagi,

Kali ini saya ingin berbagi tip dan trik bagaimana menyusun atau layouting halaman web site dengan HTML dan CSS.

Pertama-tama buat teman bitbagi yang baru belajar pemrograman web site, maka menghafal tag-tag HTML dan properti-properti CSS janganlah menjadi hambatan untuk cepat menguasai layouting halaman web.

Dengan mengetahui prinsip-prinsip mendifinisikan konten halaman web melalui HTML dan mengatur serta mempercantik (mendesain) konten web tersebut menggunakan CSS, maka teman bitbagi dengan cepat dan profesional bisa mendesain dan layouting halaman web. Sementara hafalan tag-tag HTML dan properti-properti CSS seiring dengan seringnya teman bitbagi mendesain atau melayout halaman web maka akan semakin hafal.

Hal-hal yang perlu diperhatikan terkait HTML adalah :

  1. HTML adalah untuk mendefinisikan isi / konten halaman web, saja!
  2. tag-tag HTML atau elemen dibagi dua : Elemen Blok (bisa diatur ukurannya), dan Elemen Inline (ukurannya mengikuti isinya), tetapi ada elemen tambahan yaitu Elemen Inline Blok (ukurannya mengikuti isinya, tapi bisa diatur lebih lanjut)
  3. Struktur dasar halaman HTML

Hal-hal yang perlu diperhatikan terkait CSS adalah :

  1. CSS adalah untuk styling (mendesain) konten halam web yang didefinisakan dengan HTML
  2. properti-properti CSS untuk layouting halaman web (display, position, margin, padding, width, height)

Bersambung …

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.