Pages

Subscribe:

Labels

Blogroll

New Block

Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Jumat, 09 Januari 2015

Kalkulator HTML

<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text"   NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE="  c  " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt"  VALUE="  =  " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div"   VALUE="  /  " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>
More√
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
Diposting oleh Mrzames di 18.07 0 komentar
Label:

Belajar HTML Pemula

<html>
<head>
</head>
<title>
Belajar HTML
</title>
<body background=wallpaper.jpg>
<marquee direction><font size=50

color=yellow>Selamat Datang di WEB

HTML</font></marquee direction>
<img src=mascot.gif>
<blink><font

color=white><h1><p>Perkenalkan BIODATAKU:

<p></blink>
<h2>Nama : Sumanto <p>
Kelas : 9.10       <p>
Tempat/tanggal Lahir : Bumi / 1 Januari

2020  <p>
Alamat : Jl. Tiada Ujung       <p>
Nomor HP : 0888 8888 8888   <p>
Email :   <p>
</h2>

</body>
</html>
More√
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
Diposting oleh Mrzames di 17.35 0 komentar
Label:

Senin, 26 Agustus 2013

Tutorial HTMl ke-1

<html>
<head>
</head>
<title> Tutorial HTML </title>
<body bgcolor=yellow>
<font color=blue type=arial><center><h1><blink>Selamat

Datang di Halaman Web Kami

<br></h1></center></blink></font>
<font color=purple>Belajar HTML Dasar<br></font>
<b> Nama : Andi Pangestu</b><br>
<i> Kelas : 7-10 </i><br>
<u> Alamat : Jl. Gang Buntu</u><br>
<s> email : Andi@gmail.com</s>
<marquee direction scrollamount="200"
><img src="http://img.timeinc.net/time/photoessays/2010/ipad_launch/ipad_01.jpg"/></marquee direction>

<br>
Kotak Komentar<br>
<textarea name="" cols="50" rows="5">
</body>
</html>

More√
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
Diposting oleh Mrzames di 01.22 0 komentar
Label:

Minggu, 25 Agustus 2013

Kode HTML Membuat Tabel

Table Example

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 
 
How the HTML code above looks in a browser:
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

HTML Tables and the Border Attribute

If you do not specify a border attribute, the table will be displayed without borders. Sometimes this can be useful, but most of the time, we want the borders to show.
To display a table with borders, specify the border attribute:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

HTML Table Headers

Header information in a table are defined with the <th> tag.
All major browsers display the text in the <th> element as bold and centered.

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 
 
How the HTML code above looks in your browser:
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
More√
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
Diposting oleh Mrzames di 22.57 0 komentar
Label:

Kumpulan Kode Html Dasar

1. Membuat space

2. Membuat Baris Baru

3. Membuat paragraf baru

4. Membuat Garis Biasa


Hasilnya :
5. Membuat Garis berwarna


Hasilnya :
6. Membuat textarea kosong


Hasilnya :
7. Membuat textarea temapat copy


Hasilnya :

Ket :
cols = adalah panjang textarea
rows = adalah lebar textarea
dan ubah panjang lebar textarea sesuka kalian
8. Membuat teks tebal


Hasilnya :
teks tebal
9. Membuat teks miring


Hasilnya :
teks
10. Membuat teks garis bawah


Hasilnya :
teks garis bawah
11. Membuat teks subskript


Hasilnya :
H2
12. Membuat teks superskript


Hasilnya :
17thn
13. Membuat teks berkedip


Hasilnya :
teks berkedip
14. Membuat teks kecil


Hasilnya :
teks kecil
15. Membuat teks sedang


Hasilnya :
teks sedang
16. Membuat teks besar


Hasilnya :
teks besar
17. Mengubah jenis huruf teks


Hasilnya :
jenis huruf
18. Mengubah ukuran teks


Hasilnya :
ukuran teks
19. Membuat teks rata tengah


Hasilnya :
rata tengah
20. Membuat teks rata kanan


Hasilnya :
rata kanan
21. Membuat teks rata kiri


Hasilnya :
rata kiri
22. Membuat teks berwarna


Hasilnya :
teks berwarna

Ket :
#ff0000 = kode warna
NB :Ganti kode warna sesuka kalian dan untuk mengetahui kode warna klik disini dan disini
23. Membuat teks efek stabilo


Hasilnya :
efek stabilo
24. Membuat teks efek stabilo dengan teks berwarna


Hasilnya :
efek stabilo teks berwana
Ket :
background:#0000ff = warna efek stabilo
color:#ff0000 = warna teks
25. Membuat warna background halaman


Hasilnya :
background
26. Membuat warna background dan teks berwana


Hasilnya :
background teks berwarna
27. Membuat background halaman dgn foto


Hasilnya :
"wink;color:#ff0000;">background halaman
28. Menampilkan gambar


Contoh :
<img src="http://herianto.mwb.im/files/tukarlink.png"/>
Hasilnya :
tukarlink.png
29. Membuat link teks


Contoh :
<a href="http://m.facebook.com">facebook</a>
Hasilnya :
facebook
30. Membuat link gambar


Contoh :
<a href="http://m.facebook.com"><img src="http://herianto.mwb.im/files/facebook.png"/></a>
More√
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
Diposting oleh Mrzames di 22.54 0 komentar
Label:

Kode Warna HTML


More√
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
Diposting oleh Mrzames di 22.53 0 komentar
Label:
Langganan: Postingan (Atom)