Sabtu, 18 Mei 2013

DASAR – DASAR PEMROGRAMAN HTML



Kali ini kita akan membahas artikel tentang dasar – dasar  HTML artikel ini  diperuntukan bagi tingkat pemula yang ingin menambah wawasan atau ingin belajar tentang Code  HTML. Di sini saya akan coba menjelaskan bagaimana website di bangun menggunakan tag-tag HTML. Namun ada banyak hal yang harus kalian pahami yaitu mengenai sintak – sintak pada penggunaan code HTML tersebut, maka dari itu penulis ingin membagikan sedikit ilmu yang penulis ketahui tentang sintak – sintak tersebut.
Example :
<br> Hallo Word !! </ br >
nah ini adalah sedikit contoh penggunaan tag HTML . Dibawah ini adalah tag tag HTML yang Sering di pakai, konsep penggunaanya sama seperti di atas dimulai dengan <> dan akan di akhiri dengan </>
<br>……………….</br> ( buat break )
<p>………………..</p> ( buat paragraf )
<pre>………………</pre> ( buat membuat tulisan apa adanya )
<Left>……………</Left> ( Rata Kiri )
<center>……………</center> ( Rata Tengah )                                    <Right>……………</Right> ( Rata Kanan )
<HR size=x>              : Menentukan tebal garis
<HR widht=x>          : Menentukan lebar garis dalam ukuran pixel
<HR widht=x%>       : Menentukan lebar garis sebesar x% dari lebar monitor
<HR align=nilai>      : Menentukan posisi garis.Nilai align adalah                                                                         right,left,atau center
<HR noshade>           : Menghilangkan bentuk 3D dari garis.
example    : <HR size=3 align=center widht=50%>
HEADING
example    : <H1>………….</H2>
<strong>…….</strong>    : Menebalkan teks
<em>………..</em>             : Menbuat teks miring
<cite>………</cite>             : Membuat teks miring
<code>……</code>            : Membuat teks monospace
<sup>…….</sup>                : membuat tulisan lebih tinggi dari isi teks lainya
<sub>…….</sub>                : membuat tulisan lebih rendah dari isi teks lainya
FONT
Example    : <font size=x>isi teks</font>    :Memiliki aturan dari ukuran nilai 1 sampai 7.
JENIS FONT
Digunakan bila kita ingin memakai jenis font tertentu dalam tulisan di dokumen HTML.
misalnya kita ingin menggunakan font  Harlow Solid Italic.
Example    : <font Face =Harlow Solid Italic>isi teks</font>
 WARNA FONT
Example :    <Font color=”red”>Saya Itu Lucu dan Imut</font>
Warna yang bisa di gunakan    :
>  Aqua            > Navy       > dan banyak lagi.
> Black            > Olive
> Blue              > Purple
> Funchsia      > Red
> Gray            > Silver
> Green           > Teal
> Lime            > Yellow
> Maroon         > White
Penggunaan font bisa digabungkan,lihat contoh berikut :
<font color= green face=arial size=4> Isi Teks </font>
untuk baground color :
example        :  <body bgcolor=”#6600CC”>
<body background=”cabg007.jpg”> :untuk body background
MEMASUKKAN GAMBAR
format gambar yang ditampilkan adalah yang bertipe(.jpg,.jpeg),GIF(.gif),bitmap(.bmp)
cntoh:(garpu.jpeg),(garpu.jpg),(cincin.gif),(mobil.bmp)
Jadi kalau ada gambar dengan format selain di atas harus dikonversikan menjadi salah
satu tipe diatas sesuai dgan kebutuhan.
MEMASUKKAN GAMBAR PADA WEB PAGE
Untuk memasukan gambar dalam web page digunakan perintah dengan
> sintaks:<img src=”nama_file”>
> example : <img src=”cincin.jpg”>
PERINTAH LETAK TEKS TERHADAP GAMBAR
Gambar yang disisipkan pada web page dapat di atur letaknya terhadap teks supaya
letak teks proposional trhadap gambar.
PERINTAH UNTUK MENGATUR LETAK TEKS TERHADAP GAMBAR:
<img src=”gambar.jpg”align=right|left|bottom|Top|middle|center>
> Untuk posisi lainya bisa dimasukkan nilai align=baseline|absbottom|tekstop
example : <img src=”mobil.jpg” align=right>
MENGUBAH UKURAN GAMBAR
Ada kalanya,gambar yang kita masukan terlalu besar ukuranya,untuk itu ada perintah
yang memungkinkan kita untuk mengubah ukuran gambar sesuai dengan yg kita inginkan
>Perintah untuk mengubah ukuran gambar:
sintaks:<img src=”nama_file” widh=x height=y>
contoh :<img src=”bola” widh=100 height=50>
Ok Cukup sekian Penjelasan dari saya,nanti kita akan lanjutkan ke pembuatan web menggunakan HTML, dan jangan lupa Commentnya ya hehehehe…………
http://satyainform.wordpress.com/2012/02/06/tutorial-html-2/

Tidak ada komentar:

Poskan Komentar