Ricky's Blog

Blognya Ricky Kurniawan

HTML

Posted by Ricky Kurniawan on 20/03/2011


postingan kali ini saya akan menjelaskan apa itu html? serta 5 source code html

html?? apa itu html??HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Struktur Dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”).

Sebuah halaman web minimal mempunyai empat buah tag, yaitu :

1. <HTML> Sebagai tanda awal dokumen HTML.

2. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

3. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

4. <BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

kali ini saya akan memberi contoh 5 kode html:

1. Text berjalan dari atas ke bawah

source code: <marquee  behavior=”scroll” direction=”down”>isi textnya disini</marquee>

2.  Merubah warna tulisan

source code:

<HTML><BODY>

<FONT COLOR=”blue”>Tulisan warna biru</FONT>, <FONT COLOR=”red”>

Tulisan warna merah</FONT>

</BODY></HTML>

hasil:

Tulisan warna biru,

Tulisan warna merah,

3.  memakai check box dan menggunnakan check all

Source code:

<HEAD>

<!– Begin

var checkflag = “false”;

function check(field) {

if (checkflag == “false”) {

for (i = 0; i < field.length; i++) {

field[i].checked = true;}

checkflag = “true”;

return “Uncheck All”; }

else {

for (i = 0; i < field.length; i++) {

field[i].checked = false; }

checkflag = “false”;

return “Check All”; }

}

//  End –>

</script>

</HEAD>

<!– CONTINUE  –>

<BODY>

<center>

<form name=myform action=”” method=post>

<table>

<tr><td>

<b>Pilih bahasa pemrograman</b><br>

<input type=checkbox name=list value=”1″>Java<br>

<input type=checkbox name=list value=”2″>JavaScript<br>

<input type=checkbox name=list value=”3″>ASP<br>

<input type=checkbox name=list value=”4″>HTML<br>

<input type=checkbox name=list value=”5″>SQL<br>

<br>

<input type=button value=”Check All” onClick=”this.value=check(this.form.list)”>

</td></tr>

</table>

</form>

</center>

hasil:

4.  menaruh gambar

Source code:

<img src=” https://rickykurn.files.wordpress.com/2010/12/bendera_indonesia.png” width=”225″ height=”151″ alt=”Indonesia” />
hasil:

Catatan: yang di tebalkan adalah tempat anda mengambil gambar/web gambar anda.

5. Membuat tabel

Source code:

<table border=”1″ cellpadding=”5″ cellspacing=”5″ width=”100%”>

<tr>

<td width=”20%”>table 1</td><td>table 2</td>

</tr>

</table>

Hasil:

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

 
%d bloggers like this: