HTML Dasar Part 2 Marquee dan Tag Pre

Setelah pada postingan yang lalu..tentang header..!!
Sekarang saya coba menmbahkan beberapa elemen….
Seperti mengubah jenis huruf,ukuran huruf,warna dan lainnya…!!!
Sekarang kita coba yang dibawah ini:

Tag Header dengan Marquee


Web design



Visual basic


pascal


Kalkulus


phisic


Agama


Langkah" nya sebagai berikut..!!
  1. Silahkan Copy dan paste kode dibawah ini kedalam notepad
  2. kemudian simpan dengan format (.Html)
  3. lihat hasilnya

<html>
<head>
<title>pembuatan Header</title>

</head>
<Body>
 
<marquee direction ="up"> <H1 align="Center"> <font color="blue" face="Monotype corsiva"> Web design</H1> </font> </marquee>


<marquee direction ="Left"> <H2 align="left"> <font color="yellow" face="Times New Roman"> Visual basic </h2></font></marquee>

<marquee direction ="right"> <H3 align="right"> <font color="Green" face="arial Narrow"> pascal</H3> </font></marquee>


<marquee direction ="Left"> <H4 align="Center"> <font color="red" face="comic Sains Ms"> Kalkulus</H4> </font></marquee>

<marquee direction ="right"> <H5 align="right"> <font color="cyan" face="Verdana"> phisic</H5> </font></marquee>


<marquee direction ="down"> <H6 align="center"> <font color ="brown"> Agama</H6></marquee> </font>

</body>
</html>

Nb: align = mengatur letak judul/ text

      Font color = memberi warna pada text

      Font face = mengganti jenis tulisan

      Body bgcolor = mengganti warna latar belakang (body)

Gmn hasilnya ?

Bagus kan…!hehehehe



Tag PRE



Fungsi : Membuat tulisan menjadi rata

              Membuat tulisan menjadi seperti tulisan mesin tik

Syntax : <Pre>….(text)….</pre>


Contoh :

silahkan ketikkan di notepad anda........

<pre>


        ini contohnya :


                Nama : rudi hartoyo
                TTL   : 04 december 1991


</pre>

dan hasilnya seperti berikut


ini contohnya :
                  Nama : rudi hartoyo
                  TTL  : 04 december 1991



selamat mencoba kembali...........(^^^)
Previous
Next Post »

# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon

Thanks for your comment