MAKALAH WEB PROGRAMMING TENTANG HTML

Disusun Oleh :

UMI SELMA PAYAPO

( 200101142 )

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI ILMU KOMPUTER (STIKOM) AMBON

AMBON

2024
 KATA PENGANTAR

Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas segala limpahan
rahmat dan karunia-Nya sehingga kami dapat menyelesaikan makalah yang berjudul "Web
Programming HTML" ini dengan baik. Makalah ini disusun sebagai salah satu tugas mata
kuliah , dengan tujuan untuk memberikan pemahaman mendalam mengenai dasar-dasar
HTML (Hypertext Markup Language) dan peran pentingnya dalam pengembangan halaman
web.

Dalam makalah ini, saya mengulas berbagai konsep dasar HTML, mulai dari struktur
umum, elemen-elemen penting, hingga praktik terbaik dalam membangun halaman web yang
fungsional dan responsif. Saya berharap makalah ini dapat memberikan wawasan dan
pengetahuan yang bermanfaat bagi para pembaca, khususnya bagi mereka yang baru memulai
belajar pemrograman web.

Saya menyadari bahwa makalah ini masih jauh dari kesempurnaan. Oleh karena itu,
kritik dan saran yang membangun sangat saya harapkan untuk penyempurnaan makalah di
masa mendatang. Saya juga ingin menyampaikan terima kasih kepada semua pihak yang
telah memberikan bantuan dan dukungan dalam penyusunan makalah ini.

Akhir kata, semoga makalah ini dapat bermanfaat dan menjadi referensi yang berguna
bagi para pembaca dalam memahami dan mengaplikasikan HTML dalam pengembangan
web.

Ambon, 22 Agustus 2024

Umi Selma Payapo

 DAFTAR ISI

Kata Pengantar………………………………………………………………………………...

Daftar Isi………………………………………………………………………………………..

Bab I Pendahuluan…………………………………………………………………………….

1.1 Latar Belakang………………………………………………………………………

1.2 Rumusan Masalah…………………………………………………………………..

1.3 Tujuan……………………………………………………………………………….

1.4 Manfaat……………………………………………………………………………...

1.5 Metode Penulisan……………………………………………………………………

Bab II Pemabahasan…………………………………………………………………………...

2.1 Pengertian…………………………………………………………………………...

2.1.1 HTML (Hypertext Markup Language)…………………………………….

2.1.2 Fungsi HTML (Hypertext Markup Language)…………………………….

2.2 Pengembangan HTML………………………………………………………………

2.3 Elemen Dasar HTML……………………………………………………………….

2.4 Struktur HTML……………………………………………………………………...

2.5 Tampilan HTML…………………………………………………………………….

Bab III Penutup………………………………………………………………………………..

3.1 Kesimpulan………………………………………………………………………….

3.2 Saran………………………………………………………………………………...

Daftar Pustaka…………………………………………………………………………………
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Dalam era digital yang berkembang pesat ini, keberadaan internet telah
menjadi bagian integral dari kehidupan sehari-hari. Salah satu komponen utama dari internet
adalah halaman web, yang menyajikan informasi dalam berbagai bentuk dan format kepada
pengguna. HTML (Hypertext Markup Language) merupakan teknologi dasar yang digunakan
untuk membuat dan mengatur konten pada halaman web. Sejak pertama kali diperkenalkan,
HTML telah menjadi fondasi dari semua situs web, memungkinkan pengembang untuk
menyusun teks, gambar, video, dan elemen lainnya dengan cara yang terstruktur.

Penggunaan HTML tidak hanya terbatas pada pembuatan situs web sederhana,
tetapi juga menjadi dasar bagi pengembangan aplikasi web yang lebih kompleks. Dengan
munculnya berbagai teknologi dan framework modern, HTML tetap menjadi elemen penting
yang harus dipahami oleh setiap pengembang web. Oleh karena itu, mempelajari HTML
adalah langkah awal yang krusial bagi siapa pun yang ingin berkarir di bidang pemrograman
web.

1.2 Rumusan Masalah

Adapun permasalahan yang akan dibahas dalam makalah ini adalah:

1. Apa itu HTML?

2. Apa Fungsi HTML?

3. Bagaimana Struktur Halaman HTML?

4. Bagaimana Tampilan HTML

5. Apa peran HTML dalam pengembangan web modern?

1.3 Tujuan

Tujuan dari penulisan makalah ini adalah:

1. Untuk memberikan pemahaman tentang apa itu HTML dan pentingnya dalam
pemrograman web.

2. Untuk menjelaskan fungsi-fungsi yang terdapat dalam HTML

 3. Untuk memberikan panduan dalam membangun struktur dasar halaman web
menggunakan HTML.

4. Untuk mengetahui bagaimana tampilan pada HTML

5. Untuk mengkaji peran HTML dalam konteks pengembangan web modern.

1.4 Manfaat

Makalah ini diharapkan dapat memberikan manfaat sebagai berikut:

1. Sebagai referensi bagi mahasiswa atau individu yang ingin mempelajari HTML dan
memulai karir di bidang pemrograman web.

2. Sebagai dasar pengetahuan dalam memahami lebih lanjut tentang pengembangan web
dan teknologi terkait.

3. Sebagai bahan pembelajaran dalam pengembangan proyek web yang berbasis HTML.

1.5 Metodologi Penulisan

Penulisan makalah ini dilakukan dengan metode studi pustaka, di mana kami mengumpulkan
dan menganalisis berbagai sumber literatur terkait HTML dan pemrograman web. Sumber-
sumber tersebut meliputi buku teks, artikel ilmiah, dokumentasi resmi, serta materi online
yang relevan. Pendekatan ini diharapkan dapat memberikan gambaran yang komprehensif
dan mendalam mengenai topik yang dibahas.
 BAB II

PEMBAHASAN

2.1 Pengertian

2.1.1 HTML (Hypertext Markup Language)

HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan
oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang
kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTML juga dapat digunakan
sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan
localhost, atau link yang menghubungkan antar situs dalam dunia internet. HyperText Markup
Language (HTML) adalah sebuah Bahasa markup yang digunakan untuk membuat sebuah
halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan
formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam
perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi
home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard
Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas
untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-leerobert ketika mereka bekerja
di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisikaenergi tinggi di Jenewa).

2.1.2 Fungsi HTML (Hypertext Markpup Language)

HTML (Hypertext Markup Language) adalah bahasa markup standar yang digunakan
untuk membuat dan menyusun halaman web. Fungsi utama HTML adalah sebagai berikut:

1. Membangun Struktur Dasar Halaman Web:

o HTML berfungsi untuk menentukan struktur dan layout dasar dari halaman
web. Elemen-elemen seperti header, paragraf, daftar, tabel, dan lainnya diatur
menggunakan tag HTML untuk menciptakan kerangka kerja yang terorganisir.
 2. Menyediakan Link (Hyperlink):

o HTML digunakan untuk membuat hyperlink, yang memungkinkan pengguna

untuk menavigasi antara halaman web atau bagian-bagian tertentu dari
halaman yang sama. Fungsi ini merupakan dasar dari "hypertext," yang
menghubungkan berbagai halaman web di seluruh internet.

3. Mengintegrasikan dengan Teknologi Web Lain:

o HTML berfungsi sebagai dasar yang dapat diintegrasikan dengan teknologi

web lain seperti CSS (Cascading Style Sheets) untuk pengaturan tampilan dan
JavaScript untuk interaktivitas. Ini memungkinkan pengembang untuk
menciptakan halaman web yang lebih dinamis dan menarik.

4. SEO (Search Engine Optimization):

o HTML memungkinkan pengembang untuk menggunakan tag khusus yang

membantu mesin pencari memahami dan mengindeks konten halaman web
dengan lebih baik. Misalnya, penggunaan tag meta, title, h1, dan lainnya
sangat penting untuk optimasi mesin pencari.

Secara keseluruhan, HTML adalah fondasi utama dalam pengembangan web, memungkinkan
pembuatan halaman web yang terstruktur, mudah dinavigasi, dan kompatibel dengan
berbagai perangkat dan teknologi.

2.2 Pengembangan HTML

HTML merupakan sebuah dasar ataupun pondasi bahasa pemograman sebuah web
page,HTML muncul sebagai standar baru dari kemajuan dan berkembangnnya internet, pada
pertamakali muncul internet masih dalam keadaan berbasis text dimana tampilan sebuah
halaman webhanya berisikan sebuah text yang monotone tanpa sebuah format dokumen
secara visual,bayangkan saja sebuah dokument text yang dikemas dalam bungkus format
seperti tipe file .txtatau sering disebut notepad, tanpa paragraph, satu warna, satu ukuran
huruf tanpa gambar sertatidak adanya visual format dokumen seperti halnya Ms. Word, hal
ini akan sangat membosankandalam membaca. dan selain itu pertamakali muncul internet
user mengakses masih menggunakansebuah terminal, hal itu jelas sangatlah tidak friendly.
Pemograman HTML muncul seiringperkembangan teknologi dan informasi.
 2.3 Elemen Dasar HTML

2.3.1 Elemen HTML

Elemen HTML adalah segalanya dari tag awal hingga tag akhir:

< tagname > Konten ada di sini... < /tagname >

Contoh beberapa elemen HTML:

< h1 > Judul Pertamaku < /h1 >

< p > Paragraf pertama saya. < /p >

Star Tag Element Content End Tag

<h1> Judul Pertama </h1>
<p> Paragraf Pertama </p>
<br> none nona

2.3.2 Nasted HTML

Elemen HTML dapat bersarang (ini berarti suatu elemen dapat berisi elemen lain).

Semua dokumen HTML terdiri dari elemen-elemen HTML yang bertingkat.

Contoh berikut berisi empat elemen HTML ( <html>, <body>, <h1> dan <p>):

Contoh :

Penjelasan :

Elemen tersebut <html>merupakan elemen akar dan mendefinisikan keseluruhan dokumen

HTML.
Ia memiliki tag awal <html>dan tag akhir </html>.

Kemudian di dalam <html>elemen tersebut ada <body> elemen:

Elemen <body>mendefinisikan isi dokumen.

Ia memiliki tag awal <body>dan tag akhir </body>.

Kemudian, di dalam <body>elemen tersebut ada dua elemen lainnya: <h1>dan <p>:

Elemen ini <h1>mendefinisikan sebuah judul.

Ini memiliki tag awal <h1>dan tag akhir </h1>:

Elemen <p>mendefinisikan sebuah paragraf.

Ini memiliki tag awal <p>dan tag akhir

</p>:

2.3.3 Empty HTML

Elemen HTML tanpa konten disebut elemen kosong.

Tag ini <br>mendefinisikan jeda baris, dan merupakan elemen kosong tanpa tag penutup:

Contoh :
2.4 Sturuktur HTML (Hypertext Markup Language)

1. Doctype adalah kode yang mengindikasikan bahwa dokumen tersebut adalah halaman
HTML. Fungsinya adalah memberitahu peramban (browser) bahwa kode yang akan
dijalankan adalah kode bahasa markup.

2. HTML berfungsi sebagai pembuka dan penutup dari keseluruhan dokumen bahasa
markup. Semua elemen bahasa markup diletakkan di antara tag ini.

3. head biasanya berisi elemen-elemen yang tidak terlihat pada halaman web, seperti
pemanggilan CSS, pembuatan judul website, favicon, dan lainnya. Semua konten di
dalam tag head tidak akan ditampilkan di peramban.

4. Sebaliknya, tag body pada bahasa markup berisi elemen-elemen yang akan ditampilkan
di halaman web. Ini termasuk paragraf, gambar, dan elemen-elemen lain yang akan
terlihat oleh pengguna saat halaman web dibuka di peramban

2.5 Tampilan HTML (Hypertext Markup Language)

Tampilan HTML mengacu pada bagaimana elemen-elemen HTML dirender atau

ditampilkan di peramban web. HTML sendiri adalah bahasa markup yang mendefinisikan
struktur dan isi dari halaman web, tetapi tampilan akhirnya sangat dipengaruhi oleh elemen-
elemen yang digunakan dan bagaimana mereka diatur. Di bawah ini adalah contoh sederhana
dari tampilan HTML:

Penjelasan:

 <h1>: Menampilkan judul besar "Selamat Datang di Halaman Sederhana".

  <p>: Menampilkan paragraf teks sederhana.

 <a>: Menampilkan tautan yang dapat diklik untuk mengunjungi situs lain.

Saat kode ini dibuka di browser, Anda akan melihat judul besar, paragraf teks, dan tautan.
Tautan tersebut akan membawa Anda ke situs "example.com" ketika diklik.
 BAB III

PENUTUP

3.1 Kesimpulan

HTML (Hypertext Markup Language) adalah fondasi utama dalam pengembangan

halaman web, yang berfungsi untuk menyusun dan menampilkan konten di internet. HTML
memungkinkan pengembang web untuk membuat struktur yang terorganisir, menambahkan
teks, gambar, dan multimedia, serta mengintegrasikan berbagai elemen interaktif melalui
formulir dan tautan. Sebagai bahasa markup yang universal, HTML sangat penting dalam
menciptakan halaman web yang dapat diakses oleh berbagai perangkat dan peramban.

3.2 Saran

Silakan bagi para pembaca untuk mengoreksi dan mengomentari

makalah tentang Data Definition Language (DDL), dan Data ManipulationLanguage (DML)
yang kami Susun jika ada kesalahan mengenai Materi yangtelah dibuat dalam makalah ini.
 DAFTAR PUSTAKA

https://id.scribd.com/doc/116976386/Contoh-Makalah-HTML

https://www.w3schools.com/html/html_elements.asp

https://www.academia.edu/30451715/MAKALAH_HTML_DASAR_docx

https://fikti.umsu.ac.id/html-struktur-dasar-tag-dan-contoh-kode-html/

https://fikti.umsu.ac.id/html-struktur-dasar-tag-dan-contoh-kode-html/

https://www.jagoanhosting.com/blog/tag-html/

https://www.dicoding.com/blog/contoh-coding-html-website-dalam-15-menit/