Oktober 2014

Rabu, 08 Oktober 2014

vaniardiansyah.blogspot.com : Animasi Text Di HTML

Tidak ada komentar : Diposting oleh Unknown di 01.30 Label: HTML

Animasi merupakan bagian yang memperindah web sehingga pengunjung merasa tidak bosan dalam melihat web tersebut, html menyediakan beberapa animasi bawaan yang dapat di gunakan dalam penulisan text pada halaman web. Berikut beberapa animasi yang dapat di gunakan dalam html :

1.	Text Berkedip
	Text dapat dibuat berkedip dengan menggunakan tag blink, tetapi sekarng text blink sudah jarang di gunakan karena tidak support dengan web browser versi terbaru, dikarenakan wen browser versi terbaru focus terhadap support HTML 5 yang merupakan versi terbaru HTML. Berikut contoh penulisan blink : <blink> Ini text blink </blink>

Baca selengkapnya »

Selasa, 07 Oktober 2014

vaniardiansyah.blogspot.com : Link & Tabel HTML

Tidak ada komentar : Diposting oleh Unknown di 12.37 Label: HTML

Link

Link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain, bahkan dalam suatu halaman untuk berpindah ke sub judul yang lain. Atribut dalam tag link:

href : merupakan alamat tujuan yang halamanya akan di tuju
target : tempat membuka link, entah new tab atau pada tab itu sendiri
name : mendefinisikan nama sebuah link, biasa digunakan dalam link 1 halaman yang sama

contoh :

Baca selengkapnya »

vaniardiansyah.blogspot.com : Pengaturan Format Dokumen HTML

Tidak ada komentar : Diposting oleh Unknown di 10.24 Label: HTML

Pada saat isi tag body ditampilkan di halaman web tentu saja tag itu mempunyai tampilan yang berbeda, lebih terstruktur dan menarik, untuk membuat halaman seperti itu ada beberapa tag yang harus ditambahkan guna membuat halaman web yang menarik. Berikut tag-tag yang digunakan untuk mengatur format teks pada halaman web :

Heading

Heading merupakan judul atau sub judul dari sebuah web, dan heding sendiri mempunya beberapa ukuran. format penulisan tag heading <Hn> dimana n merupakan ukuran yang akan di pakai. Dalam tag heading terdapat 6 ukuran.
Contoh :

Tampilan pada web :

Paragraf

Tag paragraph berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web Anda. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya. Untuk mengatur perataan paragraf digunakan atribut align dengan type right, left, center, dan justfy. contoh

penulisannya :

Selain itu untuk mengedit kalimat atau kata, seperti membuat tulisan tebal, miring, atau garis bawah digunakan tag :

.......... : Untuk tulisan tebal
............ : Untuk tulisan italic
.......... : Untuk garis bawah
.... : Untuk bagian yang dicetak tinggi
.... : Untuk bagian yang di cetak rendah

penggunaan tag di atas bisa dikombinasikan.

Contoh :

tampilan di web :

Tag Break

Tag Break digunakan untuk membuat garis baru pada halaman web, walaupun penulisan script pada halaman web tidak ada garis baru.

Contoh :

Tampilan di web :

Tag Horizontal Rule

Tag Horizontal Rule <hr> digunakan untuk memberi sebuah garis lurus pada tampilan halaman web.

Contoh :

Tampilan di web :

Tag Font

Tag font digunakan untuk mengubah memodifikasi font yang di tampilkan di halaman web. Mulai jenis, warna, dan ukuran font. Atribut yang digunakan :
face : digunakan untuk menentukan jenis font
color : digunakan untuk menentukan warna font
size : digunakan untuk menentukan ukuran font

contoh :

Tampilan di web :

Tag Pre

Tag <pre> digunakan untuk membuat tampilan dokumen pada browser sama dengan tampilan pada text editor (preformatted). Dengan menggunakan tag <pre> maka tag dan tag tidak diperlukan lagi.
contoh :

Tampilan di web :

7..

Tag untul list

Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis daftar yang dikenal di HTML, yaitu list dalam format bullet (unordered list <ul>) dan dalam bentuk nomor (ordered list <ol>). Atribut elemen list Ordered list <ol type=tipe_list> type = [ 1 | a | A | i | I ] (tipe penomoran, default 1) Unordered list <ul type=tipe_list> type = [ disc | square | circle ] (tipe bullet, default disc)
contoh :

Tampilan pada web :

Menampilkan Image

Sebuah halaman web tanpa adanya image bagaikan nasi tanpa lauk, sehingga kita perlu menambahkan image untuk memperindah tampilan tersebut. Sebuah image dapat di tampilkan menggunakan tag img , serta dapat dimodifikasi dengan atribut dalam tag img. Berikut atribut yang terdapat dalam tag img :

src = lokasi dan nama gambar
alt = teks alternatif, tex yang ditampilkan ketika gambar disorot dengan mouse
width = lebar gambar, pixel
height = tinggi gambar, pixel
align = [ top | middle | bottom | left | right ] (perataan gambar)
border = tebal garis tepi gambar, pixel

contoh :

Tampilan di web :

vaniardiansyah.blogspot.com : Atribut Pada Tag Head dan Body

Tidak ada komentar : Diposting oleh Unknown di 09.02 Label: HTML

Pada dasarnya tag pada halaman wed terdiri dari tag HTML, HEAD, dan BODY.
Setiap tag mempunyai fungsi yang berbeda dan atribut yang berbeda di setiap tag, berikut kita akan membahas atribut-atribut yang terdapat pada tag Head dan Body.

Tag Head

Tag head berfungsi untuk mendeskripsikan halaman web, seperti contoh atribut tittle yang berfungsi sebagai judul sebuah web.
Tag head mempunya atribut :

-	TITLE Elemen TITLE dipakai untuk sebagai judul dokumen. Apapun yang di tulis dalam atribut title akan muncul sebagai judul di taksbar web browser. Contoh tulisscrip di bawah ini :