Rabu, 31 Oktober 2012

tag-tag pada bahasa HTML

tag-tag sederhana :

1. <marquee> … </marquee> = tulisan berjalan atau bergerak pada halaman web anda
contoh atribut dalam marquee :
     a. seperti yang kemarin kita buat, yaitu berjalan dari sebelah kanan ke kiri

Selamat datang ..

Kode yang dipakai:

<marquee direction="left"> Selamat datang .. </marquee>

     b. dari kiri ke kanan

Selamat datang ..

Itu menggunakan kode sbb.

<marquee direction="right"> Selamat datang .. </marquee>

     c. bolak balik dari kanan ke kiri kembali kiri ke kanan

Selamat datang ..

Kode yang dipakai:

<marquee behavior="alternate"> Selamat datang .. </marquee>

     d. dari bawah ke atas

selamat datang ..

Kode yang digunakan

<marquee direction="up"> selamat datang .. </marquee>

     e. Dari atas ke bawah

Selamat datang ..

Kode yang dipakai

<marquee direction="down"> Selamat datang .. </marquee>

     f. dari atas bawah kembali dari bawah ke atas

Selamat datang ..

Kode yang digunakan

<marquee behavior="alternate" direction="up">Selamat datang..</marquee>
     g. menyudut dari atas ke bawah

Selamat datang ..
Anda bisa menggunakan kode berikut ini

<marquee><marquee direction="down">Selamat datang .. </marquee></marquee>

     h. menyudut dari bawah ke atas

Selamat datang..
Kode yang di pakai

<marquee><marquee direction="up"> Selamat datang.. </marquee></marquee>

     i. serong ke atas dan kembali

selamat datang ..

Kode yang digunakan

<marquee direction="up"><marquee behavior="alternate">selamat datang .. </marquee></marquee>

     j. menyudut dari bawah ke atas kembali menyudut dari atas ke bawah

selamat datang..

Kode yang dipakai

<marquee behavior="alternate" direction="down"><marquee behavior="alternate">selamat datang.. </marquee></marquee>

     k. jala sambil kedip kedip
  
selamat datang..

Kode yang dipakai

<marquee direction="left"><blink> selamat datang </blink></marquee>
     l. Dengan background warna

Selamat Datang..

Kode yang dipakai:

<marquee bgcolor=" COLOR " style="color: COLOR "> Selamat Datang.. </marquee>

     m. Jalan berlawanan

Selamat Datang..Selamat Datang..

Kode yang digunakan

<marquee> Selamat Datang.. </marquee> <marquee direction="right"> Selamat Datang.. </marquee>

      n. Text banyak

Hallo
selamat datang
apa kabar
salam sejahtera


Kode yang digunakan:

<marquee direction="right"> Hallo <br> selamat datang <br> apa kabar <br> salam sejahtera </marquee>

2. <html>= pertama kali anda menuliskan script pada dreamweaver atau notepad anda menuliskan <html> itu wajib karna sebagai pembuka dalam menulis script – script yang lain.

ingat : setiap tag harus di tutup dengan slais  “/”  ex:<html> …. </html> ; <head> … </head>;dll

3.<head>….</head> & <title> ….</title>= pada bagian ini adalah judul dari web/html anda
contoh :
<head>
<title> home page saya </title>
</head>

4. <body> = berfungsi sebagai isi untuk menuliskan script – script yang mana nantinya sebagai halaman web anda
dalam tag body bisa kita sisipkan atribut background yang berguna sebagai background halaman web,contoh :
  • <body bgcolor=”red”> atau <body bgcolor=”#FF0000”> =  memberi warna pada halaman web anda
  • <body background=”Gambar.jpg”> = memberi background gambar pada halaman web anda,jika anda ingin gambar anda terlihat dan tidak terjadi kesalahan buatlah semua pekerjaan anda dalam 1 folder

5. <a> … </a> = Membuat hyperlink/link
contoh :
  • <a href=”google.com”> Home </a> = jika anda klik home anda akan menuju halaman google
  • <a href=”latihanlain.html”> Home </a> = jika anda klik anda akan menuju halaman pada latihanlain.html

6. <img> = memasukan gambar pada halaman web anda
contoh :
  • <img src=”dian.jpg”> = perhatikan extensi pada image nya jika berextensi .gif jadi dian.gif tetapi jika jpeg jadi dian.jpg
  • <img src=”dian.jpg”  width=”50″ height=”50″ > = untuk width dan height ini untuk mengatur ukuran gambar

7. <font> … </font> = membuat tulisan pada halaman web
contoh atributnya :
<font size =”4″ color=”blue” face=”arial”> dianluffi.wordpress.com </font>
  • atribut size = ukuran tulisan
  • atribut color = warna pada tulisan
  • atribut face = jenis untuk tulisannya
  • lalu tutup dengan “</font>”
Atribut untuk font color

8. <big> … </big> = membuat tulisan menjadi besar

9. <small> … </small> = membuat tulisan menjadi kecil

10. <b> … </b> = membuat tulisan bercetak tebal / bold

11. <i> … </i> = membuat tulisan bercetak miring / italic

12. <u> …  </u> =membuat tulisan bergaris bawah / underlined

13.<hn>Judul paragraf</hn> ——>n = 1,2,3,4,5,6 (tingkat judul) = Untuk menuliskan judul suatu paragraf atau lebih dikenal sebagai heading
contoh :
<h1>dianluffi.wordpress.com</h1>

14. <p> … </p> = membuat paragraf
contoh :

15. <br> = tag untuk mengganti baris ,tag ini tidak perlu di tutup
contoh :

16. <tr> … </tr> = tag untuk membuat baris pada table

17. <td> … </td> = tag untuk membuat kolom/cell pada table
contoh penggunaan td dan tr :

18.<table> … </table> = untuk mebuat table
Pada tag table terdapat beberapa atribut yaitu :
<table border=”1”> … </table> = merupakan perintah utama dalam pembuatan tabel,pada script ini yang dimaksud dengan border itu adalah ketebalan untuk table nya yaitu table dengan ketebalan 1px,jika anda ganti 1 itu dengan 2 maka garis bordernya juga semakin tebal
<table border=”1″  valign=”top” align=”center”  width=”250″  height=”400″ bgcolor=”blue”> … </table>
  • align=”…” untuk mengatur tabel rata tengah, kanan, atau kiri
  • width=”…” untuk mengatur lebar tabel,bisa di isi dengan satuan pixel atau persen.
    Contoh:
    <table width=”80%”> atau <table width=”600”>
  • height=”…” untuk mengatur tinggi table
  • valign=”…” untuk mengatur perataan secara vertikal dari suatu cell.Seperti top, middle, dan bottom
  • bgcolor=”…” untuk mengatur warna background tabel,baris, atau cell
contoh :

19. <li> … </li> = Untuk menandai suatu item dari daftar (enumerasi), diawali dengan simbol ” • ” (bullet)  Kelompok item harus diapit oleh tag <ul> … </ul> dalam daftar bertingkat. Untuk menomori enumerasi dengan nomor urut (1,2,3), apitlah dengan tag <ol>… </ol>
contoh :
  • <sup> …. </sup> & <sub> … </sub> = Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.
contoh :

 
tag - tag combinasi :

1. Teks berwarna  berjalan dg background, jenis tulisan, tebal, miring, dan garis bawah
<marquee bgcolor=" COLOR " style="color: COLOR "><font size =”4″ color=”blue” face=”arial”><b><i><u><blink>  Selamat Datang </blink></u></i></b></font></marquee>
 2. Membuat table dengan simbol/bullet
 <li><table border=”1″  valign=”top” align=”center”  width=”250″  height=”400″ bgcolor=”blue”> … </table></li> 

Jumat, 06 April 2012

Undangan Reuni Keluargo




Bandar Lampung, 06 April 2012

Dumateng
Yth. keluargo ageng
Teng
Nggriyone

Assamu’alaikum Wr.Wb
Segala puji bagi gusti allah sing sampun melimpahken karunia dumateng kito sedanten, sholawat serta salam mugo-mugo tercurahken dumateng nabi muhammad saw.
kaleh niki kito mengundang saudara/i pada:
hari / tanggal  : 06 April 20112
acara             : reuni keluargo
jam                : 09.00
nggriyone       : teng griyo Bapak Sonny

Ageng harapan kito supoyo saudara/i saget rawuh memenuhi undangan kito. nginggil kehadiran kulo haturken maturnuwun.

Wassalamu’alaikum Wr.Wb

lebih lanjut teng niki

My Hobbbies that everyday I do it !

As you know that everyone has a different hobbies, such as drawing, singing, listening music, travelling and etc. So many kinds of hobby in this world. Like me, I have some hobbies.


My hobbies are singing, listening music, watching movie, playing game, reading comic, travelling and etc. But I prefer to listening music and singing it, because I feel relaxed after I do it and it is an easy thing to relive my boredom. I do my hobbies on my spare time.


Ok, finally. that is my story of my hobby.

Kamis, 09 Februari 2012

TRAGEDY OF TUGU TANI

In january 22, 2012 in that day a driver named Afriani Susanti had an accident that killed 9 people and 4 people were injuries, the victims were children ,adult even a pregnant women. That accident occured in Tugu Tani, MI Ridwan Rais street, Central Jakarta. She ride a Xenia car with police number  B 2479 XL.

Based on the result of urine test, she proved used narcotic with type methamphetamine. The family of victims were angry with her and they hope Afriani Susanti got the biggest punishment.

my opinion of this tragedy is "I hope she must get the biggest punishment because she has killing much people, and police should make this case is done. And she must responsibility to the victim and victim's family. And I hope that accident cann't be happen again with another people and we must carefully in drive."


Rabu, 11 Januari 2012

MY AUTOBIOGRAPHY

MASA BALITA 

Pada jumat siang yang cerah lahirlah seorang bayi perempuan yang lahir pada tanggal 18 oktober 1996 di Rumah Sakit A.Yani metro tepatnya pada pukul 11.00 dengan proses ceesar. Aku adalah anak pertama yang terlahir dari pasangan yang menikah pada tahun 1995, mereka adalah Sasono Hedy, B.Sc dan Dra. Hj. Dewi Septiana. Aku diberi nama oleh orangtuaku yaitu Winny Sabila Husna yang artinya "winny=singkatan dari nama orang tuaku" "Sabila Husna=jalan terbaik".

Aku sejak kecil sering dititipkan oleh orangtuaku kepada tetanggga dekat karena orangtuku akan bekerja. Aku mempunyai nama panggilan kecil yaitu ila. Aku mulai berjalan pada umur 1 tahun dan dalam proses berjalan itu aku sering jatuh saat belajar berjalan tetapi aku tidak menyerah untuk mencoba lagi dan lagi.

(saat aku berumur 2 bulan, bersama dengan mamaku)


(saat aku berumur 2 bulan, bersama nenekku)


(saat aku berumur 8 bulan)


(saat aku berumur 8 bulan, bersama mamaku)


(saat aku berumur satu tahun)


(saat aku berumur satu tahun, di pesta ulangtahunku yang pertama)


(saat aku berumur satu tahun, bersama nenek dan kakak sepupuku)




MASA ANAK-ANAK

Pada saya berumur 3,5 tahun saya di sekolahkan di taman kanak-kanak dekat rumahku yaitu TK Aisyiyah BA. Aku bersekolah di taman kanak-kanak selama 2 tahun dan setelah dua tahun aku di sekolahkan di sekolah dasar yaitu SD Muhammadiyah 1 Metro. Saat SD aku baru berumur 5,5 tahun.

Pada saat kelas 3 SD atau umur 9 tahun, ibuku melahirkan seorang anak laki-laki yang lahir pada tanggal 3 Juni 2004 tepatnya jam 15.00. Adikku ini di beri nama Irfan Abdullah Al-Faizy. Perasaanku senang pada saat itu karena aku mendapat teman baru di rumahku dan aku tidak sendirian.


(saat aku berumur 5 tahun)


(saat aku berumur 6 tahun)






MASA REMAJA

Setelah 6 tahun saya bersekolah di SD saya melanjutkan SMP ke SMP Negeri di Metro yaitu SMPN 4 Metro. Aku merasa nyaman dalam menerima pelajaran yang di berikan oleh ibu/bapak guru. Setelah 6 bulan berjalan maka dilaksanakan semester 1 pertama kali di SMP.Selama saya di SMP saya merasa senang dan nyaman. Dan pada akhir kelas 9 saya melaksanakan UN dengan lancar.

Setelah selesai UN saya melanjutkan sekolah ke tingkat yang lebih tinggi yaitu SMA. Awalnya saya bingung untuk memilih sekolah yang terbaik, dan sampai pada akhirnya saya memilih SMAN 2 B.Lampung yang terbaik.















ITULAH AUTOBIOGRAPHY SINGKAT DARI SAYA.