TUTOR DASAR HTML 5

Belajar dasar HTML 5
Beberapa contoh tag dan attribut telah saya bahas meskipun dalam bentuk sangat sederhana, kali ini saya akan bahas mengenai tag frame.
12.     Tag Frame
Tag frame merupakan salah satu sistem penunjang sebagai nilai tambah dalam sebuah situs web. Semakin sederhana dan mudah sistem navigasi akan semakin baik pula nilai tambah pada situs tersebut.
Seandai nya kita menginginkan pembagian sebuah halaman web ke dalam blok terpisah dan masing-masing blok tersebut diisi oleh halaman web lain, misalanya kita ingin membagi halaman web kita menjadi dua kolom, kolom sebelah kiri untuk halaman navigasi dan halaman sebelah kanan diisi dengan halaman sebenarnya.
Pembagian halaman tersebut dilakukan dengan menggunakan tag frame dan berikut merupakan contoh syntax dari tag frame :
<HTML>
<HEAD>
<TITLE>Dasar pembuatan 12 Frame</TITLE>
</HEAD>
  <FRAMESET COLS="35%,35%,30%" ROWS="25%,25,%25%,25%">
         <FRAME SRC="1.html">
         <FRAME SRC="2.html">
         <FRAME SRC="3.html">
         <FRAME SRC="4.html">
         <FRAME SRC="5.html">
         <FRAME SRC="6.html">
         <FRAME SRC="7.html">
         <FRAME SRC="8.html">
         <FRAME SRC="9.html">
         <FRAME SRC="10.html">
         <FRAME SRC="11.html">
         <FRAME SRC="l2.html">
  </FRAMESET>
</HTML>
Hasil ..
FRAME 1FRAME 2FRAME 3
FRAME 4FRAME 5FRAME 6
FRAME 7FRAME 8FRAME 9
FRAME 10FRAME 11FRAME 12

Marquee
Dalam perancangan sebuah situs banyak sekali yang bisa kita tambahkan untuk mempercantik tampilan web kita, berikut beberapa contoh code animasi teks menggunakan fungsi marquee, mungkin sobat semua sudah mengetahui apa yang namanya marquee.
contoh Slide-in text:
<marquee behavior="slide" direction="left">Belajar bersama</marquee>
maka hasilnya akan seperti ini :
Belajar bersama

contoh scrolling text:
<marquee behavior="scroll" direction="left">Belajar bersama</marquee>
maka hasilnya akan seperti ini :
Belajar bersama

contoh Text bouncing back and forth:
<marquee behavior="alternate">Your bouncing text goes here</marquee>
maka hasilnya akan seperti ini :
Belajar bersama

contoh Text Scrolling Upwards:
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>
maka hasilnya akan seperti ini :
Belajar bersama

contoh Change the Scrolling Speed:
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
maka hasilnya akan seperti ini :
Slow scroll speed
Medium scroll speed
Fast scroll speed

contoh Change the Scrolling Speed:
<marquee behavior="scroll" direction="left"><img src="http://4.bp.blogspot.com/-bnCVnV6_2WQ/T6PfB0PrhqI/AAAAAAAAAns/l3EhTA-YugE/s400/LogoCreativoltz.png" width="200" height="100" alt="smile" /></marquee>
maka hasilnya akan seperti ini :
smile



Sekian dulu tutor dari saya yang sangat sederhana ini, mudah-mudahan bisa bermanfaat dan mohon maaf atas segala kekurangannya

Terimakasih



“Hopefully useful”
Wenks@Creativoltz

Anda baru saja membaca artikel yang berkategori Tutorial dengan judul TUTOR DASAR HTML 5. Anda bisa bookmark halaman ini dengan URL http://creativoltz.blogspot.com/2012/05/tutor-dasar-html-5.html. Terima kasih!