ALT_IMG

Featured 1

Was keajaiban di alm semesta ini gak ada habisnya. Ini salah satu buktinya. Ada 20 Keajaiban dunia nyata yang bisa kita ketahui dan lihatReadmore...

ALT_IMG

Featured 2

Tahkah kamu cerita-cerita terdahulu tentang nabi kita? Perlu kita ketahui juga lo karena dicerita itu banyak yang bisa kita ambil hikmahnya. Nah disini juga banyak cerita-cerita nabi kita...Readmore..

Alt img

Featured 4

Para gamers setya yng ingin mengetahui lebih banyak game lagi coba disini. Ada game-game yang bisa didownload secara gratis lo... Ayo ini ada yang kelas ringan dan kelas berat. Readmore...

ALT_IMG

Featured 4

Anda sangat membutuhkan software? Design? atau MP3? Video player? disini ada link gratis juga untk software-software tersebut. Bisa anda downlad secara gratis tanpa memakan biaya apapun. Kecuali kuota yah :D. Bisa anda jelajahi blog saya ntuk enemukan software-software yang anda cari.. Readmore...

ALT_IMG

Featured 5

Update tchnologi terbaru disini... Readmore...

Showing posts with label Tips Web. Show all posts
Showing posts with label Tips Web. Show all posts
Thursday, December 6, 2012

HTML Pengenalan

2 komentar

Apa itu HTML?

HTML adalah bahasa untuk mendeskripsikan halaman web.

     * HTML singkatan dari Hyper Text Markup Language
     * HTML adalah bahasa markup
     * Sebuah bahasa markup adalah seperangkat tag markup
     * Tag menggambarkan isi dokumen
     * HTML dokumen berisi tag HTML dan teks biasa
     * HTML dokumen juga disebut halaman web

HTML Tag

HTML markup tag biasanya disebut tag HTML

     * HTML tag kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>
     * HTML tag biasanya datang berpasangan seperti <b> dan </ b>
     * Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
     * Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
     * Mulai dan akhir tag juga disebut pembukaan tag dan tag penutup

<tagname>content</tagname>

Contoh :
<p>This is a paragraph.</p>
 
The <DOCTYPE!> Deklarasi

The <DOCTYPE!> Deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada berbagai dokumen di web, dan browser hanya dapat menampilkan halaman HTML 100% benar jika ia tahu jenis dan versi HTML yang digunakan.

Version Year
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013


Deklarasi Umum :
  • HTML5
<!DOCTYPE html>

  • HTML 40.1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

  • HTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Sekarang kita akan Buat ketikan awal yaitu header Web dan Paragraf. Kita Buat dengan menggunakan notepad ya sobat.
1. buka notepad
2. copy kode dibawah ini.
3. save dalam folder tersendiri dengan nama coba.html dan type files *all files.
4. klik save2 annya.

!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html


Contoh Dijelaskan

     * Deklarasi DOCTYPE mendefinisikan jenis dokumen
     * Teks antara <html> dan </ html> menjelaskan halaman web
     * Teks antara <body> dan </ body> adalah isi halaman yang terlihat
     * Teks antara <h1> dan </ h1> ditampilkan sebagai judul
     * Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf

Hasilnya akan seperti ini..



Sumber : http://w3schools.com/
Continue reading →