rievky ardica blog

Icon

thinking smart….

Pemerogaman HTML

HTML singkatan dari HyperText Markup Language dimana merupakan format tampilan yang digunakan untuk menampilkan sebuah halaman website. HTML bekerja dengan merubah teks ASCII (*.txt) menjadi kode-kode/tag HTML (*.htm atau*.html).
Suatu format HTML dapat ditulis dalam beberapa pengolah kata seperti notepad, notepad++, wordpad dll.

contoh tag :

<HTML>
</HTML>

contoh diatas merupakan isi dokumen HTML.

Isi sesunggunya dari HTML ada pada tag <body>…</body>.

contoh tag :

<HTML>
<body>
disini adalah isi yang kita masukkan dalam html
</body>
</HTML>

setelah kita membuat tag-tag tersebut diatas tidak lupa kita harus menyimpannya dengan merubah *.txt menjadi *.htm pada menu save as type

pada tag <body>…</body> dapat diisi macam-macam atribut yang akan berpengaruh pada format/tampilan

contoh : <body background=”yellow” text=”red”>

tag diatas akan membuat halaman html kita dengan latar belakang warna kuning dan text berwarna merah.

<head>…</head> digunakan untuk mengapit macam-macam fungsi dan informasi dalam halaman web
<title>…</title> digunakan untuk memberikan judul pada halaman web tersebut.

kedua tag diatas diletakkan setelah tag <html>…</html> dan sebelum tag <body></body>.

beberapa tag-tag yang dapat diisi diantara/didalam tag <body></body>

<b></b> untuk membuat tulisan menjadi tebal
<i></i> untuk membuat tulisan menjadi miring
<u></u> untuk membuat tulisan bergaris bawah
<h1></h1> untuk membuat kepala tulisan/ukuran huruf terdapat dari h1   sampai h7
<br></br> untuk berganti baris
<p></p> untuk berganti paragraf
<blockquote></blockquote> untuk membuat semua baris lebih masuk ke dalam
<blink></blink> untuk membuat tulisan tampak berkedip
<s></s> untuk mencoret tulisan
<center></center> untuk meletakkan teks ditengah halaman
<hr></hr> untuk membuat garis horizontal

Variasi Font
tag <font></font>
1. Jenis Font = Face ==> <font face=”jenis”></font>
2. Ukuran Font = Size ==> <font size=”ukuran”></font>
3. Warna Font = Color ==> <font color=”warna”></font>
ketiga tag diatas dapat digabung menjadi satu lho..

<font face=”x” size=”x” color=”x”></font>

untuk mengubah font 1 halaman dapat kita gunakan <basefont> dimana ditempatkan antara <head></head>.

Definisi Daftar

definisi daftar digunakan untuk susunan paragraf yang selang seling

digunakan 3 tag
<dl></dl> ==> dimulai dan diakhirinya daftar difinisi
<dt> ==> paragraf normal (yang dijelaskan)
<dd> ==> paragraf agak masuk (yang menjelaskan)

Daftar item (bullet and numbering)
1. tak berurut (bullet) ==> <ul>
2. berurut (numbering) ==> <ol>

diantara <ul> atau <ol> harus ditandai dengan <li>…</li> setelah itu ditutup dengan </ul> atau </ol>

Membuat Link
kita gunakan tag <a href> dan </a>
contoh : <a href=”lokasitujuan.ekstensi”> Link </a>

Menyisipkan Image
<img src=”file_gambar.ekstensi”>

Membuat table
kita gunakan tag <table></table> ==> dimana menandai sebuah tabel
<tr></tr> ==> digunakan untuk menandai baris pada tabel
<td></td> ==> digunakan untuk menandai kolom pada tabel

fungsi-fungsi tambahan
cellspacing ==> digunakan utk mengatur jarak antar cell
cellpadding ==> digunakan utk mengatur jarak antara sel dan tulisan didalamnya
contoh :

<html>
<body>
<table>
<tr>
<td>ini kolom pertama dica</td>
<td>ini kolom kedua dica </td>
</tr>
</table>
</body>
</html>

sekian dulu tutorialnya kapan-kapan wak isi lagi…
to be continue…..


Filed under: komputer, pemrograman, tutorial, , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Share This Blog

Share |

dicahideto profil

Your Specification

IP

Test Your Speed

Test your Internet connection speed at Speedtest.net

Translate Language

           

Share This Blog…

Share |
%d bloggers like this: