santri modern
Rabu, 25 September 2013
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.
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
- 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
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
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>
<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>
<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
Langganan:
Postingan (Atom)