Rabu, 30 April 2014

MATERI HTML

HTML

I. PENGANTAR HTML
A. World Wide Web
WWW merupakan singkatan dari World Wide Web atau biasa disebut web. Jika anda sering
menggunakan internet pasti anda familiar dengan kata www ini. Jika anda mengetikkan alamat suatu
website misalkan : http://www.yahoo.com, diantara alamat tersebut ada kata www. Jadi sebenarnya
apakah www atau web ini ?
Web merupakan jaringan yang menghubungkan jaringan komputer di seluruh dunia. Web
memungkinkan komputer di seluruh dunia bisa berkomunikasi satu sama lain. Standar komunikasi yang
digunakan adalah dengan menggunakan HTTP ( seperti yang terlihat di alamat internet yang telah
dituliskan di atas ).
Informasi yang ada di web ditampilkan melalui Web Pages. Web pages tersimpan di suatu
komputer yang bisa disebut sebagai Web Server. Kita dapat mengakses Web Pages tersebut melalui
program yang disebut Web Browser. Web Browser yang terkenal antara lain : Internet Explorer dan
Opera.
Web Browser ini dapat mengakses Web Pages melalui suatu alamat tertentu. Analoginya sama jika
kita ingin mengunjungi teman yang tinggal di suatu rumah di alamat tertentu. Web Pages juga
mempunyai alamat tertentu sehingga bisa diakses. Contoh alamat web pages atau bisa disebut URL :
http://www.someone.com/page.html.
Semua Web Pages memiliki suatu instruksi-instruksi tertentu untuk tampilan. Ketika Web Browser
akan menampilkan Web Pages maka Web Browser tadi akan membaca instruksiinstruksi tampilan yang
dimiliki oleh Web Pages. Instruksi tampilan yang paling standar adalah HTML ( Hyper Text Markup
Language ) yang akan kita pelajari selanjutnya.
World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan
paling populer. WWW bekerja merdasarkan pada tiga mekanisme berikut:
1. Protocol : standard aturan yang di gunakan untuk berkomunikasi pada computer networking,
Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
2. Address WWW : memiliki aturan penamaan alamat web yaitu URL(Uniform Resource
Locator) yang di gunakan sebagai standard alamat internet.
3. HTML : digunakan untuk membuat document yang bisa di akses melalui web.
B. Pengenalan HTML
HTML merupakan singkatan dari Hyper Text Markup Language. Hypertext Markup Language
merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan
dengan HTML yaitu:
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
1. Mengontrol tampilan dari web page dan contentnya.
2. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
3. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara
online.
4. Menambahkan object-object seperti image, audi, video dan juga java applet dalam document
HTML.
File HTML pada dasarnya berisi tag – tag HTML. Tag HTML ini yang nantinya akan dibaca oleh
Web Browser dan akan menentukan tampilan di Web Pages. Jadi dapat diartikan bahwa Web Pages
merupakan file HTML.
Bagaimana cara membuat file HTML ini ? Cara membuat file HTML sangatlah mudah. Yang anda
butuhkan hanyalah sebuah text editor biasa yang sudah anda kenali seperti Notepad atau UltraEdit. Cara
mengeksekusinya adalah dengan membukanya di Web Browser.
Berikut adalah langkah – langkah untuk membuat file HTML :
1. Buka text editor Notepad
2. Ketik sesuatu di worksheet anda, misalkan : “ Ini halaman Website saya ”.
3. Buka File, lalu pilih Save as
4. Save file anda dengan nama file : <nama file>.html
5. Buka file HTML yang sudah anda buat dengan salah satu dari 2 cara berikut :
a. Double click icon file HTML anda, atau
b. Buka Web Browser ( contoh : Internet Explorer ) lalu buka File, pilih Open dan cari file
HTML anda.
6. Anda sudah berhasil membuat halaman HTML anda yang pertama.
C. Browser dan Editor
C.1. Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan
tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer,
Netscape Navigator dan masih banyak yang lainya.
C.2. Editor
Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa
anda gunakan diantaranya: Microsoft Word, Dreamweaver, Notepad.
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
D. BASIC TAG HTML
D.1. Struktur HTML Document
Document HTML bisa di bagi mejadi tiga bagian utama:
1. HTML
Setiap document HTML harus di awali dan di tutup dengan tag HTML <HTML></HTML>
2. HEAD
Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini
biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.
Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi
tertentu mengenai document HTML, anda bisa menentukan author name, keywords, dan
lainyan pada tag META.
3. BODY
Document body di gunakan untuk menampilkan text, image link dan semua yang akan di
tampilkan pada web page.
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
II. DASAR PEMROGRAMAN HTML
A. Struktur Dasar HTML
Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag HTML. Karena merupakan
file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang sederhana, misalnya Notepad.
Dapat juga menggunakan HTML editor yang bersifat Visual, misalnya Frontpage.
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling Nampak
jelas adalah ekstensi filenya, yaitu .htm atau .html.
Struktur Dasar
<HTML>
<HEAD>
………………………………
</HEAD>
<BODY>
…………………………………
</BODY>
</HTML>
Contoh :
Gunakanlah teks editor (notepad), tuliskan kode dibawah ini :
<HTML>
<HEAD>
<TITLE> Web Sederhana </TITLE>
</HEAD>
<BODY>
Ini halaman web pertama saya
</BODY>
</HTML>
Simpan dengan nama coba.htm, pada bagian save as type ubah menjadi all files. Setelah
disimpan, buka internet explorer, klik File > Open > browse (cari file coba.htm) > Open
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tampilan :
B. Bagian HEAD
Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar
akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head – kecuali judul dokumen – tidak
akan terlihat oleh pembaca dokumen tersebut.
Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
1. Menyediakan judul dokumen
2. Menjembatani hubungan antar dokumen
3. Memberitahu browser untuk membuat form pencarian
4. Menyediakan metode untuk mengirim pesan ke tipe browser
Elemen yang mungkin terdapat pada bagian head :
1. Tag <TITLE>, digunakan untuk memberi judul dokumen.
Penggunaannya adalah sebagai berikut :
<TITLE> Judul </TITLE>
2. Tag <BASE>, digunakan untuk menentukan basis URL sebuah dokumen.
Penggunaannya adalah sebagai berikut berikut :
<BASE HREF=”URL”>
Contoh :
<BASE HREF=”//www.alamat.com/direktori”>
3. Tag <LINK>, digunakan untuk menunjukkan relasi antar dokumen HTML. Tag ini
mempunyai beberapa atribut :
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tabel Atribut Tag <LINK>
Atribut Fungsi
HREF Menunjuk pada URL dokumen lain
REV Mendefinisikan relasi terhadap sebuah dokumen dan dokumen lain yang berisi
informasi tentang personil yang memberi kontribusi terhadap dokumen tersebut
REL Mendefinisikan relasi sebuah dokumen HTML dengan dokumen lain
TYPE Menentukan tipe dan parameter dari relasi
Penggunaannya adalah sebagai berikut :
<LINK [{REVIREL}=”teks”] HREF=”URL”>
Contoh :
<LINK REV=”made” HREF=”mailto:nama@alamat.com”>
<LINK REL=”toc” HREF=”contents.htm”>
<LINK REL=”index” HREF=”index.htm”>
<LINK REL=”copyright” HREF=”copyright.htm”>
4. Tag <META>, digunakan untuk mendefinisikan informasi-informasi di luar HTML
Informasi meta dapat digunakan oleh browser untuk menjalankan suatu aktivitas yang belum
didukung oleh HTML.
Tag <META> mempunyai atribut :
Tabel Atribut Tag <META>
Atribut Fungsi
HTTP-EQUIV Mendefinisikan properti dari elemen
NAME Menyediakan deskripsi tambahan dari elemen
URL Mendefinisikan target dokumen dari sebuah properti
CONTENT Menyediakan nilai respon dari properti
Untuk lebih memperjelas penggunaan atribut tag <META> perhatikan contoh berikut ini :
<META HTTP-EQUIV=”refresh” CONTENT=”60” URL=”www.alamat.com”>
Perintah diatas akan diterjemahkan oleh browser sebagai “tunggu 60 detik, kemudian panggil
dokumen baru pada www.alamat.com”. Jika atribut URL tidak disertakan, maka halaman itu
sendiri yang akan dipanggil, jadi setara dengan mengklik tombol Refresh/Reload pada
browser.
Penggunaan elemen <META> yang paling populer adalah penggunaan properti Keyword
dan Description. Kedua properti ini sangat berguna untuk membantu kerja search engine.
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Biasanya search engine akan menggunakan teks yang disebutkan pada properti Keyword
untuk mengindeks dokumen dan menggunakan teks yang terdapat pada properti Description
untuk mendeskripsikan indeks tersebut.
Contoh :
<HTML>
<HEAD>
<TITLE> General Officers of the US Army in the Civil War </TITLE>
<META NAME=”Keywords” CONTENT=”Yankee, Grand Army of the Republic, War
Between the Satates”>
<META NAME=”Description” CONTENT=”A Listing of the General officers of the US
Army in the Civil WAR”>
</HEAD>
C. Bagian BODY
Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan,
mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di
atas, bagian BODY diawali oleh tag <BODY> dan ditutup </BODY>.
Atribut tag <BODY> :
Tabel Atribut Tag <BODY>
Atribut Fungsi
ALINK Menentukan warna link aktif
BACKGROUND Merujuk URL atau direktori dari file gambar yang
digunakan sbg latar belakang
BGCOLOR Menentukan warna latar belakang
BGPROPERTIES Jika nilai atribut ini diisi “FIXED”, maka gambar latar
belakang tidak ikut tergulung
LEFTMARGIN Batas kiri dokumen
LINK Menentukan warna link yang belum dikunjungi
TEXT Menentukan warna teks
TOPMARGIN Batas atas dokumen
VLINK Menentukan warna link yang telah dikunjungi
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Contoh :
<HTML>
<HEAD>
<TITLE> Penggunaan BODY </TITLE>
</HEAD>
<BODY BGCOLOR=”Silver” TEXT=”Blue” ALINK=#000000 VLINK=#FF0000
LINK=”Green”>
ini adalah contoh penggunaan body
ini adalah sebuah <A HREF=””> link </A>
</BODY>
</HTML>
Tampilan :
Berikut adalah daftar nilai dari sejumlah warna yang dapat digunakan pada dokumen HTML :
Tabel Warna
Warna Nilai
Black #000000
Maroon #800000
Green #008000
Olive #808000
Navy #000080
Purple #800080
Teal #008080
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Gray #808080
Silver #C0C0C0
Red #FF0000
Lime #00FF00
Yellow #FFFF00
Blue #0000FF
Fuchsia #FF00FF
Aqua #00FFFF
White #FFFFFF
D. Menambahkan Komentar
Untuk mempermudah pembacaan kembali kode-kode HTML, kadang-kadang ditambahkan
komentar ke dalam sebuah dokumen. Agar komentar tidak dapat dibaca pada browser, maka harus
digunakan tanda khusus, yaitu <!-- dan diakhiri dengan tanda --> .
Contoh :
<HTML>
<HEAD>
<!-- ini adalah bagian head -->
</HEAD>
<BODY BGCOLOR=#FF0000 >
Halaman ini akan dicetak dengan warna latar merah
<!-- warna background adalah merah -->
</BODY>
</HTML>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tampilan :
E. Memberikan Identitas
Kadang-kadang orang yang merancang suatu halaman web ingin mencantumkan namanya pada
dokumen web tersebut atau mungkin mencantumkan hak cipta terhadap dokumen tersebut. Untuk
mencantumkan informasi-informasi tersebut digunakan tag <ADDRESS>. Umumnya informasi tersebut
diletakkan pada bagian paling akhir suatu dokumen.
Contoh :
<HTML>
<HEAD>
<TITLE> Penggunaan Address </TITLE>
</HEAD>
<BODY>
Selamat datang di web amatir
<ADDRESS>
Dokumen ini di rancang oleh Ferry Gustiawan <BR>
Pada tanggal 13 Sept 2005
</ADDRESS>
</BODY>
</HTML>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tampilan :
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
III. PENGATURAN FORMAT TEKS PADA DOKUMEN HTML
A. HEADING
Jika anda mengenal style heading di Microsoft Word, maka dengan menggunakan HTML anda
dapat menggunakan heading untuk menentukan ukuran suatu text. Heading terbesar adalah Heading 1 dan
yang terkecil adalah heading 6.
Format :
<h1>text anda</h1>
<h2>text anda</h2>
:
<h6>text anda</h6>
Contoh :
<HTML>
<HEAD>
<TITLE> Penggunaan HEADING </TITLE>
</HEAD>
<BODY>
<h1>ini text h1</h1>
<h2>ini text h2</h2>
<h3>ini text h3</h3>
<h4>ini text h4</h4>
<h5>ini text h5</h5>
<h6>ini text h6</h6>
</BODY>
</HTML>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tampilan :
B. Logical Format
Logical format akan menerapkan layout dokumen secara logis dan terstruktur. Tag-tag yang
termasuk logical format adalah sebagai berikut :
<CITE> : digunakan untuk menandai suatu kutipan (Citation).
<CODE> : digunakan untuk menampilkan kode-kode pemrograman, misalnya bahasa C.
<EM> : digunakan untuk menandai suatu teks yang ditekankan oleh penulis.
<KBD> : digunakan untuk menandai suatu teks yang harus dimasukkan oleh user melalui
keyboard.
<SAMP> : digunakan untuk menandai suatu teks yang dimaksudkan sebagai contoh.
<STRONG> : digunakan untuk menandai bagian yang terpenting dari suatu teks.
<VAR> : digunakan untuk menampilkan nama variabel.
<DFN> : digunakan untuk menandai sebuah subdefinisidari daftar definisi.
Semua tag tersebut memerlukan tag penutupnya masing-masing.
Contoh :
<HTML>
<HEAD>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
<TITLE> Logical Format </TITLE>
</HEAD>
<BODY>
<CITE> Tom Sawyer </CITE> adalah salah satu tokoh penting di dunia satra amerika.
<BR><BR>
Kode yang paling pertama dipelajari oleh programmer C adalah :
<CODE>puts (“Hello World!”);</CODE><BR><BR>
Ia berkata , “Sekali tidak tetap <EM>tidak</EM>.” <BR><BR>
Untuk berpindah ke direktor root , ketikkan <KBD>cd / </KBD>. <BR><BR>
Pada abjad terdapat 5 huruf vokal, yaitu <SAMP>AEIUO</SAMP>. <BR><BR>
Hal yang harus diingat-ingat adalah <STRONG>Jangan Panik !</STRONG><BR><BR>
Kode program tersebut diiterasi sebanyak <VAR>N</VAR> kali . <BR><BR>
<DFN>Trenggiling adalah hewan pemakan semut. </DFN>
</BODY>
</HTML>
Tampilan :
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
C. Physical Format
Physical format adalah format terhadap fisik suatu font. Tag-tag yang termasuk physical format
adalah sebagai berikut :
<B> : digunakan untuk menampilkan huruf tebal.
<I> : digunakan untuk menampilkan huruf miring.
<U> : digunakan untuk menampilkan garis bawah pada teks.
<TT> : digunakan untuk menampilkan huruf seperti huruf mesin ketik.
<STRIKE> : digunakan untuk menampilkan garis horizontal pada bagian tengah huruf.
<BIG> : digunakan untuk menampilkan ukuran huruf yang lebih besar.
<SMALL> : digunakan untuk menampilkan ukuran huruf yang lebih kecil.
<SUB> : digunakan untuk menampilkan subscript.
<SUP> : digunakan untuk menampilkan superscript.
Semua tag-tag tersebut memerlukan penutupnya masing-masing.
Contoh :
<HTML>
<HEAD>
<TITLE> Memformat Karakter </TITLE>
</HEAD>
<BODY>
<B> kalimat ini akan dicetak tebal. </B><BR>
<I> kalimat ini akan dicetak miring </I><BR>
<U> kalima ini akan bergaris bawah </U><BR>
<STRIKE> kalimat ini akan bergaris tengah </STRIKE>
</BODY>
</HTML>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tampilan :
D. Pindah Baris dengan Page Break dan Paragraph
Page Break digunakan untuk mengganti baris sedangkan paragraph sebenarnya hampir mirip
dengan Page Break namun spasi antar baris yang dihasilkan lebih besar. Paragraph digunakan untuk
membuat paragraf sedangkan penggunaan Page Break tidak menghasilkan paragraf baru.
Format :
Pindah baris (Page Break) : <br />
Membuat paragraf : <p>text anda</p>
Contoh :
<HTML>
<HEAD>
<TITLE> Lorem Ipsum </TITLE>
</HEAD>
<BODY>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc iaculis scelerisque tincidunt. In
aliquet auctor leo, a gravida libero dignissim eu. Aliquam rutrum dictum purus, eu pharetra enim
lacinia vel.<br /> Duis id turpis a mi adipiscing sagittis vitae sit amet nisl. Nam risus diam, laoreet
a commodo a, semper id tellus. Proin dignissim pharetra tristique. Vestibulum vel nisl et sem
vulputate laoreet porttitor quis leo. Nunc consequat arcu odio. Morbi id urna urna, eget auctor
nulla.
<p>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Fusce luctus sollicitudin orci et elementum. In hac habitasse platea dictumst. Nulla hendrerit
commodo mattis. Pellentesque sem orci, aliquam at tempus eget, elementum eu felis. Maecenas elit
ipsum, adipiscing in ultricies eu, egestas in odio. Nam eget sem tellus, quis sodales diam.<br />
Vestibulum sit amet erat sed turpis pretium consequat. Integer sagittis velit ut nibh commodo id
iaculis nisi rutrum. Aliquam ac malesuada urna. Phasellus placerat, leo ac pellentesque
consectetur, nulla erat sodales ante, quis fringilla nulla ligula ut tortor. Suspendisse potenti. Donec
ut ipsum metus, sit amet placerat mi. Duis semper vulputate nibh eu malesuada.
</p>
</BODY>
</HTML>
Tampilan :
E. Mengatur Jenis, Ukuran dan Warna Huruf
Font merupakan jenis huruf yang kita pakai. Dalam membuat web page kita dapat mengubah jenis,
ukuran dan warna dari huruf yang kita pakai.. Tag Font digunakan untuk menandakan awal dan akhir dari
teks yang akan diatur formatnya.
Atribut yang digunakan :
face : digunakan untuk mengganti jenis huruf.
size : digunakan untuk merubah ukuran huruf. Ukuran yang berlaku adalah interval 1-7
( terurut membesar ).
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
color : digunakan untuk mengubah warna huruf.
Format :
<font face = “Arial”> text anda </font>
<font size = “1” > text anda </font>
<font color = “red”> text anda </font>
Ketiga tag ini dapat anda gabung penulisannya menjadi satu. Contoh penulisannya adalah :
<font face = “Arial” size = “2” color = “blue”> text anda </font>
Contoh :
<HTML>
<HEAD>
<TITLE> Memformat Font </TITLE>
</HEAD>
<BODY>
<FONT FACE=”Arial” SIZE=1 COLOR=#FF0080>
Jenis font ini adalah Arial,berwarna biru,ukurannya 1
</FONT><BR>
<FONT FACE=”Monotype Corsiva” SIZE=5 COLOR=BLUE>
Jenis font ini adalah Arial,berwarna biru,ukurannya 5
</FONT>
</BODY>
</HTML>
Tampilan :
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
F. Perataan Teks dengan Tag Div
Sering kali ketika menulis suatu paragraph kalimat kita ingin mengatur perataannya. Perataan text
yang memungkinkan untuk diimplementasikan, beserta penulisan tagnya adalah :
Rata kanan : <div align = “right”> text anda </div>
Rata kiri : <div align = “left”> text anda </div>
Rata tengah : <div align = “center”> text anda </div>
Rata kanan kiri : <div align = “justify”> text anda </div>
Contoh :
<HTML>
<HEAD>
<TITLE> Perataan Teks </TITLE>
</HEAD>
<BODY>
<div align = "right">Saya sedang mencoba text alignment right</div><p>
<div align = "left">Saya sedang mencoba text alignment left</div><p>
<div align = "center">Saya sedang mencoba text alignment tengah</div><p>
<div align = "justify">Sepintas justify mirip left namun akan berbeda bila text anda lebih dari satu
baris </div>
</BODY>
</HTML>
Tampilan :
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
G. Pembuatan Indent
Tag Blockquote digunakan untuk menandai bagian yang dikhususkan pada sebuah dokumen,
misalnya kutipan kitab suci, kata mutiara dll. Teks yang diberi ini akan menjorok ke dalam.
Format :
< BLOCKQUOTE> text anda </ BLOCKQUOTE>
Contoh :
<HTML>
<HEAD>
<TITLE> Penggunaan Blockquote </TITLE>
</HEAD>
<BODY>
Definisi Sistem menurut Steven B Shop adalah :<p>
<BLOCKQUOTE>Sistem adalah kumpulan dari komponen-komponen yang
saling bekerjasama untuk mencapai suatu tujuan.
</BLOCKQUOTE>
</BODY>
</HTML>
Tampilan :
H. Pembuatan Teks Predefined Format
Tag <PRE>, membuat tampilan dokumen HTML pada browser sama dengan tampilan pada teks
editor. Dengan tag <PRE>, maka tag <P> dan tag <BR> jadi tidak diperlukan lagi.
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Format :
< PRE> text anda </ PRE>
Contoh :
<HTML>
<HEAD>
<TITLE> Web Sederhana </TITLE>
</HEAD>
<BODY>
<PRE>
Tampilan ini sma dengan tampilan di teks editor.
Klasemen
Team Main Menang Seri Kalah
==============================================
Team A 3 2 1 0
Team B 3 2 0 1
Team c 3 1 1 1
==============================================
kode program :
For I = 1 to 10
For J = 1 to 5
A(I,J)=I*J
Next
Next
</BODY>
</HTML>
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
Tampilan :
I. Membuat Garis
Untuk membuat sebuah garis horizontal digunakan sebuah tag HR : <HR>.
Contoh :
<HTML>
<HEAD>
<TITLE> Format Dokumen HTML </TITLE>
</HEAD>
<BODY>
Ini Web coba-coba saya <BR>
Nama saya Ferry
<P>
Saya belajar web di UNSRI Jl. Mayor Salim Batubara, Bukit Besar
<P>
Hobbi saya travelling, olahraga dan komputer
<HR>
Terima kasih
MODUL PEMROGRAMAN HTML Goldie Gunadi, S.Kom, M.Kom
<HR>
</BODY>
</HTML>
Share:

0 komentar:

Poskan Komentar