Rabu, 25 September 2013

my best club of OSJUR..............



DASAR-DASAR PEMROGRAMAN WEB STATIK 2013



DASAR-DASAR PEMROGRAMAN WEB


Pengertian HTML

HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai halaman web dibangun oleh  kode-kode HTML. 

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser 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.
a.         Hypertext
           
 Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

b.        
 Markup
           
 Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada Word Wide Web.

c.        
 Language 
     
       Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih   pada format dokumen yang berorientasi pada aplikasi.
2.3.      Fungsi HTML
Hypertext Markup Language merupakan standar bahasa yang di gunakan untuk menampilkan dokumen web, yang bisa dilakukan dengan HTML yaitu:
-    
 Menentukan format suatu teks
-    
 Membuat list tentang sekelompok hal
-    
 Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.
-    
 Menyisipkan citra atau gambar.
-    
 Menampilkan informasi dalam bentuk tabel
-     Memodifikasi.Mengontrol tampilan dari web page dan contentnya.
-     Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.
-     Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
-     Menambahkan object-object seperti image, audi, video dan juga java applet dalam dokumen HTML.
2.4       Struktur HTML
1.                  Elemen
           
 Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML
2.                  Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML adalah:
a.   <HTML> </HTML>
Tag <HTML> dan </HTML> digunakan untuk menandai awal dan akhir dari suatu file HTML.
b.   <TITLE> </TITLE>
Tulisan yang berada diantara tag <TITLE> dan </TITLE> akan ditampilkan oleh browser pada bagian title yang mana merupakan title dari jendela browser.
c.   <HEAD> </HEAD>
Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara HEAD tags.
d.   <BODY> </BODY>
Bagian tag BODY menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah attribut dapat ditentukan.
Contoh:
<HTML>
<HEAD>
<TITLE>Halaman HTMLku yang pertama</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFFF">
Hello World
</BODY>
</HTML>
3.                  Atribut
Atribut mendefinisikan properti dari suatu elemen/tag dari HTML, yang
terdiri atas nama dan nilai
2.5       Pengaturan Halaman HTML
2.5.1.   Menformat Tulisan Pada halaman HTML
Untuk membuat halaman web yang rapi dan menarik, tentu saja perlu melakukan pemformatan tulisan-tulisan, baik tata cara pencetakannya, serta jenis tulisan yang dipergunakan.





























































Contoh :
<HTML>
<HEAD>
<TITLE>Heading</TITLE>
</HEAD>
<BODY >
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 5</H5>
<H6>Heading 6</H6>
</BODY>
</HTML>
Contoh :
<HTML>
<HEAD>
<TITLE>Font <TITTLE>
</HEAD>
<BODY>
<font size=1>ukuran 1</font><br>
<font size=2> ukuran 2</font><br>
<font size=3> ukuran 3</font><br>
<font size=4> ukuran 4</font><br>
<font size=5> ukuran 5</font><br>
<font size=6> ukuran 6</font><br>
<font size=7> ukuran 7</font>
</BODY>
</HMTL>
Contoh:
<HTML>
<HEAD>
<TITLE>Font Face<TITTLE>
</HEAD>
<BODY>
<font face=”Arial”>Arial</font><br>
<font face=”Tahoma”>Tahoma</font><br>
<font face=”Courier New”>Courier New</font><br>
</BODY>
</HTML>

By MUKHLIS MUCHAD