Makalah

KOMPUTER APLIKASI IT

INTERNET dan HTML

Disusun oleh :

NIM : 10514218 (IS-6)

Nama : Sinta Purnamasari

Dosen : Hani Irmayanti, S.Kom., M.Kom.

FAKULTAS TEKNIK DAN ILMU KOMPUTER

JURUSAN SISTEM INFORMASI

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG 2014

KATA PENGANTAR

Puji dan syukur penulis sampaikan ke Hadirat Allah SWT., karena atas Rahmat dan

Karunia-Nya penulis dapat menyelesaikan makalah yang berjudul “INTERNET DAN HTML”

dengan tepat waktu.

Makalah ini disusun berdasarkan dari berbagai sumber, dan penulis juga mengucapkan

terimakasih kepada pihak terkait yang telah membatu penulis dalam penyusunan makalah ini.

Akhir kata semoga makalah ini bias bermanfaat bagi pembaca pada umimnya dan penulis

pada khususnya, penulis menyadari bahwa dalam pembuatan makalah ini masih jauh dati sempurna

untuk itu penulis menerima saran dan kritik. Akhir kata penulis sampaikan terimakasih.

Bandung, 18 September 2014

Penulis

i

DAFTAR ISI

KATA PENGANTAR.......................................................................................................................i

DAFTAR ISI..................................................................................................................................... ii

BAB I PENDAHULUAN.................................................................................................................1

1.1 LATAR BELAKANG...................................................................................................1

1.2 RUMUSAN MASALAH...............................................................................................1

1.3 TUJUAN........................................................................................................................1

BAB II PEMBAHASAN...................................................................................................................2

2.1 SEJARAH INTERNET.................................................................................................2

2.2 SEJARAH DAN PENGERTIAN HTML......................................................................2

2.3 TAG – TAG DASAR HTML........................................................................................3

2.4 PROGRAM EDITOR DAN COMPILER HTML.........................................................5

BAB III PENUTUP...........................................................................................................................7

3.1 KESIMPULAN.............................................................................................................7

DAFTAR PUSTAKA........................................................................................................................8

ii

BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Internet memang sudah diketahui oleh kebanyakan orang mulai dari para pelajar hingga

umum, tapi kebanyakan dari mereka belum mengetahui betul mengenai bagian – bagian apa

saja yang berperan penting dalam sebuah halaman web internet, salah satunya adalah

HTML.HTML merupakan suatu komponen penting didalam suatu website yang menjadi sebuah

dasar atau pondasi bahasa pemograman sebuah web yang digunakan untuk membuat sebuah

halaman web, menampilkan berbagai informasi didalam sebuah web bowser dan pemformatan

hypertext sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan

wujud yang terintegrasi.

1.2 RUMUSAN MASALAH

1. Sejarah internet ?

2. Pengertian dan sejarah HTML ?

3. Tag – tag dasar HTML ?

4. Sebutkan dan jelaskan program editor dan compiler untuk HTML ?

1.3 TUJUAN

1. Untuk mengetahui sejarah internet

2. Untuk mengetahui pengertian dan sejarah HTML

3. Untuk mengetahui tag – tag HTML

4. Untuk mengetahui program editor dan compiler untuk HTML

1

BAB II

PEMBAHASAN

2.1 SEJARAH INTERNET

Internet merupakan singkatan dari interconnection nerworking yang merupakan suatu

sistem global dari semua jaringan komputer yang saling terhubung satu sama lain menggunakan

standard internet protocol suite (Transmission control protokol/internet protokol).

Sejarah dimulai pada bulan Agustus 1992 dan penciptaan internet pertama kali dikemukan

oleh seseorang bernama J.C.R Licklider dari MIT (Massachutts Institute of Technology).

Konsep awal dinamakan “Galactic Network” oleh dirinya. Ia mengemukakan tentang

bagaimana jaringan global yang memungkinkan orang dapat mengakses data dan program dari

mana saja. Pada Oktober 1962 beliau mengepalai program penelitian komputer di ARPA yang

merupakan bagian dari Departemen Pertahanan Amerika Serikat.

Proyek dari ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi

dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal

pembangunan protocol baru yang sekarang dikenal sebagai TCP/IP (Tranmission Control

Protocol/Internet Protocol).

2.2 SEJARAH DAN PENGERTIAN HTML

HTML (HyperText Markup Language) adalah suatu bahasa yang digunakan untuk menulis

halaman web dan menampilkan berbagai informasi didalam sebuah browser internet. HTML

ditulis dengan bentuk dokumen ASCII atau text biasa. Dengan kata lain, berkas yang dibuat

dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal, yang

dirancang untuk tidak tergantung pada suatu sistem informasi tertentu.

HTML merupakan pengembangan dari standar pemformatan dokumen text, yaitu Standard

Generalized Markup Languange (SGML). HTML saat ini merupakan standar internet yang

didefinisikan dan dikendalikan oleh World Wide Web Consortium (W3C).

HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-Lee Robert ketika masih

bekerja di CERN pada tahun 1989, dan dipopulerkan oleh browser Mosaic dikembangkan di

NSCA. Selama tahun 1990-an telah berkembang dengan pesat. Selama waktu itu, setiap

pengembangan HTML, pasti akan menambah kemampuan dan fasilitas yang baik dari versi

2

sebelumnya. Namun perkembangan resmi dikeluar pada bulan November 1995 oleh IEFT

(Internet Engineering Task Force).

Perkembangan HTML

HTML telah mengalami perkembangan disetiap versinya, berikut beberapa versi pada HTML :

1. HTML versi 1.0

Diciptakan pada tahun 1989, kemampuan yang dimiliki versi ini antara lain heading,

paragraph, hypertext, list serta cetak tebal dan miring pada teks. Versi ini juga mendukung

paletakan gambar pada dokumennya tanpa memperbolehkan meletakan teks disekelilingnya

(wrapping).

2. HTML versi 2.0

Merupakan pionir dari adanya homepage interaktif, penambahan kualitas HTML terletak

pada kemampuannya untuk menampilkan suatu form pada dokumen yang dapat kita

gunakan untuk memasukkan nama, alamat serta saran/kritik.

3. HTML versi 3.0

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table, versi dirilis pada tahun

1997 dan versi ini disebut juga sebagai HTML +.

4. HTML versi 4.0

HTML ini memuat banyak sekali perubahan dan revisi dari versi sebelumnya. Perubahan

ini hamper terjadi dihampir segala perintah – perintah HTML seperti table, image, link,

text, meta, imagemaps, form, dll.

5. HTML 5

HTML 5 adalah versi terbaru dari HTML yang dibuat oleh World Wide Web Consortium

(W3C). HTML 5 dibuat untuk membuat proses coding menjadi lebih mudah dan logis.

Fitur – fitur unik dan mengesankan dari HTML 5 datang didalam departemen multimedia.

Banyak dari fiturnya yang dibuat dengan pertimbangan bahwa pengguna harus dapat

menjalankan kenten berat (heavy content) dalam device dengan tenaga rendah (low-

powered device). Pada HTML 5 terdapat elemen video, audio, canvas.

2.3 TAG – TAG DASAR HTML

Tag dasar merupakan pondasi dalam pembuatan web berbasis HTML, pada umumnya

HTML tag berpasangan, berikut adalah tag – tag dasar pada HTML :

3

1. HTML

Merupakan tag dasar yang menunjukkan bahwa dokumen ini adalah dokumen HTML. Tag

ini merupakan keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama

dalam dokumen HTML.

2. HEAD

Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan atau informasi

tentang dokumen web yang akan ditampilkan.

3. TITLE

Merupakan tag yang berada diantara tag <head> yang berfungsi untuk memberikan judul

pada dokumen HTML.

4. BODY

Merupakan elemen utama dalam dokumen web. Pada elemen ini semua isi dokumen yang

akan ditampilkan pada browser harus dituliskan.

4

<html>……………………</html>

<head>……………………</head>

<title>Tulis judul dokumen</title>

<body>tuliskan semua informasi yang akan ditampilkan</body>

5. PARAGRAPH

Informasi yang akan disajikan dalam dokumen harus mengikuti kaidah dalam penulisan.

Satu pikiran utama disimpan dalam satu paragraph, setiap paragraph Diwali dengan tag <p>

dan diakhiri dengan tag </p>.

6. LINE BREAK

Line break/tag <br> digunakan untuk memaksa teks berganti baris, tetapi masih dalam

paragraf yang sama.

7. HEADING

Digunakan untuk menunjukan tingkat keberartian dari teks yang ditampilkan. Pada heading

teks akan ditampilkan dalam bentuk teks yang lebih besar dan ditebalkan. Heading

didefinisikan dalam tag <h1> sampai dengan <h6>.

8. HORIZONTAL RULE

Umumnya digunakan untuk memisahkan paragraf atau antar bagian . horizontal rule

didefinisikan dengan menggunakan tag <hr>.

9. KOMENTAR

Untuk mendefinisikan komentar pada dokumen HTML, tek yang akan dijadikan komentar

harus dituliskan dalam tag pembuka <! Dan tag penutup ->

2.4 PROGRAM EDITOR DAN COMPILER HTML

Pada dasarnya untuk membuat dokumen HTML ada dua cara, yaitu :

1. Memakai editor teks yang ada (bawaan windows)

a. Notepad

Notepad adalah sebuah aplikasi teks editor sederhana yang sudah ada sejak windows

1.0 pada tahun 1985 yang dan disetiap system windows baik XP, Vista, Windows 7

dsb.

5

<body><p>tuliskan paragraph</p></body>

<! Tulis komentar ->

2. Memakai bantuan software

a. Adobe Dreamweaver

Merupakan program penyunting halaman web keluaran Adobe system. Program ini

banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan

memudahkan penggunanya

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan

editor WYSIWYG visual (disebut sebagai Design view) dan kode editor dengan fitur

standar seperti syntax highlighting, code completion dan code collaption serta fitur

lebih canggih seperti real-time syntax checking dan code introspection untuk

menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata

letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti

memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen

HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat

halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten

memungkinkan untuk terbuka di web browser yang telah terinstall. Dreamweaver dapat

menggunakan ekstensi dari pihak ketiga untuk memperpanjang fungsionalitas inti dari

aplikasi, yang setiap pengembang web bisa menulis (sebagian besar

dalam HTML dan JavaScript)

b. Notepad++

Notepad++ adalah sebuah penyunting teks dan penyunting kode sumber yang berjalan

di sistem operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat

menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa

pemrograman.

Bahasa pemograman yang didukung oleh Notepad++. Didukung dalam hal ini adalah

dimengerti dan diterjemahkan menjadi teks oleh Notepad++. Misalnya pada C++,

fungsi-fungsinya akan di masukan kedalam daftar fungsi dan kata-katanya akan

berubah warna sesuai dengan makna kata tersebut di C++.

6

BAB III

PENUTUP

3.1 KESIMPULAN

Selain internet kita juga sudah mengenal yang namanya HTML. Hypertext Markup

Language (HTML) adalah bahasa markup yang umum digunakan untuk membuat

halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman. Apabila di

tinjau dari namanya, HTML merupakan bahasa markup atau penandaan terhadap

sebuah dokumen teks.Tanda tersebut di gunakan untuk menentukan format atau style

dari teks yang di tandai. Pada HTML kita biasa menggunakan tag-tag seperti elemen

yang dibutuhkan untuk membuat suatu dokumen HTML.

7

DAFTAR PUSTAKA

Ekasmarianto. 2013. Sejarah dan Perkembangan HTML, (online), (http://eka27marianto.wordpress.com/2013/09/17/sejarah-dan-perkembangan-html/ , diakses 17 September 2014)

Rohmatullah. 2014. Sejarah Internet, (online), (http://rohmatullahh.blogspot.com/2013/10/sejarah-internet-perkembangan-internet.html , diakses 17 September 2014)

Candra saputra. 2012. Tag tag dasar HTML, (online), (http://singgahpay.blogspot.com/2012/11/tag-tag-dasar-html.html ,diakses 17 September 2014)

Wikipedia. 2013. Adobe Dreamweaver, (online), (http://id.wikipedia.org/wiki/Adobe_Dreamweaver, diakses 18 September 2014)

Wikipedia. 2014. Notepad++, (online), (http://id.wikipedia.org/wiki/Notepad%2B%2B , diakses 19 September 2014)

8