4 Komentar

DASAR – DASAR PEMROGRAMAN HTML

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.

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…………

About these ads

4 comments on “DASAR – DASAR PEMROGRAMAN HTML

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.