Belajar Web Dasar

Haii semua, para pembaca yang berbahagia, terutama buat yang masih pemula (kayak ane :v) untuk bidang web programming ( kalo udah mahir lewat aje yee.. sayang waktu ente :v) silakan simak artikel kilat ane, ini tentang dasar html dulu selengkapnya kita bahas entar.

Part I

Html dasar

Bahan Pembuatan :

1.     PC / Laptop / HH / Tablet / terserah

        2.     Text editor (notepad, dreamwaver, notepad++ ato apa aja terserah ..)

        3.     Camilan dong tong :v

·         Sebelum mulai ngoding html, perhatikan ketentuannya...

-          Dokumen dalam html  dideskripsikan oleh html tag.

-          Tiap html tag mendeskripsikan konten yang berbeda.

-          Tiap penulisan harus diahiri .

Struktur coding dasar html

Kira kira kalo dalam gambaran, struktur html akan kaya begini nih..

Ket :

-          Tag menyediakan informasi tentang dokumen html ente.

-          Tag mengatur judul ( title ) dokumen.

-          Tag menyediakan dokumen web (cuma bagian ini yang akan tampil pada browser ).

Part II

Selanjutnya, kita akan belajar menambah icon.

Untuk menambahkan ikon pada dokumen web kita, gunakan script ini dan letakan diantara tag dan (bisa dibawah title )

               

Ket :

-          Pada [ href="icon.png" ] icon.png adalah file ikon yg sudah kita sediakan, nama bisa bebas, asal sesuai antara file dan script. Dan file type bisa ber-extensi (.png) , (.jpg), ataupun (.gif)

-          Pastikan file ikon berada sefolder bersama file html nya.

Part III

Menghias html

Untuk menghias halaman web, kita gunakan script CSS.

Penggunaan css sendiri ada 3 cara, yaitu :

1.       External (menggunakan css pada dokumen berbeda, dan harus di-link pada dokumen html).

2.       Internal (menggunakan css pada satu dokumen html yang sama).

3.       Inline (menambahkan css pada tiap div / tag html (ini biasanya untuk styling tambahan)).

Cobain Yuk..

1.       Menggunakan external css

Untuk menggunakan css external, pastikan kita load css nya dengan menggunakan script berikut :

( paste kode tersebut diatara tag dan , style.css adalah nama file css yg kita simpan, dan  tempatkan file .css nya se folder sama html nya ya..)

2.       Menggunakan Internal css

Untuk mengunakan internal css kita harus perhatikan beberapa hal berikut :

1.        scripting css nya diletakan diantara tag .

2.       Letakan tag di antara dan .

3.       Menggunakan internal css mungkin agak simpel, karena kita tak perlu file tambahan, yaitu kita hanya menggunakan 1 file yaitu file html itu sendiri, namun sudah tersisipkan css sekaligus.Akan tetapi  file html ini bisa lebih besar ukurannya dibanding html yang menggunakan file css terpisah.

3.       Inline css

Penggunaan inline css cukup jarang, karena agak ribet yaitu stylingnya pada tiap tag dalam html. Dan biasanya css metode ini digunakan pada tag tertentu, atau hanya penambah / pelengkap.

Nah Cukup segini dulu yee dasar html nya,untuk selebihnya baca artikel selanjutnya, okey ;)