Ingin Belajar: Makalah

BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Perkembangan dunia informatika memang selalu mengalami peningkatan yang sangat pesat. Hal ini terbukti dengan adanya penggunaan internet di berbagai bidang. Tidak hanya di kalangan instansi-instansi saja yang menggunakannya, orang awam pun bebas mengaksesnya, karena dengan adanya internet dapat memudahkan pekerjaan mereka. Mengingat pentingnya dunia internet, para programmer berusaha membuat dan mendesain program-program dan aplikasi yang dibutuhkan saat melakukan browsing internet. Hal inilah yang melatarbelakangi penulis menyusun makalah ini. Namun dari sekian pemrograman yang ada, yang akan dibahas pada makalah ini adalah mengenai pemrograman HTML. Pada makalah ini akan dijelaskan langkah-langkah membuat dokumen HTML yang baik.

1.2 RUMUSAN MASALAH

Makalah ini merupakan beberapa permasalahan sebagai berikut :

1. Bagaimana sejarah dan definisi HTML?

2. Bagaimana struktur dasar HTML?

3. Apa saja komponen dokumen HTML?

4. Apa saja elemen dasar HTML?

5. Bagaimana langkah pembuatan halaman HTML?

1.3 RUANG LINGKUP

Dalam makalah ini, penulis membatasi masalah mengenai pemrograman. Pembahasan dikhususkan pada pemrograman HTML. Hal tersebut dimaksudkan untuk mempertegas pembahasan sehingga dapat terfokus pada masalah yang akan dibahas serta dapat memberikan gambaran umum tentang isi makalah sehingga pembaca lebih mudah dalam mempelajarinya.

1.4 MAKSUD DAN TUJUAN

Maksud dari penulisan makalah ini adalah untuk memenuhi dan melengkapi salah satu tugas mata kuliah pemrograman Terstruktur di Bina Sarana Informatika. Sedangkan tujuan dari penulisan tugas ini adalah :

1. Mengembangkan kreativitas dan wawasan penulis.

2. Memberikan uraian tentang pemrograman HTML secara lebih terinci.

3. diharapkan dengan adanya makalah ini, para pemula yang ingin membuat HTML dapat menggunakannya sebagai sumber referensi.

BAB II

PEMBAHASAN

2.1 SEJARAH DAN DEFINISI HTML

Program adalah kata, ekspresi, pernyataan atau kombinasi yang disusun dan dirangkai menjadi satu kesatuan prosedur yang berupa urutan langkah untuk menyelesaikan masalah dan diimplementasikan dengan menggunakan bahasa pemrograman sehingga dapat dieksekusi oleh komputer.

Pemrograman adalah proses mengimplementasikan urutan langkah untuk menyelesaikan suatu masalah dengan menggunakan suatu bahasa pemrograman. Bahasa pemrograman adalah suatu prosedur penulisan program. Sedangkan pemrograman terstruktur adalah metode untuk mengorganisasikan dan membuat kode-kode program supaya mudah untuk dimengerti, mudah ditest dan mudah dimodifikasi. Salah satu contoh pemrograman adalah pemrograman di internet. HTML merupakan salah satu unsur penting dalam pemrograman di internet.

HTML (Hypertext Markup Language) adalah bahasa pengkodean untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. Namun HTML bukanlah sebuah bahasa pemrograman. tetapi hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun.

HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu. HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990, HTML mengalami perkembangan yang sangat pesat.

Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF ( Internet Engineering Task Force ). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993). HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah Usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

HTML harus di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser. Bahasa pemrograman itu dipahami oleh semua komputer di dunia atau internet. Perintah html harus berada didalam tanda <..>, yang digunakan untuk menampilkan fungsi – fungsi tertentu misalnya fungsi link dan sebagainya. Dinamakan Hypertext karena kita bias membaca isi dari sebuah dokumen/berita tanpa harus membacanya baris demi baris. Kita bias melompat – lompat dari satu topik ke topik lainnya. Dinamakan MarkUp Languange karena dokumen html mengandung tanda atau perintah tertentu untuk menentukan tampilan teks, gambar, dan sebagainya beserta fungsi – fungsi yang diinginkan.

2.2 STRUKTUR DASAR HTML

Seperti umumnya dokumen lain, dokumen HTML terdiri dari teks-teks dan bahkan lebih dari dari itu. Dokumen HTML juga dapat mengandung suatu gambar, suara, ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen. HTML.Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan kerangka penulisan dengan tag-tag dasar, yaitu HTML, HEAD,TITLE dan BODY.

TAG	FUNGSI
HTML	Untuk penanda bahwa dokumen yang dibuat adalah dokumen web
HEAD	Untuk judul, boleh ada atau tidak
TITLE	Judul untuk masing-masing halaman, ditampilkan di atas Browser
BODY	Informasi yang ingin dimunculkan diletakkan di bagian ini
VAR	untuk menampilkan nama variable
I	Italic membuat teks miring
B	Membuat tampilan tebal Huruf
H1,H2,H3,H4,H5,H6	sebuah header/Judul

<html>

<head>

<title>teks pada title bar web browser</title>

</head>

<body>

<b><i><h1>Berisi tentang text, gambar, atau apapun yang tampil pada dokumen web.</h1>

</body>

</html>

Seperti terlihat, struktur file HTML diawali dengan sebuah tag <html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head> ... </head> dan tag <body> ... </body>. Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <title> ... </title> yang berfungsi untuk mengeluarkan judul pada title bar window web browser. Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang akan ditampilkan pada halaman web browser nantinya. Pada bagian ini akan dituliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin disampaikan kepada pengguna nantinya.

2.3 KOMPONEN UTAMA DOKUMEN HTML

Ada dua komponen utama pembentuk dokumen HTML, dua komponen itu adalah elemen dan tag. Dengan adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik.

a. Elemen

Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen <HEAD> yang memberikan informasi tentang dokumen tersebut. Elemen <HEAD> ini meliputi judul dokumen atau hubungannya dengan dokumen lain. Elemen lain yaitu elemen-elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser. Isi elemen ini misalnya paragraf, list (daftar), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.

b.Tag

Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir dinyatakan dalam bentuk </nama tag>.

Format umum suatu tag berpasangan adalah :

<nama tag> Teks yang akan ditampilkan </nama tag:

Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan tag berikutnya tidak saling tumpang tindih.

Penulisan Tag yang tumpang tindih	Penulisan Tag yang benar
<tag1> teks tag1 <tag2> teks tag 2 </tag1> </tag2>	<tag1> teks tag1 <tag2> teks tag 2 </tag2> </tag1>

Kemungkinan kesalahan yang terjadi pada saat menjalankan program adalah lupa memberi tag awal atau tag akhir, sehingga web page yang dihasilkan akan terlihat lain dari yang diinginkan. Tidak semua tag mengikuti aturan seperti diatas, melainkan terdapat beberapa macam bentuk tag yang dikenal oleh HTML, di mana umumnya tag-tag dalam HTML muncul dalam bentuk seperti berikut ini :

<nama tag atribut1=argument atribut2=argumen

dst>

b. Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web tersebut, untuk elemen keduanya adalah:

1. “BODY” mulai dari tag pembuka <body> sampai tag penutupnya </body> pada elemen ini berisikan informasi dan pengaturannya yang akan ditampilkan dalam browser.

2. Atribut HTML, adapun contoh atributh dan kegunaannya sebagai berikut:
• <DFN> untuk menandai sebuah subdefinisi dari daftar ataupun table definisi
• <STRONG>, Untuk menandai bagian text ataupun kata dari penting dari sebuah kalimat, paragraph ataupun dokumen
• <VAR> untuk menampilkan nama variable
• <CITE> Menandai kutipan
• <CODE> Menampilakan sebuah kode pemrograman
• <EM> Penekanan sebuah kalimat
• <SAMP> untuk membuat contoh ataupun sample didalam sebuah dokumen
• <KBD> menandai suatu text dimana text tersebut harus dimasukan oleh user melalui keyboard
• <B> Bold membuat tampilan tebal huruf, kata ataupun kalimat
• <I> Italic membuat tampilan miring
• <U> Underline membuat tampilan garis bawah
• <TT> Membuat tampilan jenis huruf menyerupai huruf mesin ketik
• <STRIKE> membuat garis tengah pada sebuah kalimat
• <BIG> memperbesar ukuran huruf
• <SMALL> memperkecil ukuran huruf
• <SUP> menampilkan superscript
• <SUB> menampilkan subscript
• <FONT> merupakan sebuah pengaturan huruf, kata ataupun kalimat bahkan paragraph di mana dalam atribut ini terdapat value yang mengatur tampilan huruf tersebut seperti color. Size, style dan lainnya
• <P> Paragrah untuk membuat sebuah paragraph
• <BR> Line break berfungsi untuk mengganti baris
• <H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan sebuah header dimana dari keenam jenis tersebut mempunyai perbedaan ketebalan dan ukuran huruf
• <PRE> Preformatted Text berfungsi menampilkan text apa adanya
• <CENTER> membuat sebuah text berada di posisi tengah
• <LEFT> membuat sebuah text berada di posisi kiri
• <RIGHT> membuat sebuah text berada di posisi kanan
• <Basefont size=”pixel”> mengubah ukuran sebuah huruf
• <HR> Horizontal rule berfungsi untuk membuat garis bawah
• <OL> membuat penomoran pada daftar
• <UL> Membuat sebuah tanda pada daftar tanpa nomor (bullet)
• <LI> tag yang berada di dalam attribute UL ataupul OL digunakan untuk memisah baris daftar yang akan di beri penomoron ataupun tanda bullet
• <TABLE> membuat sebuah table
• <TR> Membuat row atau baris didalam table <TH>, membuat judul kolom di table <TD> membuat isi pada kolom table, ketiga tag ini diisikan pada atribut table
• Rowspan, Colspan merupakan pengaturan merge cell pada atribut table
• <FORM> untuk membuat form
• <A HREF=”url link”>Hypertext</A> Hyper Link
• <IMG SRC=”url img”> insert image

Inilah beberapa atributh dasar yang digunakan dalam pemrograman HTML, pada atribut diatas merupakan sebuah tag pembuka yang pada akhir atribut tersebut harus ditutup dengan tag penutup atributh tersebut </…..>.

2.4 ELEMEN DASAR HTML

HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga mampu menampilkan objek-objek multimedia seperti gambar, suara, video, dan bahkan telah merambah lebih jauh dengan adanya VRML serta applet-applet Java. Untuk informasi yang berupa teks, HTML telah menyediakan bermacam-macam elemen, seperti :

a) Paragraph, untuk membuat suatu paragraph

b) Blockquote, untuk membuat suatu kutipan teks

c) preformatted text, untuk menampilkan teks seperti yang dituliskan

d) divider, digunakan untuk mengelompokkan suatu teks tertentu

a. Paragraph <p>

Elemen <P>…</P> digunakan untuk menandai sekumpulan teks sebagai suatu paragraph. Tag <P> untuk awal paragraf dan tag </P> digunakan untuk mengakhiri paragraf. Tag paragraf memiliki atribut yang dapat dipakai sebagai tambahan untuk pemformatan paragraph. Berikut, diberikan contoh-contoh kode HTML untuk menampilkan paragraf :

<html>

<body>

<p>Paragraf satu.</p>

<p>Paragraf dua.</p>

<p>Paragraf tiga.</p>

<p>Elemen paragraf didefinisikan dengan menggunakan tag P. </p>

</body>

</html>

b. Blockquote

Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks. Browser biasanya menampilkan kutipan teks dengan mengidentifikasikan teks tersebut atau dengan mengabaikan spasi dalam teks seperti tag paragraph. Kutipan teks dinyatakan dengan indentasi yang menjorok ke dalam dan berbeda dalam satu paragraf. Berikut ini, contoh dokumen HTML yang menggunakan tag blockquote :

<html>

<body>

<h3>Teknologi Universal Serial Bus (USB)</h3>

Pada awal tahun 1977 tepatnya komputer dengan prosesor

Pentium, beberapakomputer sudah mempunyai piranti baru

untuk memudahkan pengguna komputer dalam menangani

masalah kabel yang bayak.<br>Teknologi baru tersebut dinamakan Universal Serial Bus atau yang lebih dikenal dengan USB. Memang masih bayak

yang tidak mengetahui apa dan fungsi teknologi ini.

Oleh sebab itu bab ini akan memperkenalkan apa yang

dimaksud dengan USB dan kegunaannya.

</blockquote>

<h5>Disadur dari Buku " Pengantar Sistem Komputer"

Hal:134 <h5>

</body>

</html>

c. Preformatted text

Pada tag paragraf, penekanan tombol ENTER, Tab, Spasi tidak memberikan pengaruh pada web page yang dibuat. Jika akan menambahkan spasi dan enter pada teks dalam web page dengan menggunakan tag <PRE>…..</PRE>. Sehingga teks yang berada di dalam tag pre akan mengikuti sesuai dengan pengetikan yang dilakukan.

Berikut ini adalah contoh dokumen HTML yang menggunakan Tag <PRE> :

<html>

<body>

<h3>CONTOH PENGGUNAAN TAG PRE </h3>

<pre>

Teks ini menggunakan spasi dan ENTER untuk berpindah ke

baris ini.

</pre>

<p>Tag pre juga sangat cocok untuk menampilkan barisbaris

kode program seperti dibawah ini</p>

<pre>

<b>for i = 1 to 10

print i

next i

</pre>

</body>

</html>

d. Divider Dan Center

Elemen DIV digunakan untuk membagi-bagi dokumen HTML dalam suatu hierarki yang terstruktur. Teks yang dikelilingi oleh tag <DIV>……..</DIV> akan diformat menurut nilai atribut ALIGN yang ditentukan di dalamnya. Nilai atribut ALIGN yaitu, Left, Center dan Right. Penggunaan DIV dengan Align=”center” dapat diganti dengan tag <CENTER>….<CENTER>. Keduanya menghasilkan hasil yang sama.

<html>

<body>

<div align="left">Teks rata kiri dalam tag DIV</div>

<div align="right">Teks rata kanan dalam tag DIV</div>

<div align="center">Teks rata tengah dalam tag

DIV</div>

<br>

teks ini menggunakan perintah center sebagai pengganti

align center

pada div

</center>

</body>

</html>

2.5 PEMBUATAN HALAMAN HTML

Dalam membuat halaman HTML, yang harus dilakukan diantaranya:

a. Memilih text editor

Saat ini ada banyak sekali program aplikasi yang dapat digunakan untuk membuat halaman web. Text Editor adalah program pengolah kata yang paling dasar tanpa ada fitur-fitur yang ‘aneh-aneh’ seperti pengolah kata pada umumnya seperti Ms Word. Salah satu kelebihan dari text editor adalah suatu file yang dibuat dengan program ini disimpan hampir tanpa ada kode rahasia yang tak terlihat seperti halnya dokumen Ms Word atau pengolah kata yang lainnya, yang akan secara drastis akan menimbulkan efek pada dokumen saat akan ditampilkan di web browser. Dengan kata lain akan lebih mudah untuk membangun suatu halaman web dengan menggunakan text editor biasa dari pada suatu pengolah kata.

HTML editor mempermudah pengguna untuk membuat halaman web dengan cepat dan mudah hanya dengan menekan beberapa buah tombol yang disediakan dan kemudian program aplikasi ini akan menghasilkan “source code” HTML daripada memasukan semua kode-kode HTML dengan mengetikkannya satu persatu. HTML editor merupakan suatu alat yang tepat bagi seorang web developer; meskipun seharusnya juga sangat penting untuk mempelajari dan mengetahui bahasa HTML sehingga dapat mengedit kode-kode yang ada dan membetulkan dokumen jika tidak dapat dilakukan oleh HTML editor. Ms Word dan Corel WordPerfect versi yang ada saat ini juga telah mempunyai kemampuan untuk membuat halaman web. Contoh lain adalah Microsoft FrontPage, dan Adobe Dreamweaver.

Namun dalam makalah ini, penulis menggunakan text editor standar dari Ms. Windows, yaitu NotePad. Karena merupakan dasar dari segala bentuk HTML dan akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

b. Memulai Notepad

NotePad adalah text editor standar yang ada baik di versi 16 bit maupun 32 bit sistem operasi Ms Windows. Untuk memulai NotePad di Ms Windows langkah-langkahnya adalah sebagai berikut :

· Click pada tombol “Start” yang ada pada task bar Windows.

· Click pada “Program” dan lalu click pada menu direktori berlabel “Accessories”.

· Kemudian click pada shortcut “NotePad’’.

Agar dokumen tampak lebih menarik, dapat diatur tampilannya dengan beberapa properti. Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen <body>. Sebagai contoh adalah pengaturan warna latar belakang halaman, warna teks, warna link dan lain-lain.

1) Kode Warna

Dalam pengaturan warna menggunakan kode RGB yang mana ditampilkan dalam nilai heksadesimal. Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Sebagai contoh 00 pada dua digit pertama berarti tidak ada warna merah dalam kombinasi warna. Berikut ini adalah contoh kode warna.

Color (warna)	Hexadesimal	Color (Warna)	Hexadesimal
White	#FFFFFF	Black	#000000
Red	#FF0000	Green	#00FF00
Blue	#0000FF	Magenta	#FF00FF
Cyan	#00FFFF	Yellow	#FFFF00
Aquamarine	#70DB93	Chocolate	#5C3317
Violet	#9F5F9F	Brass	#B5A642
Copper	#B87333	Pink	#FF6EC7

2) Atribut Elemen <body>

BACKGROUND = Lokasi dan nama file (latar belakang image dokumen)

BGCOLOR = Warna (warna latar belakang dokumen, default putih)

TEXT = Warna (warna teks dokumen, default hitam)

LINK = Warna (warna link dokumen, default biru)

VLINK = Warna (warna visited link dokumen, default ungu)

ALINK = Warna (warna aktif link dokumen, default merah)

3) Elemen Heading <h1> ... <h6>

Tag heading berfungsi untuk memformat heading (judul dan sub-judul) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada tujuh buah heading yang dikenal di HTML, yaitu dari <h1> sampai <h6>.

4) Elemen Paragrap <p>

Tag paragrap berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web. Dalam elemen paragrap terdapat atribut align yang berfungsi sebagai pengaturan perataan paragraph.

ALIGN = [ left | center | right ]

5) Elemen Break <br>

Elemen Break berfungsi untuk memberikan baris baru suatu paragrap dalam halaman web. Elemen break tidak memerlukan elemen penutup break.

6) Elemen Horisontal Rules <hr>

Elemen <hr> berfungsi untuk menampilkan garis horisontal di dalam halaman web. Elemen <hr> tidak memerlukan elemen penutup </hr>.

Atribut Elemen Horisontal Rules :

· ALIGN = [ left | center | right ] (perataan horizontal, default center)

· SIZE = Pixels (tinggi garis, default 2)

· WIDTH = Length (lebar garis, pixel or persen, default 100%)

· NOSHADE (garis solid)

7) Elemen Pemformatan Karakter <font>

Font pada halaman HTML dapat diformat sesuai dengan desain yang ditentukan, baik ukuran, jenis maupun warna.

Atribut Elemen Font :

· SIZE = Angka (ukuran huruf, default 3)

· COLOR = Warna (warna font, default hitam)

· FACE = Angka (jenis font, default Times New Roman)

8) Elemen Ragam Karakter

<b>bold</b> menghasilkan huruf tebal

<i>italic</i> menghasilkan huruf miring

<u>underline</u> menghasilkan huruf bergaris bawah

9) Elemen List

Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis daftar yang dikenal di HTML, yaitu list dalam format bullet (unordered list <ul>) dan dalam bentuk nomor (ordered list <ol>).

· Atribut Elemen Ordered list TYPE = [ 1 | a | A | i | I ] (tipe penomoran, default 1)

· Atribut Elemen Unordered list TYPE = [ disc | square | circle ] (tipe bullet, default disc).

10) Elemen Image <img>

Untuk menampilkan gambar dalam halaman HTML, format filenya berupa JPG atau GIF. Untuk menampilkanya digunakan tag IMG.

Atribut Elemen Image :

· SRC = URI (lokasi image)

· ALT = Text (text alternatif )

· WIDTH = Length (lebar image)

· HEIGHT = Length (tinggi image)

· ALIGN = [ atas | tengah | bawah | kiri | kanan ] (perataan image)

· BORDER = Length (lebar batas link)

11) Elemen table <table>

Untuk membuat tabel dalam halaman HTML memiliki tag <table>..</table>, <tr>..</tr> (baris) dan <td>..</td> (kolom)

Atribut: diantara tag <table> </table>

· border (ketebalan border)

· align (perataan atau posisi table)

· width (lebar table)

· height (tinggi table)

· bgcolor (warna latar belakang table)

12) Elemen <a>

Digunakan untuk digunakan untuk membuat link kenama: file, domain lain dan Email.

13) Elemen <span>

Digunakan pada CSS untuk memberikan format pada teks yang diblok, tanpa membuat baris baru.

14) Elemen <frameset>

Membagi satu halaman web menjadi beberapa halaman, halaman yang dibagi masih bisa dibagi lagi.

15) Elemen Pada Form <input>

Tag ini terletak di dalam blok tag form

Atribut:

· type (jenis input) text, checkbox, radio, hidden, button, submit, reset file & image

· name (nama elemen)

· value (isian)

c. Menyimpan File Script

Setelah membuat script-script HTML, kemudian langkah menyimpannya adalah sebagai berikut :

· Click tombol “File” pada taskbar notepad, kemudian pilih “Save”.

· Pada field isian nama file (filename) , ketikkan namafile.html

· Coba jalankan browser dengan membuka “Internet Explorer”.

· Click pada menu "File .."

· Pilih pada option "Open .." yang ada pada menu "File .."

· Pada dialog box "Open" klik pada tombol "Browse .." dan cari file yang ingin ditampilkan.

· Selanjutnya pilih tombol "Ok" jika file telah dipilih.

LATIHAN :

1. Contoh membuat tabel harga barang pada html ....?

2. Contoh membuat teks berjalan...?

Jawaban:

<html>

<head>

<title>Tabel</title>

</head>

<body>

<tr>

<td>Laptop</td>

</tr>

<tr>

</tr>

</table>

</html>

<title>Buat Teks Berjalan</title>

<marquee behavior=alternate>Aku Cinta Kamu</marquee>

</head>

</htm>

BAB III

PENUTUP

3.1 KESIMPULAN

Perkembangan dunia informatika yang semakin canggih pada saat ini menawarkan kemudahan bagi setiap orang dalam membantu menyelesaikan segala kebutuhan dan pekerjaannya. Internet sebagai salah satu bukti nyata dengan adanya perkembangan ini. Maka dari itu, para programmer berusaha untuk merancang beberapa pemrograman di internet. HTML adalah salah satu unsur penting dalm pemrograman di internet. Di dalam HTML terdapat komponen-komponen dokumen HTML dan elemen-elemen dasar HTML.

3.2 SARAN

Untuk itu, bagi para programmer, khususnya pemula yang ingin membuat HTML yang baik, sebaiknya sebelum membuat HTML harus mengetahui definisi, strukntur dasar, komponen-komponen HTML dan elemen-elemen dasarnya. Dan seperti yang telah disampaikan sebelumnya, selain itu ia juga harus menguasai langkah-langkah membuat HTML beserta tampilannya yang menarik yang akan diberikan kepada pengguna nantinya. Semoga makalah yang telah disusun ini dapat menjadi pedoman bagi pemula sebelum membuat HTML.

DAFTAR PUSTAKA

http://rizkyramadhansttg.wordpress.com/2008/07/15/dasar-pemrograman-html/

http://www.semuabisnis.com/

http://one.indoskripsi.com/node

http://trik-tips.blogspot.com/2008/02/dasar-dasar-html-sebuah-web-atau blog.html

http://www.w3.org/TR/html4/

http://inginselalusukses.blogspot.com/2015/03/cara-membuat-paragraph-pada-pemrograman.html