Minggu, 08 Februari 2015



BELAJAR DASAR KODE HTML


HTML (Hyper Text Mark-up Language)

Susunan kode-kode yang digunakan untuk membuat halaman website atau dokumen berbasis html.
Kode html berfungsi untuk mengatur setiap isi pada halaman dokumen html baik warna, latar belakang, text, gambar, suara dsb sesuai dengan yang kita inginkan, penyusunan kode html adalah biasa dengan diawali dengan kode "<>" Opening Tag dan diakhiri dengan "</>" Closing Tag, kedua tag ini untuk mengapit unsur yang kita kelola sehingga menghasilkan penampilan yang unik secara otomatis.


Berikut beberapa contoh struktur kode html:

* FONT HTML CODES (kode HTML pada tulisan)

1. Bold (Tulisan Tebal)
Jika kita ingin membuat satu tulisan dengan tampilan efek bold maka yang harus kita lakukan adalah mengapit tulisan tersebut diantara Opening tag dan Closing tag, dan kode html'nya adalah "b" sebelum ditambahkan dengan kedua tag tersebut
Contoh:<b>Daeng</b>

Maka hasilnya adalah : Daeng
Anda dapat meng-copas kode pada tabel untuk halaman project Anda!

2. Italics (Tulisan Miring)
Memberikan efek miring pada tulisan yg kita inginkan
Contoh:<i>Daeng</i>

Maka hasilnya adalah : Daeng

3. Underline (Garis Bawah)
Memberikan efek bergaris bawah pada tulisan yang kita apit
Contoh:<u>Daeng</u>

Maka hasilnya adalah :Daeng

4. Align (Perataan)
Adalah untuk memposisikan tulisan atau unsur lainnya sesuai selera.
Align terdiri dari beberapa macam, berikut ini misalnya:

a. Center (Tengah)
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:<center>Daeng</center>

Maka hasilnya adalah :
Daeng

b. Right (Kanan)
Memposisikan sebelah kanan
Contoh:<p align="right">Daeng</p>

Maka hasilnya adalah :
Daeng
c. Left (Kiri)
Kode yang dipakai sama dengan align (right). Hanya mengganti dengan (left)
Contoh:<p align="left">Daeng</p>

Maka hasilnya adalah :
Daeng


5. Font Color (Warna Tulisan)
Dalam HTML, warna bisa di formatkan menjadi enam rangkaian huruf dan atau angka diawali dengan symbol # yang berlaku pada system kode html, seperti warna putih (#FFFFFF), hitam (#000000), oranye (#FFA500) dan lain-lain. Setiap warna memiliki kodenya masing-masing. Klik disini untuk melihat kode kode html warna selengkapnya!
Kita juga bisa langsung menuliskan nama warnanya, seperti "lime", "red", "green" dan sebagainya.
Contoh:<font color="#FFA500">Daeng</font> atau <font color="green">Daeng</font>

Maka hasilnya adalah :
Daeng atau Daeng

6. Marquee (Tulisan berjalan)
Selain merubah tulisan dengan bentuk dan warna, kita juga bisa memberikan efek yang lebih menarik, misalnya marquee yang befungsi untuk menjalankan objek tulisan atau gambar namun saja efek ini memiliki keterbatasan untuk ditampilkan, mungkin hanya bisa bekerja optimal jika halaman website di akses dengan mozilla firefox melalui computer. Adapun jenis pergerakan marquee bermacam-macam,

contohnya:

a. berjalan dari sebelah kanan ke kiri
-<marquee direction="left">Daeng</marquee>

maka hasilnya adalah :




Daeng
b. berjalan dari kiri ke kanan
-<marquee direction="right">Daeng</marquee>

maka hasilnya adalah :


Daeng
c. bolak-balik dari kanan ke kiri dan seterusnya
-<marquee behavior="alternate">Daeng</marquee>

maka hasinya adalah :


Daeng
d. bergerak ke atas
-<marquee direction="up">Daeng</marquee>

maka hasilnya adalah :


Daeng
e. bergerak ke bawah
-<marquee direction="down">Daeng</marquee>

maka hasilnya adalah :


Daeng
f. begerak bolak-balik dari atas kabawah
-<marquee behavior="alternate"direction="up">Daeng</marquee>

maka hasilnya adalah :


Daeng
g. serong dari bawah ke atas
-<marquee><marquee direction="up">Daeng</marquee></marquee>

maka hasilnya adalah :


Daeng
h. serong bolak balik
-<marquee direction="up"><marquee behavior="alternate">Daeng</marquee></marquee>

maka hasilnya adalah :


Daeng
i. berjalan sambil berkedip (efek ini jangan diterapkan pada manusia karena bisa berbahaya,hehe)
-<marquee direction="left"><blink>Daeng</blink></marquee>

maka hasilnya adalah :


Daeng Jika menginginkan arah dari yang sebaliknya maka tinggal mengganti kata "right" dengan "left" atau "up" dengan "down" !!

7. Blink (Tulisan Berkedip)
Sama halnya dengan marquee, tulisan blink tidak akan bekerja apabila devicenya tidak mendukung
Contoh:<blink>Daeng</blink>

Maka hasilnya adalah :
Daeng

Blink ataupun marquee bisa juga digunakan untuk menggerakan objek gambar.

* LINK HTML CODES (kode HTML pada tautan)

Link adalah sebuah tautan berupa text atau gambar yang mengarahkan pada lokasi file atau halaman website lainya
Langsung saja, dibawah ini beberapa contoh yang saya tahu;

1. Link Text (link dalam bentuk tulisan)
Dengan banyak membuat link text pada halaman utama website Anda maka akan lebih banyak memuat informasi yang Anda suguhkan.
Contoh:<a href="http://AjisBerbagi.blogspot.com">Daeng</a>

Maka hasilnya adalah :
Daeng