Dasar dari semua pemrograman web adalah pemrograman HTML, sehingga dikatakan bahwa tidak akan dapat membangun suatu gedung tanpa ada fondasi yang mendasari dari gedung tersebut. Apapun bagus dan kuatnya gedung tersebut bila tanpa fondasi maka tidak akan dapat bertahan lama.
Format Penulisan HTML
Format halaman HTML adalah terdiri dari dua :
bagian yaitu bagian Header
bagian Body, yang semuanya itu dibuka dan ditutup dengan <tag>.
<html>
<head>
<title>web pertamaku</title>
</head>
<body>
Hello world
</body>
</html>
Tag-tag tersebut dapat ditulis dengan huruf kecil maupun huruf besar, karena HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).
Save as type: pastikan bahwa jenis file ini adalah All Files (*.*)
Tuliskan dengan ekstensi *.html perhatikan output nya dan analisis hasilnya
<HTML>
<HEAD><TITLE>Text Style using Heading</TITLE></HEAD>
<BODY>
<H1 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 1</H1>
<H2 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 2</H2>
<H3 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 3</H3>
<H4 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 4</H4>
<H5 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 5</H5>
<H6 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 6</H6>
</BODY>
</HTML>
Pengaturan format tata letak teks
Pengaturan format tata letak disini adalah mengatur tampilan teks agar terlihat rapi dan sesuai dengan keinginan, yaitu meliputi pengaturan paragraph, ganti baris baru, pengaturan posisi judul atau sub judul yaitu diletakkan pada posisi kiri, tengah atau kanan dari halaman web, mencetak secara miring untuk penekanan suatu kata, dan lain sebagainya.
Adapun tag-tag yang digunakan disini adalah meliputi tag paragraph <p>, tag ganti baris <br>, tag preformatted <pre>, tag indentasi <blockquote>, tag tebal <b> atau <strong>, tag subscript <sub>, tag
superscript <sup>, tag miring <i>, tag kecil <small>, tag besar <big> dan tag
emphasize <em>.
<HTML>
<HEAD>
<TITLE>Text Formatting with tag <pre>
</TITLE>
</HEAD>
<BODY>
<H3>CONTOH PROGRAM PHP</H3>
<PRE>
<?php
$a=9;
$b=5;
for($i=0; $i<10; $i++) {
$c=$c + $a;
$d=$c - $b;
$e=$c / $d;
}
print $c;
print $d;
?>
</PRE>
</BODY>
</HTML>
TUGAS
Buatlah halaman web sederhana sebagai homepage pribadi, yang berisi tentang data pribadi misalkan nama, alamat rumah, tempat & tanggal lahir, riwayat pendidikan, email, hobby, pengalaman kerja, citacita, pengalaman suka-duka. Gunakan tag-tag yang telah dipelajari diatas
MARQUEE
Digunakan untuk membuat teks berjalan
<MARQUEE BEHAVIOR="SLIDE"> </MARQUEE>
<MARQUEE BEHAVIOR="ALTERNATE"> </MARQUEE>
<MARQUEE BEHAVIOR="SCROLL"> </MARQUEE>
TAG
Digunakan untuk membuat tab didalam paragraph <BLOCKQUOTE>
Digunakakan untuk menulis tebal <b> atau <strong>
Digunakakan untuk menulis subscript <sub>
Digunakakan untuk menulis superscript <sup>
tag miring <i>Tag emphasize <em>.
Menyisipkan gambar <IMG SRC="PING.JPG" WIDTH="200" HEIGHT="150">
Membuat objek ditengah <center></center>
Membuat paragraph rata tengah <P align=“center”>
FONT
Digunakan untuk menentukan ukuran font
<font size="+3"></font>
Digunakan untuk menentukan warna font
<font color=“red”></font>
Digunakan utuk menentukan warna dan ukuran
<font size=“+3” color=“red”></font>
Digunakan untuk menentukan jenis tulisan
<font face=“arial”></font>
BODY
<body background=“pink.jpg”>
<body bgcolor=“red”>
<body bgcolor=“#ff22bb”>
<bgsound src="afgan.mid" loop=-1>
Saturday, October 8, 2011
HTML Tingkat DASAR
0 comments:
Post a Comment