Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

5/28/09

A siMpLe JavaScripT

kaLi ini saya mendapat TuGas dari pak Welly..guRu TI saya..

Kali ini tentang JavaScript..

yooOO..
Langsung z nIe ScRiptnya....

Yang perTama nie..



<script language="javascript">
var a=12;
var b=4;
function pd2(b) {
var a=b*2;
return a;}
document.write("Dua kali dari ",b," adalah ",pd2(b));
document.write("Nilai dari a adalah", a);
</script>



tarrRRaa....nie hasilnya..




Yang kedua Nie..


<script language="javascript">
var a=12;
var b=4;
function pd2(b) {
a=b*2;
return a;}
document.write("Dua kali dari ",b," adalah ",pd2(b));
document.write("Nilai dari a adalah", a);
</script>



Dan iNi..sKrinSyuuUUtnya..


Selengkapnya..

Posted by dion dr's blog at 10:54 AM 0 comments  

Labels: , , , ,

Posts Relacionados

5/13/09

Membuat CaLculator dengan JavaScript

Kali ini ada tugas pemrogaman web baru "rasa" java scrpit....:)

YuP mBuat CaLculator dengan Java Script (gag Pake' baterai....?!Hehe..:D)

Nie SkrinSYutnya..



dan ini SCRipTnya..




<html>

<head>
<title>JS - Calculator</title>

<script language="Javascript">
<!--
/* Variable */
var plussign = ' + ';
var minussign = ' - ';
var multiplysign = ' * ';
var dividesign = ' / ';
var decimalsign = ' . ';
var negativesign = ' -';
var leftbracket = ' (';
var rightbracket = ') ';
var rad = 3.141592654 / 180;
var base_10 = Math.LN10;
var base_2 = Math.LN10;

/* Yup...Mulai */
function calculate(arg) {
arg.expr.value = eval(arg.expr.value)
}

function enter(arg, string) {
arg.expr.value += string
}

function clear_display(arg) {
arg.expr.value = ' '
}

function calc_sqrt(form) {
form.expr.value = (Math.sqrt(form.expr.value))
}

function calc_sqr(form) {
form.expr.value = ((form.expr.value * 1) * (form.expr.value * 1))
}

function sin_form(form) {
form.expr.value = (Math.sin (form.expr.value * rad))
}

function cos_form(form) {
form.expr.value = (Math.cos (form.expr.value * rad))
}

function tan_form(form) {
form.expr.value = (Math.tan(form.expr.value * rad))
}

function inverse(form) {
form.expr.value = ( 1 / (form.expr.value))
}

function base10_log(form) {
form.expr.value = (Math.log(form.expr.value) / base_10)
}

function base2_log(form) {
form.expr.value = (Math.log(form.expr.value) / base_2)
}
//-->
</script>

</head>

<body>
<p align="center"><big><big>JavaScript - Calculator SMANEKA</big></big></p>
<form>
<!-- Rechner Beginn -->
<table border="0" width="100" bgcolor="#CCCCCC" align="center">
<tr>
<td width="100%" colspan="5"><input type="text" name="expr" size="35"
action="calculate(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" sin " Onclick="sin_form(this.form)"></td>
<td width="20%"><input type="button" value=" cos " OnClick="cos_form(this.form)"></td>
<td width="20%"><input type="button" value=" tan " Onclick="tan_form(this.form)"></td>
<td width="20%"><input type="button" value="log10e" onClick="base10_log(this.form)"></td>
<td width="20%"><input type="button" value=" log2e " OnClick="base2_log(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" Sqrt " Onclick="calc_sqrt(this.form)"></td>
<td width="20%"><input type="button" value=" Sqr " OnClick="calc_sqr(this.form)"></td>
<td width="20%"><input type="button" value=" ( " OnClick="enter(this.form,
leftbracket)"></td>
<td width="20%"><input type="button" value=" ) " OnClick="enter(this.form,
rightbracket)"></td>
<td width="20%"><input type="button" value=" 1 / X " OnClick="inverse(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 7 " onClick="enter(this.form, 7)"></td>
<td width="20%"><input type="button" value=" 8 " onClick="enter(this.form, 8)"></td>
<td width="20%"><input type="button" value=" 9 " onClick="enter(this.form, 9)"></td>
<td width="40%" colspan="2"><input type="button" value=" C " onClick="clear_display(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 4 " onClick="enter(this.form, 4)"></td>
<td width="20%"><input type="button" value=" 5 " onClick="enter(this.form, 5)"></td>
<td width="20%"><input type="button" value=" 6 " onClick="enter(this.form, 6)"></td>
<td width="20%"><input type="button" value=" * " onClick="enter(this.form,
multiplysign)"> </td>
<td width="20%"> <input type="button" value=" / " onClick="enter(this.form,
dividesign)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 1 " onclick="enter(this.form, 1)"></td>
<td width="20%"><input type="button" value=" 2 " onclick="enter(this.form, 2)"></td>
<td width="20%"><input type="button" value=" 3 " onclick="enter(this.form, 3)"></td>
<td width="20%"><input type="button" value=" + " onClick="enter(this.form,
plussign)"> </td>
<td width="20%"> <input type="button" value=" - " onClick="enter(this.form,
minussign)">
</td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 0 " onClick="enter(this.form, 0)"></td>
<td width="20%"><input type="button" value=" . " onClick="enter(this.form,
decimalsign)"></td>
<td width="20%"><input type="button" value=" neg " onClick="enter(this.form,
negativesign)"></td>
<td width="40%" colspan="2"><input type="button" value=" = " onClick="calculate(this.form)"></td>
</tr>
</table>
<!-- Bisa... -->
</form>
</body>

</html>



UpZs.....
ada perTanyaAnnya juga nie....
Eh JawaBannya juga..hoho..^^

1. Apa nama title skrip javascript tersebut ?
TitLenya : JS - Calculator

2. ekstensi file Skrip tersebut disimpan dengan file ber-ekstensi jenis ?
Skrip tersebut disimpan dengan file berekstensi jenis HTML (*.html/*.htm

3. berapa jumlah variabel yang didefinisikan dalam file tersebut !
Jumlan variabelnya ada 11.

4. Berapa jumlah fungsi yang ada didalam skrip tersebut !
Jumlah fungsinya ada 11.

5. Tuliskan nama semua variabel skrip javascript tersebut ?

var plussign = ' + ';
var minussign = ' - ';
var multiplysign = ' * ';
var dividesign = ' / ';
var decimalsign = ' . ';
var negativesign = ' -';
var leftbracket = ' (';
var rightbracket = ') ';
var rad = 3.141592654 / 180;
var base_10 = Math.LN10;
var base_2 = Math.LN10;


6. Tuliskan nama semua fungsi skrip tersebut ?

function calculate(arg)

function enter(arg, string)

function clear_display(arg)

function calc_sqrt(form)

function calc_sqr(form)

function sin_form(form)

function cos_form(form)

function tan_form(form)

function inverse(form)

function base10_log(form)

function base2_log(form)


7. Tuliskan skrip untuk membuat tampilan display pada skrip tersebut !

<input type="text" name="expr" size="35"
action="calculate(this.form)">


8. Tuliskan skrip untuk membuat 1 tombol !

<input type="button" value=" sin " Onclick="sin_form(this.form)">


9. Tuliskan fungsi jika tombol = ditekan oleh mouse !
<input type="button" value=" = " onClick="calculate(this.form)">

10. Tuliskan skrip untuk membersihkan display !
<input type="button" value=" C " onClick="clear_display(this.form)">

function clear_display(arg) {
arg.expr.value = ' '
}


Selengkapnya..

Posted by dion dr's blog at 1:57 PM 0 comments  

Labels: , , , ,

Posts Relacionados

4/16/09

Form ValiDation

"Soory, still uNder Construction"
He....:)


<html>
<body>

<script language="JavaScript">

function chkuname()
{
uname=new String();
uname=document.regis.uname.value
if ( uname.length == 0 )
{
alert ("Enter a User Name");
}
else
{
chkupass()
}
}

function chkupass()
{
upass=new String();
upass=document.regis.upass.value
if (upass.length < 5)
{
alert ("Password Must be atleast 6 Chars");
}
else
{
chkname()
}
}

function chkname()
{
var ch=0;
name=new String();
name=document.regis.name.value;

if (name.length==0)
alert ("Enter your Name")
else
{
u=0;
for (i=0;i<name.length;i++)
{
if ((name.charCodeAt(i) >= 64 && name.charCodeAt(i) <= 90)||(name.charCodeAt(i) >= 97 && name.charCodeAt(i) <= 122)||(name.charCodeAt(i)==46)||(name.charCodeAt(i)==32))
{
}
else
{
u=u+1;
}
}
if (u>0)
{
alert ("Invalid Name");
}
else
{
chkdob()
}
}
}

function chkdob()
{
dob=new String();

dob=document.regis.dob.value
if (dob.length!=10)
alert ("Invalid Date")
else
{
if (dob.charAt(2)!="/" && dob.charAt(5)!="/")
alert ("Invalid Date Format")
else
tempstr=dob.split("/")
dd=tempstr[0]
mm=tempstr[1]
yy=tempstr[2]
if (dd>=1 && dd<=31 && mm>=1 && mm<=12 && yy>=1900 && yy<=2004 )
{
chkemail()
}
else
alert ("Enter Valid date")
}
}

function chkemail()
{
mail=new String();
mail=document.regis.email.value

if (mail.length<1)
alert("Please enter e-mail address.");
else
{
at_pos=mail.indexOf("@")
dot_pos=mail.indexOf(".")
if(at_pos<1 || dot_pos<1)
alert("Missing '@' and '.' in email address.")

else
{
u=0;
p=0;
for(var i=0;i<mail.length;i++)
{
if ((mail.charCodeAt(i) >= 64 && mail.charCodeAt(i) <= 90)||(mail.charCodeAt(i) >= 97 && mail.charCodeAt(i) <= 122)||(mail.charCodeAt(i) >= 48 && mail.charCodeAt(i) <= 57)||(mail.charCodeAt(i)==95)||(mail.charCodeAt(i)==46))
{
if(mail.charAt(i)=="@")
p=p+1
}
else
{
u=u+1
}
}
if (p>1)
alert ("Email must have only one '@'")
if (u>0)
alert ("Special Characters are not allowed")
}
}
}

</script>

<form name="regis">
User Name : <input type="text" name="uname" size="20">
<br>
Password : <input type="password" name="upass" size="20">
<br>
Name : <input type="text" name="name" size="20">
<br>
DOB (DD/MM/YYYY): <input type="text" name="dob" size="8">
<br>
Email : <input type="text" name="email" size="20">
<br>
<input type="button" value="Submit" onclick="chkuname()" name="sub">
</form>
</body>
</html>


Selengkapnya..

Posted by dion dr's blog at 11:08 AM 0 comments  

Labels: , , ,

Posts Relacionados

4/2/09

Soal dan Jawaban Soal UTS

nie DIa soAl-soal n Jwaban dari UTS..



1. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah:
PHP

2. Pemrograman dengan skrip PHP berjalan pada komputer :
Server

3. Dibawah ini Bahasa Pemrograman yang mempunyai licence copyright dan harus membelinya adalah :
ASP

< FRAMESET ROWS="90,*" border=1>
< FRAME SRC="judul.html" SCROLLING=NO NORESIZE>
< FRAMESET COLS="160,*,100">
< FRAME SRC="menu.html" NORESIZE>
< FRAME SRC="prakata.html" NAME="FRAME-3">
< FRAME SRC="menu4.html" NAME="FRAME-4">
</FRAMESET>
</FRAMESET>

4. Dari script diatas Berapa jumlah frame yang dibuat :
4 Frame

5. Masih dari skrip diatas, Frame yang digunakan sebagai halaman inti untuk isi website adalah :
FRAME-3

<body background="bg2.jpg">
<font size=7>Entry Data Siswa</font>
Ketik data-data siswa dibawah ini :<br />
<form id="form1? name="form1? method="post" action="isisiswa.php">
<table><tr><td>Nama Siswa</td><td><input type="text" name="nama" id="nama" /></td></tr>
<tr><td>Nomor Induk</td><td><input type="text" name="induk" id="induk" /></td></tr>
<tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr>
</table>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>
</html>

6. Perhatikan skrip diatas :
Skrip diatas bertugas untuk melakukan operasi :
Entery

7. Tetap dari skrip diatas hasil dari skrip tersebut akan ditangani oleh file :
isisiswa.php

<html>
<body>
<?php
$nama = $_POST['nama'];
$induk = $_POST['induk'];
$kelas = $_POST['kelas'];
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);
$sqlText = "insert into siswa(nama, induk, kelas)
values('$nama','$induk','$kelas')";
mysql_query($sqlText);
?>Data telah dimasukkan dalam database<br />
</body>
</html>

8. Perhatikan skrip diatas, skrip diatas bertugas untuk melakukan operasi :
Adding

9. Masih dari skrip diatas, nama database dan tabel yang dimaksud skrip tersebut adalah :
latihan, siswa

10. Tag HTML untuk membuat link adalah:
< a href=”linKnya_pakde”></a >

11. HTML singkatan dari:
Hyper Text Markup Language

12. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
border-color

13. Tag HTML yang menandakan kita menggunakan Javascript adalah
< script language="javascript" > < /script >

14. Apa guna function dalam Javascript
Menggabungkan beberapa perintah

15. Tag yang digunakan untuk ganti baris
< br >

16. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
< script src="SCriptNya_paKde.js" > < /script >

17. Tag yang digunakan untuk membuat paragraf adalah
< p >

18. Pasangan tag digunakan untuk
Mendefinisikan style sheet

19. Tag HTML untuk menampilkan gambar adalah
< img src="gamBarnya_PakDe.jpg" >

20. Untuk membuat judul tabel digunakan tag
< th >


Selengkapnya..

Posted by dion dr's blog at 9:45 AM 0 comments  

Labels: , , , , , ,

Posts Relacionados

3/5/09

Entry Siswa PHP "Order By Induk"


Nah, kalau sebelumnya dah "Membuat Aplikasi Data Siswa dengan PHP", sekarang masih agak sama. Yang membedakan adalah nomor induknya di urutkan (otomatis urut dari kecil ke besar) dengan sedikit perubahan pada lihatsiswa.php. Berikut ini screen shot beserta scripnya.




Untuk script enterysiswa.php tetap :


<html>

<body background="bg2.jpg">

<font size=16>Entry Data Siswa</font>
<br />
<hr>
Ketik data-data siswa dibawah ini :<br />
<br />
<br />
<form id="form1? name="form1? method="post" action="isisiswa.php">
<table>
<tr><td>Nama Siswa</td><td><input type="text" name="nama" id="nama" /></td></tr>

<tr><td>Nomor Induk</td><td><input type="text" name="induk" id="induk" /></td></tr>

<tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr>

</table>
<br />
<br />

<hr>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>

</html>




Untuk isi.php juga tetap :


<html>
<head>
<title>Input Data dari Form ke MySQL</title>
</head>

<body>
<?php
$nama = $_POST['nama'];
$induk = $_POST['induk'];
$kelas = $_POST['kelas'];

$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "insert into siswa(nama, induk, kelas)
values('$nama','$induk','$kelas')";
mysql_query($sqlText);


?>Data telah dimasukkan dalam database<br />
</body>
</html>





Nah ini yang dirubah dari lihatsiswa.php


<html>
<body background="bg1.jpg">
<br>

<font size="5" ><center>DAFTAR SISWA</center><br />
</font>
<?php
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "select * from siswa order by induk";
$result = mysql_query($sqlText);
echo "<table border=1 align=center >";
echo "<tr><td width=150><b><center>Nama Siswa</center></b></td>
<td width=150><b><center>Nomor Induk</center></b></td></b>
<td width=150><b><center>Kelas</center></b></td></b></tr>";

while($row=mysql_fetch_object($result))
{
echo "<tr><td>$row->nama</td><td align=center>$row->induk</td><td align=center>$row->kelas</td></tr>";
}

echo "</table>";
?>
</body>
</html>



Nah ini yang berubah
$sqlText = "select * from siswa order by induk";

Sebelumnya hanya
$sqlText = "select * from siswa";

Semoga bermanfaat!
Selengkapnya..

Posted by dion dr's blog at 10:41 AM 0 comments  

Labels: , , , , ,

Posts Relacionados

3/2/09

ScreenShotnya Program Sistem Informasi Sekolah

Setelah selesai posting script bwat data siswa pake PHP. Nie ada screenshot Program Sistem Informasi Sekolah buat tugas TI di sekolahq....






























Selengkapnya..

Posted by dion dr's blog at 1:53 PM 3 comments  

Labels: , , ,

Posts Relacionados

Membuat Aplikasi Data Siswa dengan PHP

pHew,,,, Akhirnya….!!!! Setelah berjuang sedemikian sehingga, keringat kering bercucuran (lho?!) darah bertetesan, panas terik kulewati, hujan badai kuterjang, halah! :p

Oke….Oks…. tugas baru dari pahlawan tanpa tanda jasa (bilang z guru, he…. :) ) membuat data siswa, sbenernya sih ga’ membuat, tapi oleh guru saya diberi script php. Namun, walaupun hanay diberi, saya harus bersusah payah untuk mencoba dan terus mencoba………… dan akhirnya berhasil juga (semoga saja keterangan di bawah nie benar, Amien…….). Nie dia :


Yang pertama, buat database latihan terus buat tabel siswa sbb :

siswa:int(11):auto_increment:primary
nama:varchar(7)
induk:varchar(5)
kelas:varchar(7)

field siswa gunanya untuk memberikan primary key pada setiap record
field nama untuk menyimpan nama, menggunakan string dengan maksimal 7 karakter.
field induk untuk menyimpan nama, menggunakan string dengan maksimal 5 karakter.
field induk untuk menyimpan nama, menggunakan string dengan maksimal 7 karakter.



Data siswa ini terdiri dari tiga bagian yaitu:
1. entrysiswa.php
2. isisiswa.php
3. lihatsiswa.php

Script untuk entrysiswa.php adalah sebagai berikut :


<html>

<body background="bg2.jpg">

<font size=16>Entry Data Siswa</font>
<br />
<hr>
Ketik data-data siswa dibawah ini :<br />
<br />
<br />
<form id="form1? name="form1? method="post" action="isisiswa.php">
<table>
<tr><td>Nama Siswa</td><td><input type="text" name="nama" id="nama" /></td></tr>

<tr><td>Nomor Induk</td><td><input type="text" name="induk" id="induk" /></td></tr>

<tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr>

</table>
<br />
<br />

<hr>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>

</html>






<body background="bg2.jpg">
Merupakan tambahan untuk background natinya yang bisa Anda ganti seseuai keinginan Anda.



untuk isisiswa.php scrpitnya sebagai berikut….


<html>
<head>
<title>Input Data dari Form ke MySQL</title>
</head>

<body>
<?php
$nama = $_POST['nama'];
$induk = $_POST['induk'];
$kelas = $_POST['kelas'];

$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "insert into siswa(nama, induk, kelas)
values('$nama','$induk','$kelas')";
mysql_query($sqlText);


?>Data telah dimasukkan dalam database<br />
</body>
</html>





Sedangkan untuk lihatsiswa.php nie scriptNa


<html>
<body background="bg1.jpg">
<br>

<font size="5" ><center>DAFTAR SISWA</center><br />
</font>
<?php
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);

$sqlText = "select * from siswa";
$result = mysql_query($sqlText);
echo "<table border=1 align=center >";
echo "<tr><td width=150><b><center>Nama Siswa</center></b></td>
<td width=150><b><center>Nomor Induk</center></b></td></b>
<td width=150><b><center>Kelas</center></b></td></b></tr>";

while($row=mysql_fetch_object($result))
{
echo "<tr><td>$row->nama</td><td align=center>$row->induk</td><td align=center>$row->kelas</td></tr>";
}

echo "</table>";
?>
</body>
</html>





<body background="bg1.jpg"> juag diganakan untuk memneri background pada ‘bodynya’ yang dapat Anda modifikasi.



Mungkin itu saja dulu yang dapat saya berikan untuk Anda saat ini. Tinggalkan kometar agar tulisan ini dapat berkembang, semoga bermanfaat bagi Anda semua…..



Selengkapnya..

Posted by dion dr's blog at 1:38 PM 2 comments  

Labels: , , ,

Posts Relacionados

2/19/09

Contoh Mudah HTML

Nie ada sedikit script bwat editing Html (sbenernya nie tugas dari guru TI-q, ho…..)


Yang Pertama



Yang ini tidak tebal<br>

<b>Yang ini tebal</b><br>

<strong>Yang ini tebal juga</strong>

<br>

<hr>



Hasilnya gini….


Yang ini tidak tebal

Yang ini tebal

Yang ini tebal juga














Yang Kedua

<br>

<font size="1">Ukuran satu</font><br>

<font size="2">Ukuran dua</font><br>

<font size="3">Ukuran tiga</font><br>

<font size="4">Ukuran empat</font><br>

<font size="5">Ukuran lima</font><br>

<font size="6">Ukuran enam</font><br>

<font size="7">Ukuran tujuh</font>

<br>

<hr>


Hasilnya gini….




Ukuran satu

Ukuran dua

Ukuran tiga

Ukuran empat

Ukuran lima

Ukuran enam

Ukuran tujuh






Yang Ketiga

<br>

<font color="blue">Berwarna biru</font><br>

<font color="red">Berwarna merah</font><br>

<font color="#ff0000">Merah juga</font>

<br>

<hr>




Hasilnya gini….




Berwarna biru

Berwarna merah

Merah juga













Yang Keempat

<br>

<table border="1">

<tr>

<td>1. Isi pertama</td>

<td>2. Isi kedua</td>

</tr>

<tr>

<td>3. Isi ketiga</td>

<td>4. Isi keempat</td>

</tr>

</table>



Hasilnya gini….













1. Isi pertama 2. Isi kedua
3. Isi ketiga 4. Isi keempat



Selengkapnya..

Posted by dion dr's blog at 10:02 AM 1 comments  

Labels: , ,

Posts Relacionados

2/16/09

Apa itu HTML?!


Sebernya apa itu HTML. Banyak kita nemuain (kalo paz surfing) halaman yang berekstensi html. Atau kalau kita menyimpan halaman web yang kita buka maka biasanya disimpan dalam file yang berekstensi *.hmtl.

Dan apa html itu sendiri....



HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).



Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.



HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkantampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.


HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.



Secara garis besar, terdapat 4 jenis elemen dari HTML:

* structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai teks tebal besar yang menunjukkan sebagai Heading 1
* presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
* hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
* Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Salah satu yang paling sering di pakai orang adalah link. Nih ada sedikit script mudah yang dapat Anda gunakan :

<a href="http://dimyon.wordpress.com/" target="_blank"> http://dimyon.wordpress.com/

Jadinya seperti ini :

http://dimyon.wordpress.com/



Kalau soal font sih udah di sedian ma blogger. Tapi nie ada sedikit tambahan

<B> Tulisan Tebal
<I> Tulisan Italic
<U> Underscore
<S> Strong
<S> Strikeout Strikeout - menggambar sebuah garis sepanjang tulisan
<SUP> Renders text sebagai superscript
<SUB> Renders test sebagai sub script


Mungkin ini yang bisa saya tuliskan. Padalah masih banyak lagi tentang HTML ini. Namun, karena kurangnya fasilitas ya.. biginilah jadinya....

Selengkapnya..

Posted by dion dr's blog at 4:10 PM 0 comments  

Labels:

Posts Relacionados
Subscribe to: Posts (Atom)

  ©Template Blogger Green by Dicas Blogger.

TOPO