Jumat, 12 Oktober 2012

bahasa HTML


Bahasa HTML Merupakan bahasa dasar dalam pembuatan website

Beberapa tag-tag html :
<a href>     Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>     Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>     Sebagai awal dari Java applets
<area>     Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>     Membuat teks tebal
<basefont>     Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>     Memberi (suara latar) background sound pada halaman web
<big>     Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>     Membuat teks berkedip
<body>     Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>     Pindah baris
<caption>     Membuat caption pada tabel
<center>     Untuk perataan tengah terhadap teks atau gambar
<comment>     Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>     Indents teks
<div>     Represents different sections of text.
<embed>     Menambahkan sound or file avi ke halaman web
<fn>     Seperti tag <a name>
<font>     Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>     Mendefinisikan input form
<frame>     Mendefinisikan frame
<frameset>     Mendefinisikan attribut halaman yang akan menggunakan frame
<head>     Mendefinisikan head document.
<hr>     Membuat garis horizontal
<html>     Bararti dokumen html
<i>     Membuat teks miring
<img>     Image, imagemap atau an animation
<input>     Mendefinisikan input field pada form
<li>     Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>     Mendefinisikan client-side map
<marquee>     Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr>     Mencegah ganti baris pada teks atau images
<noframes>     Jika browser user tidak mendukung frame
<ol>     Mendefinisikan awal dan akhir list
<p>     Ganti paragraf
<pre>     Membuat teks dengan ukuran huruf yg sama
<script>     Mendefinisikan awal script
<table>     Membuat tabel
<td>     Kolom pada tabel
<title>     Mendefinisikan title
<tr>     Baris pada tabel
<u>     Membuat teks bergaris bawah

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.

Tidak ada komentar:

Posting Komentar