BELAJAR HTML Pemula-Lanjut

Belajar mengenal dasar-dasar kode html

---

Apakah HTML itu ?
HTML adalah bahasa untuk mendeskripsikan atau menggambarkan tentang halaman website atau blog.
* HTML singkatan Hyper Teks Markup Language
* HTML bukan bahasa pemrograman, itu adalah bahasa markup
* Sebuah bahasa markup adalah serangkaian tag markup
* HTML menggunakan tag markup untuk menjelaskan halaman web
Tag HTML
Tag markup HTML biasanya disebut dengan tag HTML
* HTML tag adalah kata kunci yang ditandai dengan kurung buka (>) dan kurung tutup (<), seperti :
* Tag HTML biasanya ditulis dalam bentuk pasangan, seperti dan ditutup dengan
* Tag pertama dalam pasangan , disebut dengan tag awal, sedangkan pada tag kedua disebut dengan tag akhir (penutup);
* Mengawali dan mengakhiri tag disebut juga dengan tag pembuka <......> dan tag penutup
Bagi teman-teman yang belum mengenal kode html, saya harap anda tidak perlu khawatir karena disini saya akan menyajikan tentang dasar-dasar kode html, dan disertai dengan beberapa contoh untuk memperjelas, dan apabila anda telah menguasai dasar-dasar kode html, maka anda bisa mengembangkan lebih lanjut.
Dokumen HTML = Halaman Web
* HTML dokumen berfungsi untuk mendeskripsikan halaman website atau blog ;
* Dokumen HTML berisi tag HTML dan plain teks ;
* HTML dokumen juga disebut dengan halaman web ;
Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkan Dokumen html sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag untuk menafsirkan isi dari halaman tersebut:

Judul posting

alinea (paragraph) pertama
alinea (paragraph) kedua
alinea (paragraph) ketiga
Keterangan :
* Teks yang ditulis diantara dan , dimaksudkan untuk menjelaskan halaman web ;
* Teks yang ditulis diantara dan , adalah isi halaman yang terlihat ;
* Teks yang ditulis diantara

dan

, ditampilkan sebagai judul posting ;
* Teks yang ditulis diantara dan
, ditampilkan sebagai paragraf.

Contoh-contoh

1. Cara membuat HTML Headings (Judul)
HTML Headings, biasanya sering digunakan untuk membuat judul postingan atau artikel, dan kode HTML yang digunakan umumnya dikenal dengan istilah tag dan kodenya ditandai dengan

sampai dengan

.
Serta hal-hal perlu diingat bahwa :
- Setiap menuliskan tag

harus ditutup dengan

, demikian

sampai dengan

;
- semakin kecil angkanya maka huruf yang tampil semakin besar, demikian pula sebaliknya.
Contoh : l

Dasar-dasar html. 1

Dasar-dasar html. 2

Dasar-dasar html. 3

Dasar-dasar html. 4

Dasar-dasar html. 5

Dasar-dasar html. 6

Hasilnya :

Dasar-dasar html. 1

Dasar-dasar html. 2

Dasar-dasar html. 3

Dasar-dasar html. 4

Dasar-dasar html. 5

Dasar-dasar html. 6

2. Cara membuat HTML Paragraphs
Bagaimanakah cara membuat paragragh (alinea) ?
Tentunya anda sudah sangat mengenal tentang apa yang disebut dengan paragragh (alinea) pada sebuah postingan atau artikel, dan umumnya kode HTML yang digunakan dikenal dengan istilah tag dan kodenya ditandai dengan
kemudian ditutup dengan
.
Untuk lebih jelasnya saya akan memberikan sebuah contoh cara membuat paragraph pada postingan atau artikel milik anda.
Contoh :


Ini adalah sebuah contoh membuat paragrah pertama dengan dengan menggunakan code html, silahkan lihat hasilnya.

Ini adalah sebuah contoh membuat paragrah kedua dengan dengan menggunakan code html, silahkan lihat hasilnya.

Ini adalah sebuah contoh membuat paragrah ketiga dengan dengan menggunakan code html, silahkan lihat hasilnya.



Hasilnya :

Ini adalah sebuah contoh membuat paragrah pertama dengan dengan menggunakan code html, silahkan lihat hasilnya.
Ini adalah sebuah contoh membuat paragrah kedua dengan dengan menggunakan code html, silahkan lihat hasilnya.
Ini adalah sebuah contoh membuat paragrah ketiga dengan dengan menggunakan code html, silahkan lihat hasilnya.

3.Menggabungkan HTML Headings (Judul) dengan HTML Paragraphs
Contoh :

Belajar mengenal kode html

Sebagaimana yang kita ketahui bahwa belajar mengenal kode html bagi para pengguna blog maupun website adalah merupakan suatu persyaratan penting dan wajib.

Agar kita bisa menguasai kode html, maka kita harus belajar dari dasar-dasar kode html, seperti cara membuat Heading (judul), paragraph, link, dan sebagainya.

Contoh yang saya tunjukan ini adalah merupakan penggabungan antara html headings dengan html paragraph



Hasilnya :

Belajar mengenal kode html

Sebagaimana yang kita ketahui bahwa belajar mengenal kode html bagi para pengguna blog maupun website adalah merupakan suatu persyaratan penting dan wajib.
Agar kita bisa menguasai kode html, maka kita harus belajar dari dasar-dasar kode html, seperti cara membuat Heading (judul), paragraph, link, dan sebagainya.
Contoh yang saya tunjukan ini adalah merupakan penggabungan antara html headings dengan html paragraph

HTML Links :
link HTML selalu ditulis dengan menggunakan tag
Contoh :



Belajar mengenal dasar-dasar kode html



Hasilnya :


Belajar mengenal dasar-dasar kode html

http://preview.tinyurl.com/kencangratis-blogspot-com

HTML Images :
Gambar HTML didefinisikan dengan tag .

Contoh :




alt="Valid HTML 4.01 Strict" width="88" src="http://www.w3.org/Icons/valid-html401"height="31">







Hasilnya :

Artikel Terkait: