Minggu, 11 Desember 2011

bahasa HTML

Blog Entri

Merupakan bahasa dasar dalam pembuatan website
ini beberapa rumus yang sering di gunakan misalnya
<html>
<title>budi's site</title>
</html>i
rumus di atas berarti bahwa judul untuk halaman html kita bernama "budi's site"

<html>
<title>budi's site</title>
<body>
Selamat datang ini adalah latihan pertamaku menggunakan bahasa HTML
</body>
</html>

rumus di atas berarti selain halaman website berjudul "budi's site" di sana juga terdapat tulisan "Selamat datang ini adalah latihan pertamaku menggunakan bahasa HTML" yang merupakan isi dari halama website kita.

jika rumus di atas dimodifikasi menjadi
<body>
<u>selamat datang ini adalah latihan pertamaku menggunakan bahasa HTML</u>
</body>

makan tulisan diatas akan berisi garis bawah sampai dengan huruf "L" dari HTML
untuk menebalkan (bold) atau memiringkan (Italic) kalian bisa mengapit kalian yang ingin modifikasi denan rumus <b>"kalimat anda"</b> atau <i>"kalimat anda"</i>

untuk membuat background /latar belakang halaman menjadi warna yang kita inginkan misalnya warna biru kita bisa tambahkan di bagian <body> menjadi <body bgcolor=blue>

dan apabila kita ingin membuat foto kita tampil di halaman website kita maka bisa dibuat dengan cara
<body>
<img src="fotokita.jpg" >  // untuk foto biasanya memiliki ekstensi *jpg
</body>

untuk mengatur ukuran foto, bisa kita buat sebagai berikut;
<img src="fotokita.jpg" height=200 width=200 />

untuk mengatur posisi foto kita agar bisa rata kiri (left), rata kanan(right), tengah-tengah(center)
kita bisa menuliskan rumus sebagai berikut :
<div align=center><img src="fotokita.jpg" height=200 width=200 /></div>
maka foto akan berada posisi di tengah-tengah

untuk menampilkan video kita bisa menggunakan rumus <embed src="videokita.avi">>untuk video biasanya ekstensinya adalah *avi

untuk link/menghubungkan kehalaman website kita yang sudah kita buat kita bisa gunakan rumus <a href="file yang akan dilink/dihubungkan">"nama linknya"</a>
contoh.
          anda telah membuat latihan.html. kemudian anda sekarang ingin membuat latihan2.html. setelah selesai di buat anda ingin agar latihan.html yang mana didalamnya berisi tulisan next yang rencananya tulisan "next" tersebut apabila di klik maka akan menuju latihan2.html.
caranya buka latihan.html  di notepad kemudian tambahkan rumus di kata next menjadi
<a href=latihan2.html>next</a>

sekian yang bisa saja post mengenai bahasa html. yang mesti kalian ingat adalah untuk membuat rumusnya anda bisa membuatnya di notepad kemudia simpan file anda dengan menambahkan ekstensi *html contohnya. latihan1.html setelah itu carilah file anda tersebut dan klik file tersebut maka hasil rumus yang anda buat di notepad akan terlihat di halaman website anda.. untuk memodifikasi tampilannya anda bisa membuka kembali file tersebut ke notepad dan modifikasi rumusnya..

Selamat Mencoba semoga berhasil

Tidak ada komentar:

Posting Komentar