Nama : YULIA SAFITRI

NPM : 18.63.0194

Mata Kuliah : Pemograman WEB

Semester : 3

1.Jelaskan secara singkat apa itu pemograman WEB ?

2. Jelaskan pengertian HTML !

3. Jelaskan sejarah dan perkembangan HTML !

4. Jelaskan pengertian WEB Browser dan Text Editor serta berikan contohnya masing-masing !

5. Tag, atribut dan elemen ADALAH 3 bagian inti yang membangun HTML dan jelaskan
pengertian dari ketiga tersebut !
1.Pengetian pemrogaman web adalah web sendiri merupakan sebuah halaman atau media
informasi yang dapat diakses dengan perangkat lunak browser melaluli jaringan computer atau
internet. Jadi, pemrograman web adalah proses membuat aplikasi computer yang dapat
digunakan atau ditampilkan dengan bantuan browser sob.

2. Hypertext Markup Languafe (HTML) adalah sebuah bahasa markah yang digunakan untuk
membuat sebuah halaman web, menampilkan berbagai informasi didalam sebuah penjelajah
web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII
agar dapat menghasilkan tampilan wujud yang terintegrasi.

3.# Sejarah HTML

Sejarah HTML atau Hypertext Markup Language telah menjadi teknologi utama untuk web sejak
awal tahun 1990-an. Tim Berners- Lee menciptakan HTML pada tahun 1989 sebagai cara
sederhana namun efektif untuk mengkodekan dokumen elektronik. Bahkan,tujuan awal dari
web browser adalah untuk melayani pembaca untuk membuka dokumen berformat HTML.

# Perkembangan HTML

DIdalam HTML telah mengalami berbagai perkembangan dari tiap-tiap versinya. Berikut adalah
versi-versi dari perkembangan HTML tersebut:

 HTMLVersi 1.0
HTMLVersi 1.0 merupakan pionir yang di dalamnya mash terdapat banyak sekali
kelemahan hingga wajar jika tampilan yang dihasilkan sangat sederhana. Kemampuan
yang dimiliki versi 1.0 ini antara lain heading, paragraph,hypertext,list serta cetak tebal
dan miring pada teks. Versi ini juga mendukung peletakan image pada dokkumennya
tanpa memperoleh teks disekelilingnya (wraping).
 HTML Versi 2.0
Pada HTML VErsi ini, penambahan kualitas HTML terletak pada kemampuannya untuk
menampilkan suatu form pada dokumen. Dengan form ini, kita dapat memasukkan
nama,alamat,serta saran dan kritik. HTML versi 2.0 ini merupakan pionirdari adanya
web interaktif.
 HTML Versi 3.0
Versi HTML 3.0 menambahkan beberapa fasilitas baru sepert iFIGURE yang meruoakan
perkembangan dari IMAGE untuk meletakkan gambar dan tabel. Selain ituu, HTML ini
juga mendukung adanya rumus-rumus matematika dalam dokumennya. Versi ini yag
disebyt HTML +- tidak bertahan lama dan segera digantikan dengan versi 3.2.
 HTML Versi 3.2
 HTML versi ini merupakan HTML yang sering digunakan. Di dalamnya terdapat suatu
teks disekeliling gamba,gambar sebagai latar belakang,tabel,frame,style sheet dan lain-
ain. Selain itu pada HTML versi ini kita bisa menggunakan script diluar HTML untuk
mendukung kinerja HTML kita tersebt, menndukung kinerja HTML kita tersebut, seperti
Javascript, VBSxript dan lain-lain.
 HTML Versi 4
HTML ini memuat banyak sekli perubahan dan revisi darai pendahulunya yaiitu HTML
3.2.Perubahan ini hamper terjadi disegala perintah HTML seperti tabel, image, link,
text,meta, imagemaps,form dan lain-lain.
 HTML Versi 4.01
HTML versi 4.01 merupakan revisi dari HTML 4.0. VErsi terbaru ini memperbaiki
kesalahan-kesalahan kecil (minor errors) pada versi terdahlunya. HTML 4.01 inijuga
menjadi stndarisasi untuk elemen dan atribut dari script XHTML 1.0.
 HTML VErsi 5.0
Teknologi ini mulai diluncurkan pada tahun 2009, tetapi pada tanggal 4 Maret 2010
terdapat sebuah informasi bahwa W3C (Word Wide Web Consortium) dan IETF (Internet
Engineering Task Force) yaitu sebuah organisasi yang membagun versi HTML
terbaru,yaitu versi 5.0.
HTML 5 adalah sebuah prosedur pembuatan tampilan web baru yang merupakan
penggabungan antara CSS,HTML itu sendiri dengan JavaScript.
Beberapa kelebihan yang dimiliki oleh HTML5 adalah :
- Cleaner code
Karena sebaguan besar kode telah termasuk didalam sintaks HTML5,maka kode
Nampak terlihat lebih sederhana dari pada oenggbngan antara HTML,CSS dan Java
Script.
- Greater Consistency
HTML5 telah melakukan banyaksekali penambahan sintaks yang dibuat dalam
struktur lebih baik dan lebih sederhan daripada sintaks-sntaks sebelumnya.Hal
meningkatkan konsistensi dakam membangun web.
- Improve Semantics
Berbagai elemen kode di dalam HTML5 yang telah distandarisasi, maka nilai
semantic dari sebuah web dapat lebih ditingkatkan. Itu berarti bahwa baguan-
bagian dari web seperti header, nav, footer dan beberapan bagian lainnya
terdefenisi dengan jelas maksud serta tujuannya. Slain itu juga terbentuk dalam
sebuah “machine readinle format”.
- Improved Accessibility
Teknologi HTML5 yang memudahkan struktur pembangunan sebuah web,maka
developer dapat membangun pemahaman yang lebih detail mengenai halman web
 - Cline-side Database
HTML5 meyediakan model database SQL yang baru dengan API yang dapat dibangun
dalamkonsep loka,dalam ghal ini di sisi client.
- Geolocation
HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut
dapat dialses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.
- Offline Aplication Cache
Pengguna dapat terus melakukan interaksi dengan aplikasi meskipun mereka
terputus dari jaringan onternet.
- Smarter Forms
Terdapat semacam regular expression (regex) yang membuat formmampu
mengenali secara lebih baik tentang input, validasi data dan interaksi dengan
elemen lain(missal: form email,password dll).
- Sharper focus on Web Application Requiments
HTML5 membuat sebuah mekanisme yang lebih mudah dalam hal pembuatan front
end aplikasi chat tools drag and drop, video player, pengolahan grafis dan masih
banyak lagi.

4. Pengertian Web browser adalah suatu program, software, apliaksi atau perangkat yang
digunakan untuk mencari atau menjelajahi informasi di dalam jaringan internet dari sebuah
media seperti situs, blog, jejaring social, dan lain sebagainya yang tersimpan didalam internet.
Tentu tidak asing lagi dengan nama-nama web browser seperti Chrome, firefoxt, Opera,Safari
dan lain-lain.

Contoh web browser :

1. Googgle Chrome
Hampir 60% metizen didunia ini menggunakan Chorome sebagai web browser
digunakan diseluruh nengara khususnya Negara-negara yang ada dibenua Asia,Amerika
dan Eropa.
2. Mozilla Firefox
Firefox juga merupakan salah satu web browser yang paling banyak digunakan oleh para
pengguna internet. Sekitar kurang lebih 1/6 jumlah pengguna internet dunia dan
Indonesia merupakan salah satu Negara Firefox terbanyak.
3. Safari
Pengguna Safari di dunia hamper mencapai 16% sehingga browser ini menjadi salah satu
yang palin popular. Aplikasi 2003 untuk perangkat komputer dan pada 2007 untuk
perangkat mobilenya.
 4. Opera
Juga merupakan salah satu web browser popular saat ini yang digunakan sekitar 6%
netizen seluruh dunia untuk perangkat mobilenya. Janagan-jangan kamu juga pengguna
opera.
5. Internet Explorer
Meskipun semakin sedikit yang menggunakan,teatapi saja Internet Explorer masih ada
yang menggunakannya penah digunakan sampai 95% netizen lho pada tahun 2002-
2003.
6. Netscape Navigator
Nescape Navigator merupakan web browser yang terkenal di era 90-an sebelum
hadirnya internet explorer (IE) yang dikembangkan oleh Netscape Communication serta
dipelopori oleh mahasiswa lulusan NCSA (National CEntr of Supercomputer Aplplication
di University of IIIionis) dan programer-programer paruh waktu.
7. Maxthon Browser
Browser Maxthon menggunakan IE sebagai dasar,namun punya fungsi yang mempuni
untukkeamanan kamu berselancar di internet. Dilengkapi dengan fitur Magic fill
member. Jadi fitur ini akan membuat kamu lebih mudah, karena Maxthon akan
menyimpan.
8. ICab
Aplikasi web browser iCab yang berlogo mobilngebut ini memiliki banyak fitur yang tidak
tersedian pada browser Mac lainnya, iCab merupakan pilihan me baik pada semua
menginginkan kinerja lebih baik pada semua Mc OS.
9. Flock
Flock browser merupakan penjelajah web yang spesialisasinya kepada fitur penyedia
jejaring social dan merupakan browser social internasional dunia pertama yang berbasis
pada firefox. Dengan fitur-fitur yang menarik, bisa memberikan pengalamn
berkomunitas sosial di internet sambil browsing.

#Pengertian text editor adalah suatu software aplikasi atau suatu program computer yang
memungkinkan kalian sebagai penggunanya untuk membuat,mengubah atau mengedit file teks
yang ada berupa text biasa. Text editor ini sebenarnya bisa digunakan untuk membuat program
computer dan mengedit source code dari bahasa pemograman. Selain itu, text editor juga bisa
dimanfaatkan untuk membuat halman web atautemplate web design dan juga membuat
aplikasi tertentu.

#Contoh Text Editor

1. Notepadd ++
 Notepad adalah editor asli bawaan dari windows/Microsoft.Bagi pengguna Operating
System windows pasti sudah terbiasa melihat atau menggunakan applikasi ini. Biasanya
untuk pemula direkomendasikan menggunakan notepad ++ ini. Memiliki fiture
pewarnaan pada code-code tertentu sehingga akan sedikit memudahkan pengguna.
2. Sublime-Text
Sublime Text adalah aplikasi editor para programmer web mendukung berbabagai
bahasa pemrogramman didukungkan oleh sublime text ini. Memiliki banyak fitur untuk
mempermudah penggunanya yang menarik dan juga merupakan aplikasi yang ringan.
3. Atom
Atom merupakan text editor open source tersedia untuk platform os X, Linux,dan
Windows. Atom ini dibuat oleh GitHub dan diklaim sebagai text editor yang bisa di
custom dengan mengubah file konfigurasinya.Atom ini mirp dengan Sublime Text,
karena memang dibuat dengan mengguankan Sublime Text sebagai referensinya. Atom
ini bersifat modular, jadi kamu bisa menginstal plugins tambahan.
4. Vim
Vim atau Vi Improved adalah teks editor terbaik yang sangay powerful. Aplikasi ini
memungkinkan kamu untuk melakukan segala sesuatu hanya berbekal shortcut. Dengan
Vim kamu dapat mengubah teks yang ada didalam dokumen, memindahkan menghapus
baris, mengubah secara otomatis, dan masih banyak lagi tanpa harus menggunagkan
mouse.
5. Brackets
Brackets adalah text editor yang secara khudud dikembangkan untuk tujuan web design
dan front-end development. Project Brackets ini diusung oleh Adobe secara aktif oleh
komunitas web developer.

5.#Pengertian Tag dalam HTML

Sebagai sebuah bahsa markup, HTML membutuhkan cara untuk memberitahu web browser
untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraph, list, atau
sebagai link. Dalam HTML, tanda ini dikenal dengan istilah tag.

#Pengertian Atribut dalam HTML

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa
instruksi untuk warna dari text, besar huruf dari text,dlll. Setiap atribut memiliki pasangan
nama dan nilai (value) yang ditulis dengan name=”value”. Value diapet tanda kutip, boleh
menggunakan tanda kutip satu (‘) atau dua (“).

# Pengertian Element dalam HTML

Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag
itu sendiri dan atribut yang dimlikinya (jika ada).