Pemrograman Web Dasar: 2013

Minggu, 22 Desember 2013

Membuat menu dropdown dan tabel zebra dengan CSS

Kode CSS'nya sebagai berikut :

#menu { position: relative; width: 100%; height: 40px; background: #00CC00; font-family: arial; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu ul li { position: relative; float: left; } #menu ul li a { display: block; text-decoration: none; color: #FFF; padding: 10px; float: left; } #menu ul li a:hover { background-color: #00CC00; color: #333366; } #menu ul li ul { display: none; } #menu ul li:hover ul{ display: block; position: absolute; top: 41px; left: 0px; } #menu ul li:hover ul li a { display: block; background: #00CC00; color: #fff; width: 100%; } #menu ul li:hover ul li a:hover { background: #00CC00; color: #333366; } *{ margin:0;padding:0; } body{ background:#0000FF; font: 14px 'verdana'; } nav{ margin-top:0; } nav ul { list-style:none; background-image:-webkit-linear-gradient(top,#ebebeb,#D7D7D7); background-color: #CCCCCC; box-shadow:0 1px 3px rgba(0,0,0,.5); } nav ul:after{ content:" "; display:block; clear:both; } nav ul li{ float:left; position:relative; } nav ul li a{ color:#555; display:block; padding:10px 25px; text-decoration:none; } nav ul ul{ position:absolute; display:none; top:100%; background: #EEEEEE; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } nav ul ul li{ float:none; } nav ul li:hover > a, nav ul ul li:hover > a { color :white; background-image:-moz-linear-gradient(top, #506def,#2041DE); background-color:#506def; } nav ul ul li:hover > a { font-weight:bold; } nav ul li:hover > ul{ display:block; } nav ul ul ul{ position:absolute; left:100%; top:0; } div#isi{ position:absolute; left:40px; top:70px; z-index:-24; } div#isi .left{ float:left; background-color: #CCCCCC; box-shadow:0 1px 3px rgba(0,0,0,.5); color:#555; padding:20px; } h3{ color:#333; display:block; padding-top:10px; } div#isi .left ul{ padding-left:15px; } /* Style Tabel */ div#isi .right{ float:right; margin-left:20px; } div.right table{ background-color: #CCCCCC; box-shadow:0 1px 3px rgba(0,0,0,.5); color:#555; } th, td{ padding:10px; } tbody tr:nth-child(odd) { background:#999; } tbody tr:hover{ background:#555; border:#333 1px solid; color:#FFF; } #footer{ color:#555; background:#CCC; text-align:center; padding:10px; width:100%; position:fixed; bottom:0px; font-size:10px; box-shadow:0 1px 3px rgba(0,0,0,.5); } div#profil{ position:absolute; left:auto; left:auto; z-index:auto; } div#pprofil .left{ background-color:#999999; float:left; box-shadow:0 1px 3px rgba(o,o,o,.5); color:#CCCCCC; padding:200px; } h2{ padding-top:inherit; color:#00CC00; display:block; } div#profil. left. ul{ padding-left:inherit }

Dan kode Html'nya sebagai berikut ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>L200130179 [Dropdown dengan CSS]</title>
<link rel="stylesheet" type="text/css" href="table.css"/>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">HOME<ul><li></li><li></li><li></li></ul>
<li><a href="#">ABOUT ME</a><ul><li><a href="#">Reza benarivo</a></li><li><a href="#">
L200130173</a></li><li><a href="#">Kelas E</a></li></ul>
<li><a href="#">CONTACT</a><ul><li><a href="#"><a href="https://www.facebook.com/spaerroew" />
Facebook</a></li><li><a href="#"><a href="#">BBM: 74fa3a3e</a></li></ul>
<li><a href="#">MY WEB</a><ul><li><a href="http://Rezabenarivo.blogspot.com">http://Rezabenarivo.blogspot.com</a></li>
<li></a></li><li></a></li></ul>
</ul>
</div>
<h2 align="justify">DAFTAR HARGA LAPTOP TERBAIK 2013</h2>
<div class="right">
<table class="zebra" cellpadding="0" cellspacing="0">
<tr>
<th>Merk</th>
<th>Type</th>
<th>Harga</th>
</tr>
<tr>
<td>Acer</td>
<td>Aspire E1-471</td>
<td>Rp 4.200.000</td>
</tr>
<tr>
<td>Lenovo</td>
<td>Lenovo ThinkPad X1 Carbon</td>
<td>Rp 15.500.000</td>
</tr>
<tr>
<td>Lenovo</td>
<td>Y510p</td>
<td>Rp 9.000.000</td>
</tr>
<tr>
<td>Acer</td>
<td>Aspire M5-583P-6428</td>
<td>Rp 8.000.000</td>
</tr>
</div>
</table>
<div id="profil">
<div class="left">
<h2>Profil</h2>
<hr />
<h2>Nama</h2>
Reza benarivo
<h2>NIM</h2>
L200130179
<h2>Kelas</h2>
E
<h2>Tugas</h2>
<h1>Pemrogaman Web Dasar</h1>
<ul type="disc">
<li>Membuat Dropdown pada CSS</li>
<li>Membuat Table Zebra</li>
</ul>
</div>
</body>
</html>

Berikut adalah screenshotnya :

Minggu, 17 November 2013

PERKEMBANGAN 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 tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website.

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.

CSS3 juga dapat melakukan animasi pada halaman website, 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.

Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:

h1 {
    color: #0789de;
   }

Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaituproperty dan value. Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #0789de adalah value.Selain itu ada tiga metode penulisan CSS atribut, yaitu :
CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.

Contoh penulisan CSS dengan metode Inline Style Sheet

<html>
<head>
<title>Contoh Bentuk Inline</title>
</head>
<body bgcolor="#FFFFFF">
<p id="cth1">
Ini adalah contoh tag P tanpadiformat menggunakan CSS </p>
 
<p id="cth2" style="font-size:20pt">
Tag P ini diformat dengan besar font 20 point </p>
 
<p id="cth3" style="font-size:14pt; color:red">
Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>
</body>
</html>

CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh penggunaan CSS dengan metode Embedded Style Sheet :

<html>
<head>
<title>Contoh Bentuk Embedded/title>
</head>
<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>
 
<body>
<h1 id="cth1">Judul ini berukuran 18 dengan warna merah!</h1>
<p id="cth2">Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>
<p id="cth3">Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>
</body>
</html>


Sifat CSS





Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman websiteyang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.





Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.





Fakta Menggunakan CSS





Fakta Menggunakan CSS diantaranya :





Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.






Contoh Berkas CSS





<html>






<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
 
<body>
 
<h1>CSS example!</h1>
<p>This is a paragraph.</p>
 
</body>
</html>

Jumat, 13 September 2013

SEJARAH HTML

HTML merupakan sebuah dasar ataupun pondasi bahasa pemograman sebuah web page, HTML muncul sebagai standar baru dari kemajuan dan berkembangnnya internet, pada pertama kali muncul internet masih dalam keadaan berbasis text dimana tampilan sebuah halaman web hanya berisikan sebuah text yang monotone tanpa sebuah format dokumen secara visual, bayangkan saja sebuah dokument text yang dikemas dalam bungkus format seperti tipe file .txt atau sering disebut notepad, tanpa paragraph, satu warna, satu ukuran huruf tanpa gambar serta tidak adanya visual format dokumen seperti halnya Ms. Word, hal ini akan sangat membosankan dalam membaca. dan selain itu pertamakali muncul internet user mengakses masih menggunakan sebuah terminal, hal itu jelas sangatlah tidak friendly. Pemograman HTML muncul seiring perkembangan teknologi dan informasi.

• Pada tahun 1980 IBM mulai untukmengembangkan sebuah bahasa pemograman dimana text dan format sebuah dokumendijadikan satu dalam bahasa pemrograman yang sering kita sebut sebagai HTML(Hyper Text Markup Language) akan tetapi pada saat itu pihak IBM memberikansebuah nama GML (Generalized Markup Language).• Pada tahun 1986 ISO mengeluarkan sebuahstandarisasi tentang bahasa pemograman tersebut dan menyatakan sebuah nama barudari GML tersebut dengan sebutan SGML (Standard Generalized Markup Language)• Nah mulai pada tahun kelahiran saya yaitutahun 1989, Sebuah nama HTML muncul dari pemikiran Caillau Tim yang bekerjasama dengan Banners Lee Robert yang ketika itu masih bekerja di CERN memulaimengembangkan bahasa pemrograman ini, dan dipopulerkan pertama kali denganbrowser Mosaic. Nah mulailah dari tahun 1990 HTML sangat berkembang dengancepat hingga mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010 kemarinoleh W3C• HTML versi 1.0 ini adalah versi pertamasejak lahirnya nama html tersebut, memiliki sebuah kemampuan untuk heading,paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungandalam peletakan sebuah gambar• HTML versi 2.0 pada 14 Januari 1996, padaversi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment,hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yangmenjadikan sebuah pioneer dalam perkembangan homepage interaktif.• Tak lama kemudian HTML versi 3.0 dirilispada 18 Desember 1997 yang sering disebut sebut sebagai HTML+ yang mempunyaikemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur tabledalam paragraph, akan tetapi versi ini tidak bertahan lama.• Dan pada bulan Mei 1996 dikeluarkan versibaru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2,keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul padapengembang browser yang telah melakukan pendekatan dengan cara lain yang justruhal tersebut menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasipraktek yang banyak digunakan oleh pengembang browser dan diterima secara umum,dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan olehbeberapa pengembang browser seperti Netscape dan Microsoft.• Nah yang terakhir perombakan terjadi padatahun 1999 tepatnya tanggal 24 Desember yaitu HTML versi 4.0, seperti yang kitakenal HTML pada saat ini penambahan link, meta, imagemaps , image dan lain lainsebagai penyempurnaan versi 3.2• Pada tanggal 4 Maret 2010, terdapat sebuahinformasi bahwasanya HTML versi 5.0 masih dikembangkan oleh W3C (World Wide WebConsortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasiyang menangani HTML sejak versi 2.0Pengertian 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.

Struktur dasar HTML
HTML merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser yang telah terinstal pada computer client, Untuk pemahaman dan sejarah HTML silahkan baca “Pengertian dan sejarah HTML”, Bahasa pemograman ini terdapat sebuah elemen, tag dan attribute didalam perintahnya.

Secara umum Web dokumen terdiri dari menjadi dua elemen ataupun section yaitu head dan body, kedua elemen tersebut dipisahkan oleh beberapa tag, untuk lebih jelasnya dapat anda lihat sebuah pola dasar HTML dibawah ini

<html>

<head>
“Informasi.Tentang.Dokumen.HTML”
</head>

<body>
“Informasi yang akan ditampilkan dalam web Browser”
</body>

</html>

     Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai dari tag pembuka <html> sampai tag penutup </html>, sedangkan isi dari dokumen html tersebut adalah dua buah elemen atau section yaitu
•    “HEAD” yang dimulai dari tag pembukanya <head> sampai tag penutup head </head>,
Pada.elemen.ini.biasanya.berisikan
-   Title,merupakan.judul.dokumen
-    Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman web
Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain, Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value, adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright, description, distribution, expires, keywords, revist, refresh.maupun.language
-    Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain pada elemen ini kebanyakan hanya mengatur.informasi.dan.visualisasi.web.tersebut,untuk.elemen.keduanya.adalah
•    “BODY” mulai dari tag pembuka <body> sampai tag penutupnya </body> pada elemen ini berisikan informasi.dan.pengaturannya.yang.akan.ditampilkan.dalam.browser.
Di dalam bahasa pemrograman HTML terdapat beberapa atributh yang perlu kita pelajari, adapun contoh.atributh.dan.kegunaannya.sebagai.berikut,

•    <DFN>, untuk menandai sebuah subdefinisi dari daftar ataupun table definisi
•    <STRONG>, Untuk menandai bagian text ataupun kata dari penting dari sebuah kalimat, paragraph ataupun dokumen
•    <VAR>, untuk menampilkan nama variable
•    <CITE>, Menandai kutipan
•    <CODE>, Menampilakan sebuah kode pemrograman
•    <EM>, Penekanan sebuah kalimat
•    <SAMP>, untuk membuat contoh ataupun sample didalam sebuah dokumen
•    <KBD>, menandai suatu text dimana text tersebut harus dimasukan oleh user melalui keyboard
•    <B>, Bold membuat tampilan tebal huruf, kata ataupun kalimat
•    <I>, Italic membuat tampilan miring
•    <U>, Underline membuat tampilan garis bawah
•    <TT>, Membuat tampilan jenis huruf menyerupai huruf mesin ketik
•    <STRIKE>, membuat garis tengah pada sebuah kalimat
•    <BIG>, memperbesar ukuran huruf
•    <SMALL>, memperkecil ukuran huruf
•    <SUP>, menampilkan superscript
•    <SUB>, menampilkan subscript
•    <FONT>, merupakan sebuah pengaturan huruf, kata ataupun kalimat bahkan paragraph di mana dalam atribut ini terdapat value yang mengatur tampilan huruf tersebut seperti color. Size, style dan lainnya
•    <P>, Paragrah untuk membuat sebuah paragraph
•    <BR>, Line break berfungsi untuk mengganti baris
•    <H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan sebuah header dimana dari keenam jenis tersebut mempunyai perbedaan ketebalan dan ukuran huruf
•    <PRE> Preformatted Text berfungsi menampilkan text apa adanya
•    <CENTER> membuat sebuah text berada di posisi tengah
•    <LEFT> membuat sebuah text berada di posisi kiri
•    <RIGHT> membuat sebuah text berada di posisi kanan
•    <Basefont size=”pixel”>mengubah ukuran sebuah huruf
•    <HR> Horizontal rule berfungsi untuk membuat garis bawah
•    <OL>, membuat penomoran pada daftar
•    <UL>, Membuat sebuah tanda pada daftar tanpa nomor (bullet)
•    <LI>, tag yang berada di dalam attribute UL ataupul OL digunakan untuk memisah baris daftar yang akan di beri penomoron ataupun tanda bullet
•    <TABLE>, membuat sebuah table
•    <TR>, Membuat row atau baris didalam table <TH>, membuat judul kolom di table <TD> membuat isi pada kolom table, ketiga tag ini diisikan pada atribut table
•    Rowspan, Colspan merupakan pengaturan merge cell pada atribut table
•    <FORM> untuk membuat form
•    <A HREF=”url link”>Hypertext</A> Hyper Link
•    <IMG SRC=”url img”> insert image

Inilah beberapa atributh dasar yang digunakan dalam pemrograman HTML, pada atribut diatas merupakan sebuah tag pembuka yang pada akhir atribut tersebut harus ditutup dengan tag penutup atributh tersebut </…..>, untuk lebih jelasnya dilain waktu saya akan mencoba bahas satu persatu atributh tersebut dan akan saya lengkapi dengan syntax dan contohnya kompleksnya.

Pengertian HTML adalah bahasa standar untuk membuat halaman-halaman web (Kadir, 2009). HTML sendiri adalah singkatan dari HiperText Makrup Language, Nah masih bingung dengan pengertian HTML ?

Bahasa Markah / Markup Language adalah sistem modern untuk menganotasi dokumen dengan cara yang secara sintaksis dibedakan dari teks.

Tentu kalau cuma kayak gitu pasti bingung. Pengertian HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintergrasi. Pasti setelah mambaca pengertian HTML menurut Wikipedia Indonesia tambah bingung nih, hehe,.

ASCII (American Standard Code for Information Interchange) adalah Kode standar Amerika untuk pertukaran informasi.

Halaman web itu kan disusun dari kode-kode html, ekstensinya .html yang disimpen di server. Nah file hmtl ini yang dikirimkan dari server ke browser kita. Trus, browser yang nerjemahin kode-kode hmtl ituh sehingga menghasilkan suatu tampilan yang indah yang kita lihat. Yuk mengenal lebih jauh tentang HTML, jangan cuma dari pengertiannya saja.

Sejarah Singkat HTML

HTML pertama kali 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) dan dipopulerkan pertama kali oleh browser Mosaic.

HTML mengalami perubahan yang amat cepat, tiap-tiap perkembangan versi HTML mempunyai kekuatan serta sarana yang lebih baik baik dari versi sebelumnya. Sebelum sebuah versi HTML di sahkan sebagai dokumen HTML yang standar, sebelumnya harus disetujui oleh W3C untuk dievaluasi secara ketat. Setelah ini kita akan mengetahui tentang perkembangan dari HTML.

W3C ( World Wide Web Consortium ) adalah suatu konsortium yang bekerja untuk mengembangkan standar-standar World Wide Web.

Perkembangan Versi HTML

HTML Versi 1.0

HTML versi 1.0 (1989) memiliki kemampuan antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya ( wrapping ).

HTML Versi 2.0

HTML versi 2.0 (1995) penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML Versi 3.0

HTML versi 3.0 (1996) menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.

HTML Versi 4.0

HTML versi 4.0 (1997) memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain

HTML Versi 5.0

HTML Versi 5.0 (2009) adalah sebuah prosedur pembuatan tampilan web baru yang merupakan penggabungan antara CSS, HTML itu sendiri dengan Java Script. Teknologi ini mulai diluncurkan pada tahun 2009

Cara Membuat HTML

Untuk cara membuat HTML dibutuhkan sofware khusus, berikut ini software yang populer untuk membuat sebuah HTML :

1. Notepad Default Windows

2. Notepad++

3. Macromedia Dreamwever

Contoh Dokumen HTML

Berikut ini adalah contoh dokumen HTML sederhana

<!DOCTYPE html>

<html>

    <head>

        <title>Pengertian HTML | gilangajip.com</title>

    </head>

    <body>

        <p>Pengertian HTML | gilangajip.com</p>

    </body>

</html>

Komponen utama pada sebuah dokumen HTML adalah head dan body, Jika ingin belajar dan mengutak atik contoh HTML di atas,

Kesimpulan Pengertian HTML

HTML ibarat adalah sebuah bahasa, dan bahasa sendiri dapat berkembang dan dimodifikasi setiap perkembangan jaman. Sama halnya dengan bahasa Indonesia, bahasa Inggris, bahasa Jerman, dan lain-lainnya, semua memiliki fungsi dan kegunaan di daerahnya masing-masing. Intinya jika mau belajar dan ada niat pasti bisa. Terima kasih dan semoga bermanfaat.

Pemrograman Web Dasar

Minggu, 22 Desember 2013

Membuat menu dropdown dan tabel zebra dengan CSS

Minggu, 17 November 2013

PERKEMBANGAN CSS

Sifat CSS

Fakta Menggunakan CSS

Contoh Berkas CSS