Monday, September 16, 2013
DASAR – DASAR PEMROGRAMAN HTML
kali ini saya akan membahas artikel tentang Dasar –
dasar HTML artikel ini saya peruntukan bagi tingkat Pemula yang ingin
menambah Wawasan atau ingin belajar tentang Code HTML. di sini penulis
akan 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. Ok kita langsung saja ke TKP heheheehe…………
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.
<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
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
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
<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”>
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
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>
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…………
