HTML
Dosen pembimbing : Anis Dwi Juliyanti Anggraini, S Kom
Disusun oleh:
2018
Page 1
KATA PENGANTAR
Puji syukur kami panjatkan kehadirat Allah SWT Yang Maha Esa yang telah
melimpahkan rahmat, hidayah dan inayah-Nya sehingga kami dapat menyelesaikan makalah
bertema ”HTML” sebagai salah satu tugas kelompok mata kuliah Pengantar Teknologi
Informasi.
Dalam menyelesaikan makalah ini, kami mendapatkan begitu banyak bimbingan dari
berbagai pihak, untuk itu saya mengucapkan banyak terimakasih kepada siapa saja yang
membantu dalam menyelesaikan makalah ini.
Penyusun
Page 2
Daftar Isi
Halaman Judul.........................................................................................................1
Kata Pengantar.........................................................................................................2
Daftar Isi..................................................................................................................3
Bab I Pendahuluan
o Latar Belakang.............................................................................................4
o Rumusan Masalah........................................................................................5
o Tujuan Makalah...........................................................................................5
o Kegunanaan Masalah...................................................................................5
o Prosedur Masalah.........................................................................................5
Bab II Pembahasan
o Perkembangan HTML.................................................................................6
o Kegunaan HTML.........................................................................................11
o Contoh Program...........................................................................................12
o Kesimpulan..................................................................................................15
o Saran............................................................................................................16
o Referensi......................................................................................................16
Page 3
BAB 1
Pendahuluan
A. Latar Belakang
Web adalah sebuah penyebaran informasi melalui internet. Sebenarnya antara www (world
wide web) dan web adalah sama karena kebanyakan orang menyingkat www menjadi web
saja. Web merupakan hal yang tidak dapat dipisahkan dari dunia internet. Melalui web, setiap
pemakai internet bisa mengakses informasi-informasi di situs web yang tidak hanya berupa
teks, tetapi juga dapat berupa audio, visual maupun yang lain. Sebenarnya, web merupakan
kumpulan-kumpulan dokumen yang banyak tersebar di beberapa komputer server yang
berada di seluruh penjuru dunia dan trehubung menjadi satu jaringan melalui jaringan yang
disebut internet. Terdapat 2 jenis web yaitu website statis merupakan website yang isi
kontennya tidak dapat diubah secara langsung oleh end-user. Isi dari website hanya bisa
diubah oleh orang yang mengerti mengenai bahasa pemrograman atau tools untuk merancang
halaman website. Website jenis ini tidak mempunyai basis data, jadi informasi yang
disampaikan ditulis langsung ke dalaman sintax. Biasanya website jenis ini dibuat untuk
menampilkan informasi yang jarang diupdate misalnya Company Profile. . Contoh teknologi
yang berkaitan dengan web statis adalah Client Side seperti HTML. HTML sendiri adalah
sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan
berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks
sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud
yang terintegerasi .Dan yang kedua adalah Website dinamis adalah website yang isi
kontennya sudah termanajemen dengan kata lain, sudah menerapkan sistem Content
Management System untuk informasi yang disampaikannya. End-user bisa sewaktu-waktu
mengupdate konten pada halaman website tanpa perlu faham sintax ataupun bahasa
pemrograman. Melihat dari segi fungsioKegnalitasnya, website seperti inilah yang sekarang
banyak digunakan. Unsur – unsur web ada beberapa macam diantaranya Nama Domain
(Domain name / URL –Uniform Resource Locator), Rumah Tempat Website (Web Hosting),
Bahasa Program (Scripts Program), Desain Website, Program Transfer Data ke Pusat Data.
Page 4
B. Rumusan Masalah
C. Tujuan Makalah
Makalah ini dibuat bertujuan untuk mengetahui bagaimana penggunaan HTML dengan tepat
dan benar.
D. Kegunaan Makalah.
Makalah ini digunakan untuk pembelajaran dasar mengenai HTML secara umum dan
mendasar.
E. Prosedur Makalah.
Penyusunan makalah ini berdasarkan metode deskriptif yaitu dengan cara mecari sumber data
dari buku maupun internet.
Page 5
BAB II
Pembahasan
2.1 Perkembangan HTML
Page 6
Elemen-element baru seperti, artikel, header, footer , dan navigasi.
Fitur Dukungan yang lebih baik guna penyimpana secara offline local.
Fitur Control dalam bentuk baru, meliputi ; kalender, waktu, email, search, URL
Akan tetapi sampai saat ini HTML versi ini belum menjadi standart resmi. Banyak browser
juga yang belum support terhadap HTML 5. HTML versi ini (HTML 5) mungkin akan
menjadi standart baru untuk HTLM dan XHTML.
2.2 Elemen Dasar
Berikut ini adalah elemen dasar pada HTML :
Block Level Element
Block level element yang sering digunakan adalah tag heading mulai dari <h1>sampai
dengan <h6>, dan semakin kecil angkanya maka akan semakin besar ukuran teks yang akan
ditampilkan.
Syntax kode heading itu sendiri normalnya adalah sebagai berikut :
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
<p>...</p>
<ol>...</ol>
<ul>...</ul>
Horizontal Rule
Page 7
Elemen ini digunakan untuk membuat garis secara horizontal dengan menggunakan tag <hr>.
Syntax kode tag horizontal rule <hr> adalah sebagai berikut :
<hr/>...
... <hr />
PHP ditulis oleh Rasmus Lerdorf yang pada awalnya ia gunakan untuk mencatat jumlah
pengunjung situs yang membuka halaman resumenya. Ia kemudian menulis ulang kode-
kodenya dengan bahasa C yang kemudian menjadikan bahasa itu menjadi lebih kaya
kemampuan.
Barulah setelah itu banyak bermunculan tokoh-tokoh yang berjasa dalam perkembangan PHP
seperti
Zeev Suraski dan Andi Gutmans yang menulis kembali parsing Engine unuk menciptakan
PHP versi 3. PHP kemudian menjadi modul Apache yang paling sering digunakan. Berikut
ini contoh script PHP yang akan menampilkan text Hallo Dunia.
<html>
<head>
</head> <?php
echo “<br><br><h1>Hallo dunia<br><br></h1>”;
?>
</html>
Page 8
· CGI (Common Gateway Interface)
CGI (Common Gateway Interface) merupakan standar Internet tertua dan paling berkembang
sebagai suatu alat lewatnya informasi dari web server ke suatu program dan mengembalikan
hasilnya ke browser.
Suatu program CGI dapat ditulis dengan bahasa-bahasa berikut:
- Perl
- Java
- C, C++
- Script-script UNIX
- Visual Basic
Karena itulah CGI sebenarnya kurang tepat jika dikategorikan sebagai bahasa karena
program CGI sendiri dapat ditulis menggunakan beragam bahasa.
PERL merupakan bahasa pemrograman tingkat tinggi yang ditemukan oleh Larry Wall
(1987). PERL memiliki kemampuan untuk dapat diterapkan pada hampir semua jenis
Operating System dan yang terpenting, perl bisa didapatkan secara GRATIS!!
Pada Web, eksekusi perl biasa dijalankan dengan CGI (Common Gateway Interface) sebagai
mkanisme untuk menampilkan output text ke browser. Lebih jauh tentang Perl dan
keamanannya dapat anda temukan di .
· ColdFusion
Ekstensi File: .cfm
Page 9
3) ColdFusion Studio
File-file CFM disimpan dalam bentuk plain text, sama halnya seperti PERL dan PHP
sehingga siapapun dapat melihat isinya.
ASP diciptakan khusus bagi server IIS milik microsoft. Bahasa ini merupakan bahasa
pemrograman web yang dinamis. ASP dapat digunakan untuk mengeksekusi beragam request
terhadap suatu database atau perintah-perintah pada system lokal.
Berikut contoh sederhana berikut yang akan menampilkan tanggal dan jam pada sebuah
halaman web untuk server-side:
<html>
<body>
<h1>Tanggal:</h1>
<h1>Jam</h1>
</body>
</html>
<html>
<body>
Page
10
</script>
<body>
</html>
2.4 Kegunaan HTML
a. Membuat link
Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok
kata atau frase untuk menuju ke bagian manapun dalam World Wide Web. Ada tiga macam
link yang dapat kita gunakan :
· Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat
digunakan untuk judul, heading dan sebagainya.
· Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan
mesin ketik · Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.
Page
11
Dengan HTML kita dapat menampilkan daftar atau deretan informasi dalam bentuk point-
point sehingga lebih mudah dibaca dan dipahami Membuat link.
Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu
kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web.
d. Menyisipkan citra
Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan
informatif untuk mendukung data-data lainnya dalam bentuk teks.
2.5 Contoh Program
· Script
<html>
<head>
</head>
<title><MY Homepage</title>
<body>
<p> Ini homepage pertama saya jadi terlihat sederhana. Namun selanjutnya saya akan
memperbaikinya web saya dengan lebih baik </p><img src="Pictures/Aji.jpg" width="120"
height="80" align="center"><p>
Page
12
Nama saya Aji Zanuar Pamungkas. Saya mahasiswa semester genap sebuah kampus swasta
Yogyakarta</p>
</body>
</html>
Hasil Gambar:
· Script 2
<html>
<head>
<title>Biodata Diri</title>
</head>
<body>
</div>
</h3>
Page
13
</body>
</html>
Hasil Gambar:
Page
14
BAB III
Penutup
A. Kesimpulan
Page
15
B. 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.
C. Referensi
Rasyak,Rishak.2012. Penggunaan
HTML.http://muhammadrishak.blogspot.com/2012/10/muhammad-rishak-rasyak.html. 19
Oktober 2013
Page
16