Belajar HTML untuk pemula

Sebelum memulai mempraktekan HTML ada baiknya kenal terlebih dahulu apa itu HTML.

HTML (HiperText Markup Language) adalah merupakan sebuah bahasa text yang digunakan untuk membuat sebuah halaman web untuk menampilkan informasi-informasi ke sebuah software browser di internet seperti internet explorer, mozila firefox dan lainnya.

Memulai HTML

Software apakah yang digunakan untuk menulis bahasa HTML ? untuk menulis bahasa html biasa digunakan software bawaan windows yaitu notepad tetapi bisa juga menulis HTML pada Microsoft Front Page, DOS Edit.

Untuk membuat sebuah bahasa HTML pada notepad harus disimpan (save) dengan akhiran atau extensi html agar bisa dibaca oleh web browser, sebagai contoh latihan1.html.

Menjalankan HTML

Setelah membuat sebuah proyek HTML dengan cara mengetik pada notepad, selanjutnya HTML tersebut coba dijalankan dengan menggunakan sotware browser yang ada pada komputer anda, misalnya Internet Explorer yang merupakan bawaan windows, atau bisa juga dengan firefox, gunakan salah satunya.

Cara membuka file HTML

Jalankan wbe browser anda (IE atau firefox), jika menggunakan Internet Explorer, maka klik menu File kemudian pilih Open, selanjutnya cari file html yang barusan anda buat kemudian klik open. Apabila menggunakan firefox maka klik menu File kemudian pilih Open File, selanjutnya cari file html yang sudah dibuatkan tadi kemudian klik Open.

Itu adalah langkah-langkah dalam membuat bahasa html hingga menjalankannya pada web browser.

bentuk dasar dari html adalah :






body/isi HTML pertamaku.



Untuk mencoba sebuah proyek html anda yang baru, coba buka notepad kemudian ketikan kode di atas dan simpan (save) dengan nama file latihan1.html kemudian coba jalankan pada browser (Internet Explorer/Mozilla Firefox) di komputer anda.

Belajar HTML untuk pemula (bagian 2)

10 August 2009

Heading atau Judul

Untuk membuat heading atau judul pada HTML terdiri dari :

1. Judul 1

2. Judul 2

3. Judul 3

4. Judul 4

5. Judul 5

6. Judul 6

Penjelasannya :

....

adalah merupakan penulisan judul dengan ukuran huruf yang paling besar dan untuk

...

dan seterusnya sampai

...

adalah judul kedua sampai dengan judul keenam dengan ukuran huruf semakin besar nilainya maka semakin kecil ukuran hurufnya.

Sebagai praktek buatkan atau ketik kode HTML berikut ini pada notepad kemudian simpan dengan nama file praktek2.html kemudian buka atau jalankan pada web browser anda dan perhatikan hasil yang terjadi.

Judul Baris Pertama

Judul Baris Kedua

Judul Baris Ketiga

Judul Baris Keempat

Judul Baris Kelima

Judul Baris Keenam

Dan hasilnya akan terlihat seperti berikut :

Judul Baris Pertama

Judul Baris Kedua

Judul Baris Ketiga

Judul Baris Keempat

Judul Baris Kelima

Judul Baris Keenam

Belajar HTML untuk pemula (bagian 3)

15 August 2009

Bentuk HTML tabel pada dasarnya adalah seperti berikut

kolom1	kolom2
kolom1	kolom2

Penjelasan

dan adalah merupakan batasan area HTML untuk tabel.
dan menyatakan batasan untuk sebuah baris dalam table.
dan adalah batasan untuk data dalam sebuah sel tabel, pada bentuk penulisan HTML di atas pada kata "kolom1" dan "kolom2" yang pertama menyatakan posisi sel kolom1 baris1 dan kolom2 baris1 sedangkan untuk kata "kolom1" dan "kolom2" yang kedua adalah menyatakan posisi sel berada pada kolom1 baris2 dan kolom2 baris2.

Contoh

Penambahan border="1" adalah dengan maksud memberikan batasan antar setiap sel dengan sbuah garis atau tabel bergaris, jika tabel dibuat tidak bergaris maka tinggal menghilangkan penulisan border. Angka 1 pada kata border="1" menyatakan nilai atau ukuran garis pada tabel tersebut, semakin besar nilainya maka semakin besar pula garisnya. ketiklah contoh di atas pada notepad kemudian simpan dengan nama file latihan3.html dan coba jalankan dari browser pada komputer anda. Hasilnya jika di jalankan pada browser akan terlihat seperti di bawah ini :

Belajar HTML untuk pemula (bagian 4)

01 September 2009

Format Teks HTML Paragraph atau alinea dalam bahasa indonesianya yang memiliki tag untuk awal paragraf sedang untuk tag penutup adalah . penulisan sintaksnya adalah : ................... tag memiliki attribut align yang memiliki nilai left, right dan center dan sintaksnya sebagai berikut :

...................

contoh :

Ini adalah HTML rata tengah

Ini adalah HTML rata kanan

Ini adalah HTML rata kiri

ketiklah contoh di atas pada notepad kemudian simpan dengan nama file format.html dan coba jalankan pada browser dan lihat hasilnya. Font atau huruf memiliki tag dengan attribute color, face dan size, sintaksnya akan menjadi ini HTML font

baris1 kolom1	baris1 kolom2
baris2 kolom1	baris2 kolom2
baris3 kolom1	baris3 kolom2