Tugas Individu

MAKALAH DESAIN WEB

“Hyper Text Markup Language (HTML)”

Oleh
NAMA : SITTI YUNIAR FAHMIANTI FIKI
NIM : A1K1 18 062
KELAS : KETEKNIKAN

JURUSAN PENDIDIKAN FISIKA

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN
UNIVERSITAS HALUOLEO
KENDARI
2021
 KATA PENGANTAR

Assalaamu’alaikum Wr. Wb

Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Esa karena
dengan rahmat, karunia, serta taufik dan hidayah-Nya kami dapat menyelesaikan
tugas makalah Desain Web yang berjudul “Hyper Text Markup Language
(HTML)” dan berkat rahmat-Nya juga yang telah memberikan ilmu
pengetahuannya, serta shalawat dan salam senantiasa tercurahkan kepada
Rasulullah S.A.W. Penulis menuliskan dengan mengambil dari beberapa sumber
buku maupun internet dan membuat gagasan dari beberapa sumber media
informasi lainnya.
Penulis menyadari bahwa dalam pembuatan makalah ini berkat bantuan
dan tuntunan Tuhan Yang Maha Esa dan tidak lepas dari bantuan berbagai pihak,
untuk itu penulis menghaturkan rasa hormat dan terima kasih yang sebesar-
besarnya kepada semua pihak yang telah membantu dalam pembuatan makalah
ini.

Kami sangat berharap makalah ini dapat berguna, menambah wawasan

serta pengetahuan kita mengenai judul makalah ini dan dapat lebih memahami
mengenai sub materi pokok pada makalah ini. Kami juga menyadari sepenuhnya
bahwa di dalam makalah ini terdapat kekurangan dan jauh dari kata sempurna.
Oleh sebab itu, kami berharap adanya kritik,saran dan usulan demi perbaikan
makalah yang saya buat di masa yang akan datang, mengingat tidak ada sesuatu
yang sempurna tanpa adanya saran yang membangun.

Wassalaamu’alaikum Wr.Wb.

Kendari, 24 Maret 2021

Penulis

i
 DAFTAR ISI

HALAMAN JUDUL i
KATA PENGANTAR ii
DAFTAR ISI iii
BAB I PENDAHULUAN
A. Latar Belakang 1
B. Rumusan Masalah 2
C. Tujuan 2
BAB II  PEMBAHASAN
A. Definisi HTML 3
B. Struktur Dasar HTML 4
C. Elemen Dasar HTML 4
D. Tag Dasar HTML 5
BAB III  PENUTUP              
A. Kesimpulan 7
B. Saran 7
DAFTAR PUSTAKA 8

ii
 BAB I

PENDAHULUAN

A. 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. Web merupakan media untuk menanpilkan halaman. Web
terbagi menjadi dua yaitu web statis dan web dinamis. Web statis adalah
media untuk menampilkan halaman statis atau tetap, tetapi yang mengatur
nya adalah web browser. Contoh teknologi yang berkaitan dengan web statis
adalah Client Side seperti HTML, Java script.
Pada awalnya HTML hanyalah halaman-halaman berformat yang bisa
dilihat oleh sedikit program browser. Sasaran awal HTML adalah menyajikan
informasi teks yang memungkinkan pengguna terhubung atau beralih ke
halaman-halaman web lainnya atau yang biasa disebut Hyperlink diantara isi
dari website. Sekarang ini HTLM tidak hanya mampu memformat teks
namun juga menyajikan grafik dan mengatur form-form data.
Kebehatan lain HTML adalah semua komputer dengan web browser
dapat membaca dan menafsirkan kode HTML terhadap halaman-halaman
web yang mereka akses. Sebelum internet populer, orang mengirim data atau
sebuah file teks ke seorang teman melalui sebuah jaringan. Anda bisa
mengirim file teks atau grafik, atau anda dapat mendownload sebuah file
musik dari sebuah sistem bulletin board elektronik (BBS). Sekarang, anda
masih bisa mendownload file-file dalam berabagai macam format, namun
selain itu anda bisa menerima sebuah file berbasis HTML saat menampilkan
sebuah halaman web. Salah satu keuntungan dari mengirimkan HTML

1
 melalui sebuah koneksi, termasuk file-file data individu, adalah bahwa kode-
kode HTML menjalin semua elemen data lainnya yang bersama dengan
memformat mereka kedalam sebuah halaman web yang bisa dibaca atau
digunakan.

B. Rumusan Masalah
Rumusan masalah yang akan dibahas pada makalah ini, yaitu:
1. Apa yang dimaksud dengan HTML?
2. Bagaimana struktur dasar HTML?
3. Jelaskan elemen dasar HTML?
4. Bagaimana tag dasar dalam HTML?
C. Tujuan
Tujuan pada makalah ini, yaitu:
1. Untuk mengetahui apa yang dimaksud dengan HTML
2. Untuk mengetahui struktur dasar HTML
3. Untuk mengetahui elemen dasar HTML
4. Untuk mengetahui tag dasar HTML

2
 BAB II

PEMBAHASAN

A. Definisi HTML
HTML merupakan singkatan dari Hypertext Markup Language. HTML
dikembangkan pertama kali oleh tim Berners-Lee bersamaan dengan protokol
HTTP (Hypertext Transfer Protocol) pada tahun 1989. Tujuan utama
pengembangan HTML adalah untuk menguhungkan satu halaman web dengan
halaman web lainnya. Tentunya pada awal perkembangnnya, halaman web hanya
berupa teks, tidak seperti sekarang.
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
disusun dengan bahasa yang sederhana, sehingga sangat mudah
diimplementasikan. Saat ini HTML dapat menampilkan objek-objek seperti teks,
tabel, tautan, gambar, audio dan video. 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

3
 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan.
(18 Desember 1997).

B. Struktur Dasar HTML

HTML merupakan sebuah bahasa pemrograman yang berisikan
perintah kepada browser yang telah terinstal pada computer client, Bahasa
pemograman ini terdapat sebuah elemen, tag dan attribute didalam
perintahnya. 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 menulisakan 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 ada
TITLE Judul untuk masing-masing halaman, ditampilkan di atas
browser
BODY Informasi yang ingin dimunculkan diletakkan di bagian ini

C. 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 :

4
1. Paragraph, untuk membuat suatu paragraph
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.
2. Blockquote, untuk membuat suatu kutipan teks
Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks.
Browser biasanya menampilkan kutipan teks dengan mengidentifikasikan
teks tersebut atau dengan mengabaikan spasi dalam teks seperti tak
paragraph. Kutipan teks dinyatakan dengan indentasi yang merujuk ke
dalam dan berbeda dalam satu paragraf.
3. Preformatted text, untuk menampilkan teks seperti yang dituliskan
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 tak <PRE>…..</PRE>. Sehingga teks yang berada di
dalam tag pre akan mengikuti sesuai dengan pengetikan yang dilakukan.
Berikut ini adalah
4. Divider dan Center, digunakan untuk mengelompokkan suatu teks
tertentu.
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.

5
D. Tag Dasar HTML
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 tak berpasangan adalah :
<nama tag> Teks yang akan ditampilkan </nama tag>
Penulisan program yang baik adalah secara terstruktur. Artinya antara tak
pertama dan tag berikutnya tidak saling tumpang tindih. 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.

6
 BAB III

PENUTUP

A. 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
terdapat komponen-komponen dokumen HTML dan elemen-elemen dasar
HTML. Dalam pembuatan website, dikenal dua komponen penting yaitu www
dan HTML. Dimana www merupakan suatu protokol standar dari internet,
sedangkan HTML merupakan script atau program standar yang dijalankan
oleh www atau internet. Proyek HTML ini dibuat dengan menggunakan
media web editor notepad.
Di dalam HTML terdapat dua bagian dokumen yaitu bagian kepala
(head) dan bagian tubuh (body). Pembuatan proyek web/HTML sekolah
dengan menggunakan notepad ini dimulai dengan pembuatan bahasa HTML
dalam notepad. Yang kemudian untuk setiap baris dalam proyek ini selalu
dibuat dengan bahasa HTML tersendiri sesuai dengan apa yang akan kita
buat.
B. Saran
Saran yang dapat diberikan yaitu untuk 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.

7
 DAFTAR PUSTAKA

Ramadhan, A. 2007. Pemograman Web dengan HTML,CSS dan JavaScript.

Jakarta: PT. Elex Media Komputindo.

Syamsiyah. 2009. Mengenal Program HTML sebagai Dasar Pembuatan Web.

Yogyakarta: BSI.

Solichin, A. 2016. Pemograman Web dengan PHP dan Mysql. Jakarta: Budi
Luhur.