Tutorial HTML

Element dasar HTML
Tag Heading
Tag Paragraph
Tag Font
Image pada HTML
Link pada HTML
List pada HTML
Table pada HTML


Element dasar HTML
Tag HTML: menandai awal dan akhir dokumen HTML
Tag Head: menandai bagian header dokumen HTML
Tag Title: memberi judul pada dokumen HTML
Tag Body: menandai awal dan akhir isi dokumen




Tag Heading
tag ini digunakan untuk membuat judul menggunakan tag dan diakhiri dengan n adalah angka untuk ketebalan tulisan. paling besar adalah h1 dan paling kecil h6. codingnya :



outputnya:

HEADING 1

HEADING 2

HEADING 3

HEADING 4

HEADING 5

HEADING 6

Tag Paragraph
tag ini digunakan untuk membuat paragraf dalam html. untuk mengatur rata paragraf dapat ditambahkan atribut align. codingnya :

 
 
outputnya:

rata kiri

rata kanan

rata tengah

rata kiri kanan

Tag Font
tag ini digunakan untuk pengaturan jenis, warna maupun ukuran dari huruf yang akan kita gunakan dalam dokumen html kita. untuk penulisan codingnya dapat dilihat seperti di bawah ini.

untuk mengatur ukuran font :
 
outputnya :









ukuran 1
ukuran 2
ukuran 3
ukuran 4
ukuran 5
ukuran 6
ukuran 7


untuk mengatur warna font :
 

outputnya:
Saya Biru
Saya juga Biru
Saya Hijau
Saya juga Hijau
Saya Merah
Saya juga Merah

untuk mengatur jenis font :
 
 
outputnya :
Arial
Tahoma
Courier New
Times New Roman
Comic Sans
Georgia

Blink digunakan untuk membuat teks berkedip, sedangkan Marquee digunakan untuk membuat teks berjalan. contohnya :
 

outputnya :
Tulisan Berkedip
Tulisan Berjalan


Selain kita dapat mengatur jenis, ukuran dan warna font, kita dapat mengatur tebal, miring ataupun menggaris bawahi font. codingnya :
 

outputnya :
Saya tidak tebal
Huruf Tebal
Saya juga huruf Tebal
Saya tidak miring
Huruf Miring
Saya juga huruf Miring
Garis Bawah

Memasukkan image berupa gambar
Untuk memasukkan gambar ke dalam dokumen HTML digunakan elemen img di ikuti dengan src (source) sebagai sumber atau lokasi dari gambar. Ketika memasukkan gambar ke dalam dokumen HTML ada tiga atribut yang sangat penting harus selalu disertakan dengan elemen img yaitu alt, width dan height.
Alt merupakan teks alternatif yang ditampilkan oleh browser ketika gambar tidak dapat ditampilkan atau ditemukan sedangkan width dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel(px).
Untuk source dapat berupa path lokasi gambar yang berada dalam 1 folder dengan dokumen HTMLnya atau link. untuk codingnya dapat dilihat dibawah ini :


Membuat Link
Tag HTML yang digunakan untuk membuat link adalah < a > diakhiri < /a >. Target dari link adalah alamat url dari sebuah site yang dituliskan diantara tag < a > dan < /a > dengan menggunakan href. Pada contoh, kita akan masuk ke home webpage saya jika di klik. contohnya :
Klik disini untuk mencoba

Link dengan gambar
untuk membuat link dengan gambar, setelah kita menuliskan tag link dengan ditambah alamat url gambar. contohnya :


Membuat List
Membuat list pada HTML, bisa dengan cara berurut (ordered list) dan tidak berurut (unordered list) ordered list ditandai dengan angka, sedangkan unordered list ditandai dengan bulatan kecil.
Table pada HTML Tabel biasanya terdiri dari baris dan kolom. Dapat digunakan untuk menampilkan data dalam bentuk baris dan kolom juga, untuk menyusun teks dalam kolom.

tag awal & akhir pd pembuatan tabel.

table row
tag awal & akhir u/ membuat baris pada tabel.


table header

Tag yang digunakan u/ judul dari setiap item yang ada pada tabel.


table data

tag untuk memasukan data dalam bentuk kolom.

Attribute pada tag table:
Border -> Tag yang digunakan u/ membuat garis yang akan mengelilingi tabel.
Border = 0 -> Tanpa border.
Border = 1 -> Border standart.
Border = 2 -> Border dengan ukuran lebih tebal.
Cellpadding ->Tag yang digunakan u/ mengatur tinggi suatu kolom atau sel.
Width -> perintah yang digunakan untuk mengatur lebar dari suatu tabel.