Pages

Tampilkan postingan dengan label Kuliah. Tampilkan semua postingan
Tampilkan postingan dengan label Kuliah. Tampilkan semua postingan

Rabu, 17 September 2014

Cara Membuat Menu Drop Down dan Tabel Zebra dengan Efek Mouse Hover

Berikut ini adalah skrip css untuk membuat menu DROPDOWN....



<html>
<head>
<title>Dropdown Graficha CSS</title>
<style>

menu ul {
  margin: 0;
  padding: 7px 6px 0;
  line-height: 100%;
  font: Arial, Helvetica, sans-serif;
  border-radius: 5px;
  width: auto;
}
#menu li {
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
}
#menu a,
#menu a:link {
  font-weight: bold;
  font-size: 14px;
  color: white;
  text-decoration: none;
  display: block;
  padding: 8px 20px;
  margin: 0;
  border-radius: 5px;
  background: blue;
}
#menu .active a,
#menu li:hover > a {
  background: purple;
  color:pink;
}
#menu ul ul li:hover a,
#menu li:hover li a {
  background: purple;
  color: pink;

}
#menu ul ul a:hover {
  background: pink !important;
  color: purple !important;
}
#menu li:hover > ul {
  display: block;
}
#menu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 40px;
  left: 0;
}
#menu ul ul li {
  float: none;
  margin: 0;
  padding: 3px;
}
#menu ul ul a,
#menu ul ul a:link {
  font-weight: normal;
  font-size: 14px;
}
</style>
</head>
<body>
<div id='menu'>

<ul>
   <li class='last'><a href='#'><span>Beranda</span></a></li>
   <li class='has-sub'><a href='#'><span>Catatan</span></a>
      <ul>
         <li><a href='#'><span>Kata Bijak</span></a></li>
         <li><a href='#'><span>Karangan</span></a></li>
         <li class='last'><a href='#'><span>Tugas</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Galery</span></a>
      <ul>
         <li><a href='#'><span>Karya Sendiri</span></a></li>
          <li><a href='#'><span>Photos</span></a></li>
         <li class='last'><a href='#'><span>Wallpaper</span></a></li>
      </ul>
   </li>
   <li class='last'><a href='#'><span>Profil</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a>
   <ul>
         <li><a href='#'><span>Email</span></a></li>
          <li><a href='#'><span>Facebook</span></a></li>
         <li class='last'><a href='#'><span>Twitter</span></a></li>
      </ul>
      </li>
</ul>
</div>
</body>
</html>

Selanjutnya nih.. Skrip css membuat tabel ZEBRA dengan Efek Mouse HOVER...


<html>
<head><title>Zebra Hover GAK</title>
<style>
.p {
font-weight: bold;
font-size: 25px;
color: blue;
}
#tabel tr:nth-child(even) {
background-color: purple;
color: white;
}
#tabel tr:nth-child(odd) {
background-color: violet;
color: white;
}
#tabel tr:hover {
background-color: blue;
color: white;
}
</style>
</head>
<body>
<p class="p">*/* Jadwal Kuliah Semester 3 */*</p>
<table border="1" id="tabel">
<tr>
<th width="50">Hari</th>
<th width="125">Makul</th>
<th width="40">Kelas</th>
<th width="45">Jam</th>
<th width="60">Ruang</th>
</tr>
<tr>
<td>Senin</td>
<td>T.Kom</td>
<td>B</td>
<td>1-3</td>
<td>J 2 4</td>
</tr>
<tr>
<td></td>
<td>Prak. SO</td>
<td>J</td>
<td>7-8</td>
<td>LJKTIF</td>
</tr>
<tr>
<td></td>
<td>Kemuhamadiyahan</td>
<td>C</td>
<td>9-10</td>
<td>J 2 4</td>
</tr>
<tr>
<td></td>
<td>Prak. JarKom</td>
<td>J</td>
<td>15-16</td>
<td>LJKTIF</td>
</tr>
<tr>
  <td>Selasa</td>
  <td>PSI</td>
  <td>B</td>
  <td>1-3</td>
  <td>J 4 10</td>
</tr>
<tr>
  <td>Rabu</td>
  <td>PWD</td>
  <td>F</td>
  <td>1-3</td>
  <td>J 4 7</td>
</tr>
<tr>
  <td></td>
  <td>SO</td>
  <td>C</td>
  <td>9-12</td>
  <td>Sem 1</td>
</tr>
<tr>
  <td>Kamis</td>
  <td>JarKom</td>
  <td>C</td>
  <td>10-12</td>
  <td>J 4 7</td>
</tr>
<tr>
  <td>Jumat</td>
  <td>IAD</td>
  <td>C</td>
  <td>1-2</td>
  <td>J 4 3</td>
</tr>
<tr>
  <td></td>
  <td>OAK</td>
  <td>B</td>
  <td>7-8</td>
  <td>J 4 8</td>
</tr>
</table>
</body>
</html>

Hee..hee... Gimana? Selamat Mencoba...

Jumat, 17 Januari 2014

Menampilkan Komentar

Form

<html>

<head>

<title>Kontak</title>

</head>

<body background="Gambar/star.gif">

  <table width="1000" height="712" bgcolor="#0066FF" border="0" cellspacing="2" cellpadding="0" align="center">

   <tr>

    <td colspan="7"><img src="Gambar/Beground web2.jpg" width="1000" height="200" alt="Beground web" longdesc="Gambar/Beground web.jpg" /></td>

  </tr>

    <td width="146" height="26" align="center" bgcolor="#0000CC" ><a href="index.html"style="text-decoration:none"><font face="high tower text" color="#FFFFFF">Beranda</font></a></td>

    <td width="146" align="center" bgcolor="#0000FF" ><a href="Profil.html" style="text-decoration:none"><font face="high tower text" color="#FFFFFF">Profil</font></a></td>

    <td width="146" align="center" bgcolor="#0000CC" ><a href="Catatan.html" style="text-decoration:none"><font face="high tower text" color="#FFFFFF">Catatan</font></a></td>

    <td width="146" align="center" bgcolor="#0000FF" ><a href="Galeri.html" style="text-decoration:none"><font face="high tower text" color="#FFFFFF">Galeri</font></a></td>

    <td width="146" align="center" bgcolor="#0000CC" ><a href="Kontak.html" style="text-decoration:none"><font color="#CC0066">Kontak</font></a></td>

     <td width="125" rowspan="18" valign="top" align="center" bgcolor="#FFFFFF" ><img src="Gambar/Logoku.gif" width="125" height="119" alt="Logoku" longdesc="Gambar/Logoku.gif"></td>

  </tr>

  <tr><td colspan="5" align="left">

  <font face="magneto" size="+2" color="#FFFFFF">Form Komentar</font></td>

  </tr>

  <tr>

    <td colspan="5" align="left">

<form method="post" action="proses2.php">

<tr>

 <td><font face="high tower text" color="#FFFFFF">Nama</font></td>

   <td><input type="text" name="Nama"></td></tr>

<tr>

 <td><font face="high tower text" color="#FFFFFF">Email</font></td>

   <td><input type="text" name="Email"></td>

    </tr>

<tr>

 <td><font face="high tower text" color="#FFFFFF">Komentar</font></td>

    <td><textarea name="Komentar"></textarea></td>

</tr>

<tr>

 <td colspan="5" align="left"><input type="reset" value="Reset"> <input type="submit" value="Post"></td></tr>

</form>

    </td>

    </tr>

</table>

</body>

</html>

Proses

<?PHP

$connect = mysql_connect("localhost","root","")

or die(mysql_error());

mysql_select_db("perusahaan", $connect);

$Nama = $_POST['Nama'];

$Email = $_POST['Email'];

$Komentar = $_POST['Komentar'];

$q = "INSERT INTO koment (

Nama,

Email,

Komentar

)

VALUES(

'$Nama',

'$Email',

'$Komentar'

)";

if(mysql_query($q,$connect)){

echo "Data berhasil dimasukkakan”;

}

else{

die(mysql_error());

}

?>

Tampilan

<?PHP

include_once("connect.php");

echo"

       <html><head>

<title>Form Komentar</title></head>

<body background=\"Gambar/star.gif\">

  <table width=\"1000\" height=\"500\" bgcolor=\"#0066FF\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\" align=\"center\">

   <tr>

    <td colspan=\"7\"><img src=\"Gambar/Beground web2.jpg\" width=\"1000\" height=\"200\" alt=\"Beground web\" longdesc=\"Gambar/Beground web.jpg\" /></td>

  </tr>

  <tr>

  <td width=\"136\" rowspan=\"8\" align=\"center\" bgcolor=\"#FFFFFF\" valign=\"top\"><a href=\"https://www.facebook.com\"><img src=\"Gambar/facebook.png\" width=\"60\" height=\"60\" alt=\"facebook\" longdesc=\"Gambar/facebook.png\"></a><a href=\"https://www.twitter.com\"><img src=\"Gambar/twitter.png\" width=\"60\" height=\"60\" alt=\"twitter\" longdesc=\"Gambar/twitter.png\"></a><a href=\"https://www.blogspot.com\"><img src=\"Gambar/blogspot.png\" width=\"60\" height=\"60\" alt=\"blogspot\" longdesc=\"Gambar/blogspot.png\"></a><a href=\"https://www.gmail.com\"><img src=\"Gambar/gmail.png\" width=\"60\"height=\"60\" alt=\"gmail\" longdesc=\"Gambar/gmail.png\"></a></td>



    <td width=\"146\" height=\"26\" align=\"center\" bgcolor=\"#0000CC\" ><a href=\"index.html\"style=\"text-decoration:none\"><font face=\"high tower text\" color=\"#FFFFFF\">Beranda</font></a></td>

    <td width=\"146\" align=\"center\" bgcolor=\"#0000FF\" ><a href=\"Profil.html\" style=\"text-decoration:none\"><font face=\"high tower text\" color=\"#FFFFFF\">Profil</font></a></td>

    <td width=\"146\" align=\"center\" bgcolor=\"#0000CC\" ><a href=\"Catatan.html\" style=\"text-decoration:none\"><font face=\"high tower text\" color=\"#FFFFFF\">Catatan</font></a></td>

    <td width=\"146\" align=\"center\" bgcolor=\"#0000FF\" ><a href=\"Galeri.html\" style=\"text-decoration:none\"><font face=\"high tower text\" color=\"#FFFFFF\">Galeri</font></a></td>

    <td width=\"146\" align=\"center\" bgcolor=\"#0000CC\" ><a href=\"Kontak.html\" style=\"text-decoration:none\"><font color=\"#CC0066\">Kontak</font></a></td>

  

     <td width=\"125\" rowspan=\"8\" valign=\"top\" align=\"center\" bgcolor=\"#FFFFFF\" ><img src=\"Gambar/Logoku.gif\" width=\"125\" height=\"119\" alt=\"Logoku\" longdesc=\"Gambar/Logoku.gif\"></td>

  </tr>

  <tr>

    <td colspan=\"5\"><font face=\"snap itc\" size=\"+2\" color=\"#FFFFFF\"><marquee direction=\"left\">.....Selamat Datang..... </marquee></font></td>

    </tr>

       <tr>

    <td height=\"48\" colspan=\"5\"><center><h1>Daftar Komentar</h1></center>

       <tr>

        <th height=\"20\">Nomor</th>

        <th height=\"20\">Nama</th>

        <th height=\"20\" colspan=\"2\">Email</th>

        <th height=\"20\">Komentar</th>

  </tr>

       </td>

  </tr>";

     

$data = mysql_query("SELECT * FROM koment");

while($row = mysql_fetch_array($data))

{

       echo" <tr>

                                       <td>$row[Nomor]</td>

                                       <td>$row[Nama]</td>

                                       <td colspan=\"2\">$row[Email]</td>

                                       <td>$row[Komentar]</td>

                                     

                         </tr>";

}

echo"

<td colspan=\"5\" align=\"center\"><a href=\"edite.php\">Edit Komentar</a></td>

<tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr><tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

    <tr>

    <td colspan=\"7\"><font face=\"snap itc\" size=\"+2\" color=\"#FFFFFF\"><marquee direction=\"right\"> ...Terima Kasih Atas Kunjungannya...</marquee></font>

    <p align=\"right\"><font face=\"high tower text\" color=\"#FFFFFF\">Graficha AK</font></p></td>

  </tr>

</table>

</body>

</html>

";

?>

Edit

<?PHP

 include_once("tampilan.php");

 echo "<html><body><center><form method = \"POST\" action = \"editproses.php\">

 <table><tr>

       <td>Edit data Nama ...</td>

       <td><input type = \"text\" name = \"Nama\"></td>

       </tr>

       <tr>

       <td>Email</td>

       <td><input type = \"text\" name = \"Email\"></td>

       </tr>

       <tr>

        <td>Komentar</td>

        <td><input type = \"text\" name = \"Komentar\"></td>

       </tr>

 </table>

 <input type = \"submit\" name = \"Update\" value = \"Update\">

 <input type = \"submit\" name = \"Delete\" value = \"Delete\">

  <input type = \"reset\" name = \"Reset\">

 </form></center></body></html>";

?>

Minggu, 17 November 2013

Artikel Tentang CSS



Artikel Tentang CSS
Sejarah CSS 
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.
CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tanggal 17 Agustus 1996. Tujuannya adalah mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua kedua browser pada saat itu bersaing mengembangkan TAG sendiri untuk mengatur tampilan web. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS. Versi Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3.
CSS1 dikembangkan berpusat pada pemformatan dokumen HTML. CSS1 mendukung pengaturan tampilan dalam hal:
·         Font (jenis, ketebalan)
·         Warna, teks, backgrounf dan elemen lainnya
·         Text attributes, misalnya spasi antar baris, kata dan huruf
·         Posisi teks, gambar, table  dan elemen lainnya
·         Marjin, border dan padding
CSS2 di tahun 1998 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer.  Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.
CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS3 juga dapat melakukan atau menampilkan animasi pada halaman website / blog, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.

Pengertian CSS
CSS singkatan dari Cascading Style Sheet, CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi.
CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas atau file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Keuntungan CSS
·         Ukuran file lebih kecil
·         Load file lebih cepat
·         Dapat berkolaborasi dengan JavaScript
·         Pasangan setia XHTML
·         Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.
·         Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.
·         Dan banyak lagi yang lainnya.

Kelebihan penggunaan CSS :
·         Halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly
·         Dapat dengan mudah mengganti tampilan web dengan cukup mengganti nilai dan definisi pada pada satu file CSS saja.
Kekurangannya penggunaan CSS :
Susah untuk dimengerti dibandingkan dengan bahasa pemrograman lainnya contohnya:
HTML, PHP, Java Script, dan lain-lain dan CSS ini memerlukan waktu yang sangatlah lama untuk bisa mahir untuk mempelajari CSS ini..

Sabtu, 14 September 2013

Artikel Sejarah dan Perkembangan HTML




Artikel Sejarah dan Perkembangan HTML
A.  Sejarah HTML
HTML adalah bahasa pemrograman web yang sering digunakan. Situs situs yang suah banyak anda kunjungi sebagian besar menggunakan bahasa pemrograman HTML. HTML telah menjadi teknologi utama untuk Web sejak awal tahun 1990-an.

Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).

HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

Tim Berners-Lee menciptakan HTML pada tahun 1989 sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. Bahkan, tujuan awal dari web browser adalah untuk melayani sebagai pembaca untuk dokumen berformat HTML. HTML merupakan singkatan dari Hypertext Markup Language. Dua dekade kemudian, browser itu sendiri telah menjadi sebuah portal ke dunia media online. Itu sebabnya versi-versi HTML yang selanjutnya tidak hanya sebagai revisi HTML, tetapi juga sebagai standar yang komprehensif untuk bagaimana halaman web bekerja.

B.   Perkembangan  HTML

HTML merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser yang telah terinstal pada computer client, HTML adalah kependekan dari Hyper Text Markup Language, dokumen dalam HTML merupakan file text murni yang dibuat dengan sembarang, sembarang dalam hal ini pengerjaannya bisa menggunakan editor apa saja seperti notepad, editplus ataupun editor lainnya. File file HTML adalah berisikan beberapa instruksi atau perintah yang kemudian di terjemahkan oleh browser yang ada dikomputer client (user) sehingga isi informasinya dapat ditampilkan secara visual dikomputer pengguna. HTML dikenal sebagai standar bahasa yang digunakan untuk menampilkan dokumen web.

§   HTML +
HTML + adalah superset dari HTML dan dirancang untuk memungkinkan roll bertahap selama dari format sebelumnya, dengan fitur seperti tabel, gambar captioned dan mengisi formulir untuk query database jarak jauh atau kuesioner surat. Dokumen besar dapat dibagi menjadi beberapa node yang lebih kecil untuk mengurangi latency, dengan link navigasi eksplisit atau implisit. Draft ini juga termasuk usulan untuk menambahkan dukungan untuk rumus matematika.


§  HTML versi 1.0
HTML versi 1.0 ini memiliki kemampuan untuk menampilkan heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumen tanpa memperbolehkan menempatkan teks disekeliling gambar (wrapping).
Fitur HTML 1.0 :
·       Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
·       Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
·       Integrasi (inline) Math ML dan SVG dengan doc type yang lebih sederhana.
·       Penulisan kode yang lebih efisien.
·       Dapat dimengerti oleh peramban lawas


§  HTML versi 2.0
HTML versi 2.0 ini menambahkan kemampuan untuk menampilkan sutu form pada dokumen. Versi ini merupakan cikal bakalnya sebuah homepage yang interaktif.  HTML 2.0 mencakup segala sesuatu dari semula 1,0 spesifikasi tetapi menambahkan beberapa fitur baru ke dalam campuran. HTML 2.0 adalah standar untuk desain website sampai Januari tahun 1997 dan didefinisikan banyak fitur inti HTML untuk pertama kalinya.

§  HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti tabel. Versi ini tidak bertahan lama. Segera digantikan dengan versi 3.2. HTML versi 3.0 juga dinamakan sebagai HTML +. HTML + dirancang untuk digunakan dalam World Wide Web sebagai format pengiriman non-eksklusif untuk wide-area hypertext. Ini mewujudkan model pageless sehingga cocok untuk rendering yang efisien pada berbagai jenis layar termasuk VT100 terminal, X11, Windows 3.1 dan Macintosh. HTML + didasarkan pada SGML dan mewakili elemen dokumen pada tingkat logis. Penulis dapat memilih untuk membuat dokumen HTML + secara langsung atau menggunakan filter untuk mengkonversi dari format lain seperti LaTeX, Framemaker, dan Word untuk Windows.

§  HTML versi 3.2
Tag browser tertentu terus berdatangan, dan itu menjadi semakin jelas bahwa standar harus ditemukan. Untuk tujuan ini, World Wide Web Consortium (W3C disingkat) didirikan pada tahun 1994 untuk membakukan bahasa dan tetap berkembang ke arah yang benar. Karya pertama mereka yang diberi nama kode WILBUR, dan kemudian dikenal sebagai HTML 3.2 . Ini adalah perubahan yang kencang-down dengan standar yang ada, meninggalkan banyak langkah besar ke depan untuk versi. Sebagian besar ekstensi tag yang telah diperkenalkan oleh Netscape (dan lebih rendah-tingkat, Microsoft) tidak membuatnya menjadi standar-standar baru. Ini segera tertangkap dan menjadi standar resmi pada bulan Januari '97, dan hari ini hampir semua browser mendukung sepenuhnya.

§  HTML versi 4.0
HTML 4.0 adalah evolusi besar dari standar HTML, dan iterasi terakhir dari HTML klasik. Pada awal pembangunan itu kode-nama COUGAR. Sebagian besar fungsi baru yang dibawa saat ini adalah dari naas HTML spesifikasi 3.0, serta sejumlah hiasan pada tag lama, fokus pada internasionalisasi, dan dukungan untuk bahasa baru yang mendukung presentasi HTML, Cascading stylesheet .
HTML versi 4.0 ini terdapat banyak sekali perubahan dan revisi. Perubahan ini terjadi hampir pada semua perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dll. Kemudian lahirlah HTML versi 4.01 yang menjadi standar penulisan HTML sampai sekarang. Dan hampir semua jenis web browser mendukung terhadap HTML versi 4.01. HTML ini dikeluarkan secara resmi oleh W3C (World Wide Web Consortium).

§  HTML 5
Setelah HTML 4.01 dan XHTML 1.0, orang-orang yang mengendalikan arah HTML mendapat teralihkan bekerja pada proposal baru untuk XHTML 2. Pada saat yang sama, pengembang web pintar yang terus berinovasi, melakukan hacking fungsi baru ke dalam website dan browser. Jalan yang XHTML 2 mengambil mulai terlihat baik membosankan dan tidak realistis , dan itu menjadi cukup jelas bahwa pendekatan baru diperlukan.
Saat itu sekitar waktu ini bahwa sekelompok penggemar pragmatis web teknologi, programmer peramban dan spesifikasi penulis mulai membangun sesuatu yang mereka sendiri, di luar prosedur W3C biasa. Mereka menyebut diri mereka Hypertext Aplikasi Teknologi Kelompok Kerja Web ( WHATWG ), dan mengembangkan spesifikasi baru. Setelah beberapa pencarian jiwa, W3C memutuskan bahwa HTML masih masa depan web. XHTML 2 dihentikan dan HTML5 menjadi spesifikasi baru yang upaya semua orang harus dituangkan ke dalam.
HTML5 dirancang untuk web, baik sekarang dan di masa depan. Ini adalah spesifikasi yang kita akan bekerja dengan untuk dekade berikutnya setidaknya, sehingga proses pembangunan yang relatif lambat dan dipertimbangkan. Banyak bagian akan akrab, tapi ada juga banyak elemen baru, atribut dan kemampuan untuk mendapatkan bersemangat tentang. Anda dapat memeriksa versi terbaru dari spec jika Anda ingin semua detail. Sebuah tutorial lengkap tentang HTML Source tentang perubahan HTML5 yang akan datang.
HTML ini merupakan generasi berikutnya dari HTML. Tetapi belum menjadi standar resmi. Dikarenkan banyak web browser yang belum sepenuhnya mendukung penggunaan HTML 5.
Dukungan baru yang diusung oleh HTML 5 adalah :
·         Dukungan Video dan Audio tanpa tambahan plugin
·         Elemen baru seperti Artikel, Footer, Header, Navigasi, dll.
·         Kanvas untuk menggambar
·         Kontrol bentuk baru seperti kalender, tanggal, waktu, email, url dan search.

Demikian Artikel tentang Sejarah dan Perkembangan HTML, semoga dapat bermanfaat bagi pembaca sekalian...
Dan terimakasih atas kunjungannya...