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.
<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
Tidak ada komentar:
Posting Komentar