Makalah html
Download as DOCX, PDF1 like9,590 views
Makalah ini membahas tentang Internet dan HTML. Internet adalah sistem global dari semua jaringan komputer yang saling terhubung menggunakan protokol TCP/IP, sedangkan HTML adalah bahasa markup standar untuk membuat halaman web. Makalah ini juga menjelaskan sejarah, tag-tag dasar, dan program editor HTML.
Makalah html
- 1. 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
- 2. 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. i Bandung, 18 September 2014 Penulis
- 3. 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
- 4. BAB I PENDAHULUAN 1 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
- 5. BAB II PEMBAHASAN 2 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
- 6. sebelumnya. Namun perkembangan resmi dikeluar pada bulan November 1995 oleh IEFT (Internet Engineering Task Force). 3 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 :
- 7. 4 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. <html> …………………… </html> 2. HEAD Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan atau informasi tentang dokumen web yang akan ditampilkan. <head> …………………… </head> 3. TITLE Merupakan tag yang berada diantara tag <head> yang berfungsi untuk memberikan judul pada dokumen HTML. <title> Tulis judul dokumen </title> 4. BODY Merupakan elemen utama dalam dokumen web. Pada elemen ini semua isi dokumen yang akan ditampilkan pada browser harus dituliskan. <body> tuliskan semua informasi yang akan ditampilkan </body>
- 8. 5 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>. <body> <p>tuliskan paragraph</p> </body> 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 -> <! Tulis komentar -> 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.
- 9. 6 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++.
- 10. BAB III PENUTUP 7 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.
- 11. 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- 8 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)