Belajar HTML Dasar I Dasar Dasar HTML

Belajar HTML Dasar I
Diposkan oleh Tips dan Trik Sukses Bisnis Online | 10:49 AM | 112 komentar »

Dasar-Dasar HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk
menyusun dokumen-dokumen Web.mendesain HTML berarti melakukan suatu tindakan
pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML
hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun.
Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah
tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah sebuah
seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi
dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para
pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1.
2.

Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.

Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan

sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan
kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka
cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML.
Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit
dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan
cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala
bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan
berbagai perintah yang biasa dipakai pada bahasa HTML.

Struktur Dasar Dokumen HTML
Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser
untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML(Tag, Element,
Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY. Secara sederhana HTML terdiri dari dua
bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal dan tag akhir . Standar
penulisannya adalah:



Deskrisi dokumen

Isi dokumen


Contoh aplikasinya
Buatlah scrips teks seperti dibawah ini dengan menggunakan NotePad dan simpan filenya dengan nama
latihan1.html



Belajar Dasar-Dasar HTML



Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu
sangat mudah dan mengasyikan

Keterangan:
 Tag digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri
atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.

 adalah isi dokumen yang akan ditampilkan dibrowser Anda
Untuk melihat hasilnya, silakan jalankan browser favorit Anda, dengan cara membuka file latihan1.html yang sudah
Anda buat tadi dengan menggunakan browser seperti contoh tampilan dibawah ini saya menggunakan browser
Mozila Firefox :

Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

Referensi Tag HTML
1. Heading
Merupakan kepala dari dokumen HTML. Tag dan tag terletak di antara tag dan tag .
Sintaks:

...........

Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda
dengan tag yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading.
Heading level 1 biasanya untuk judul utama.
Contoh:

Headings



Heading
Heading
Heading
Heading
Heading
Heading



Level
Level
Level
Level
Level
Level

1
2
3
4
5
6

2. Paragraf
Untuk membuat paragraf digunakan tag . Setelah tag Anda bisa menulis isi paragraf dan paragraf tersebut
harus diakhiri dengan penutup . Anda bisa mengatur posisi paragraf dengan attribut ALIGN.
Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah
dan RIGHT untuk rata kanan.
Contoh:



Paragraf

Yang harus Anda sadari adalah mencari uang di internet bukanlah bisnis secara
riil, tapi sebenarnya kita berhadapan dengan dunia maya, yang perlu Anda
cermati hanyalah banyak jebakan dalam dunia maya yang begitu cerdas dan banyak
situs-situs web bisnis online yang buat Anda ragu berhasil atau gagal untuk
menjalaninya, sehingga banyak orang terperdaya, tertipu dan menyia-nyiakan
waktu bahkan uangnya dan akhirnya tidak ada hasil sama sekali, salah satu
penyebabnya adalah kurangnya pengetahuan yang mendalam tentang skill tekhnis
dan strategy untuk sukses bisnis online.

Memang, sampai saat ini masih banyak orang tidak percaya bahwa bisnis secara
online bisa membuat penggunanya menjadi kaya raya, itu tidak benar, sebab
kenyataannya banyak orang menjadikan bisnis online sebagai sumber
penghasilannya yang besar, segera ikuti petunjuk-petunjuk yang ada dalam blok
saya ini, Anda akan diarahkan bagaimana keberhasilan para interneter kelas
lokal maupun dunia yang membangun kekayaan secara bisnis online, dan
rahasianya di kupas tuntas disini dan buktikan sendiri hasilnya, karena blog
rahasia bisnis online ini adalah intisari dari ratusan situs web bisnis online
dengan menggunakan trik dan strategy ampuh agar Anda bisa membangun kekayaan
secara online .

Untuk menjalani bisnis online agar Anda sukses, langkah pertama yang harus
Anda lakukan adalah melakukan persiapan. Tahapan ini sangat penting dan Anda
harus melakukannya karena dalam artikel ini memberikan Anda bukti keberhasilan
bukan saja hanya menambah pengetahuan Anda tentang bagaimana menjalani bisnis
online.



Dibawah ini adalah tampilan pada halaman browser dari contoh script diatas :

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut :
a. Tag
Adalah teks khusus (markup) berupa dua karakter "", sebagai contoh adalah tag dengan nama
body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter
"/" setelah karakter "