BAB I DASAR-DASAR HTML
|
|
|
- Yohanes Agusalim
- 6 tahun lalu
- Tontonan:
Transkripsi
1 BAB I DASAR-DASAR HTML A. KOMPETENSI DASAR Memahami struktur dasar dokumen HTML dan HTML5 Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. ALOKASI WAKTU 4 JS (4 x 50 menit) C. PETUNJUK Awali setiap aktivitas dengan do'a, semoga berkah dan mendapat kemudahan. Pahami tujuan, dasar teori, dan latihan-latihan praktikum dengan baik dan benar. Kerjakan tugas-tugas praktikum dengan baik, sabar, dan jujur. Tanyakan kepada asisten/dosen apabila ada hal-hal yang kurang jelas. D. DASAR TEORI 1. HTML dan XHTML HTML (HyperText Markup Language) merupakan sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup (Indonesia: markah) adalah bahasa yang mengombinasikan teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen standar yang digunakan untuk mendesain halaman web. Pada awal tahun 2000, konsorsium W3C (World Wide Web Consortium) membuat perubahan besar melalui XHTML (extensible Hypertext Markup Language). Ide dasarnya, dalam upaya meningkatkan kompatibilitas dokumen HTML, W3C menambahkan struktur dan ekstensibilitas XML (extensible Markup Language) ke HTML. Perkembangan HTML semakin pesat seiring diperkenalkannya HTML5 pada tahun HTML5 dibangun oleh konsorsium W3C untuk dimasukkan sebagai perubahan besar berikutnya pada standar HTML. Atas dasar ini, maka penting sekali untuk mengenal dan memahami HTML5 dengan baik. 1
2 2. Struktur Dokumen HTML Setiap dokumen HTML harus diawali dengan tag <ht ml > dan diakhiri dengan komplemennya, yakni tag </ ht ml > tag. Dokumen HTML juga menyertakan tiga pasang tag. Tag <head> dan </ head>: digunakan untuk menyatakan informasi mengenai dokumen HTML. Tag <titl e> dan </titl e>: digunakan untuk menambahkan title di title bar browser. Tag dan </ body>: digunakan untuk melingkupi semua teks yang terdapat di halaman HTML. Bentuk struktur dokumen HTML yang standar sebelum versi HTML5 diperlihatkan sebagai berikut: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" xml:lang="en" lang="en"> <head> <!-- Ini baris komentar, tidak diproses --> <title>ini judul dokumen HTML4</title> </head> Ini adalah teks di body </html> Pada HTML5, struktur penulisan lebih diringkas dengan bentuk sebagai berikut: <!DOCTYPE html> <html> <head> <!-- Ini baris komentar, tidak diproses --> <title>ini judul dokumen HTML5</title> </head> Ini adalah teks di body </html> Di samping elemen utama di atas, masih terdapat berbagai jenis elemen yang dapat digunakan di dalam dokumen HTML. Salah satu elemen yang perlu 2
3 diperhatikan adalah untuk penulisan komentar. Di HTML, komentar dinyatakan dengan tag <! -- dan diakhiri dengan tag -->. Bagaimanapun, praktikum ini menuntut adanya standardisasi yang baik benar. Selain itu, penulisan dokumen HTML merujuk pada spesifikasi HTML5. 3. Persiapan Kebutuhan Pada praktikum awal ini, meskipun dokumen HTML bisa ditampilkan tanpa menggunakan web server, namun di sini diwajibkan tetap menggunakan. Selain itu, praktikum ini juga menuntut pembuatan kode-kode yang baik, benar, dan valid. Berikut ini adalah kebutuhan-kebutuhan yang minimal diperlukan: a. WampServer Paket web server Apache, PHP, dan MySQL. Alasan pemilihan paket bundel seperti ini dikarenakan praktis sehingga tinggal memfokuskan pada pemrograman. b. Web Browser Sangat disarankan menggunakan browser utama Mozilla Firefox. Adapun untuk pembanding, sebaiknya juga memanfaatkan browser lain. c. Editor Teks Editor teks untuk menuliskan kode-kode HTML pembentuk halaman aplikasi web (tidak diperkenankan menggunakan IDE seperti Dreamweaver dan sebagainya). d. HTML Validator Untuk menghasilkan dokumen HTML yang valid, sangat disarankan memasang validator, misalnya berupa add-on pada browser Firefox. 3
4 E. LATIHAN 1. Membuat Dokumen HTML Secara garis besar, struktur dokumen HTML terdiri dari dua bagian: header dan bodi. Di mana header mendefinisikan informasi mengenai dokumen, sedangkan bodi mendefinisikan tubuh atau isi dokumen. Langkah-langkah pembuatan dokumen HTML diperlihatkan sebagai berikut: 1. Buka editor teks. 2. Ketikkan teks (kode-kode HTML) berikut: <!DOCTYPE html> <html> <head> <!-- Ini baris komentar, tidak diproses --> <title>ini judul dokumen</title> </head> Ini adalah teks di body </html> 3. Simpan dokumen HTML dengan nama latihan1.1.html dan letakkan di lokasi direktori web, misal C:\wamp\www. Perhatikan, www merupakan direktori web dan sebaiknya buat subdirektori di dalamnya. Gambar 1. Struktur Dokumen HTML Bagaimanapun, dokumen HTML memang bisa ditampilkan dengan mengklik ganda di mana pun lokasinya. Namun perlu diperhatikan, langkah ini bukanlah cara untuk menjalankan halaman web di server lokal. 4
5 2. Publikasi Halaman Web Untuk menguji aplikasi web, kita mempublikasikannya ke web server, baik secara lokal maupun Internet. Lingkungan lokal tentu merupakan pilihan yang efisien, khususnya ketika aplikasi masih dalam tahap pengembangan. Langkah yang diperlukan untuk publikasi ini sangat sederhana. 1. Pastikan bahwa file dokumen sudah diletakkan di direktori web, misalnya untuk WampServer lokasi defaultnya adalah www. Untuk paket web server lainnya, termasuk Apache (versi tunggal) adalah htdocs. 2. Pastikan bahwa web server sudah dijalankan. 3. Buka web browser, kemudian ketikkan alamat URL yang merujuk ke lokasi dokumen. Perhatikan contohnya seperti Gambar 2. Gambar 2. Mengakses halaman web dari server lokal 3. Format Teks HTML menyediakan beragam elemen yang dapat dimanfaatkan untuk pemformatan teks. Heading Heading merupakan salah satu elemen penting di dalam dokumen HTML. Heading didefinisikan menggunakan tag <hn> dan diakhiri dengan </ hn>, di mana n menyatakan tipe dengan nilai 1-6. Untuk mengetahui bentuk semua jenis heading, buat kode HTML seperti di bawah ini. Perhatikan, kode HTML ini sengaja diringkas guna memudahkan penulisan. Jadi, dalam implementasinya harus mendeklarasikan semua elemen-elemen dasar. <h1>heading 1</h1> <h2>heading 2</h2> 5
6 <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> Gambar 3. Tampilan heading 1-6 Elemen heading menyediakan atribut ali gn yang dapat digunakan untuk mengatur posisi teks. <h1 align="right">heading 1</h1> <h2 align="left">heading 2</h2> <h3 align="center">heading 3</h3> Gambar 4. Mengatur posisi heading 6
7 Paragraf Sebagaimana teks pada umumnya, dokumen HTML dapat terdiri dari kumpulan paragraf. Dalam konteks HTML, paragraf direpresentasikan melalui tag <p>. Tag <p> sebenarnya merupakan tag pasangan, meski dalam implementasinya kerap kali diabaikan. <p> Ini paragraf pertama <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <p> Ini paragraf ketiga Gambar 5. Menggunakan paragraf Sebagaimana heading, kita juga bisa mengatur posisi paragraf dengan memanfaatkan atribut ali gn. Sebagai contoh, dokumen berikut akan menghasilkan paragraf rata tengah, kiri kanan, dan kanan. <!DOCTYPE html> <html lang="en"> <head> <title>demo Paragraf</title> </head> <p align="center"> Ini paragraf rata tengah 7
8 <p align="justify"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <p align="right"> Ini paragraf rata kanan </html> Gambar 6. Mengatur posisi paragraf Secara normal, baris baru akan ditambahkan di antara dua paragraf. Adapun jika kita hanya ingin membuat baru, kita tidak harus menggunakan paragraf. Sebagai gantinya, gunakan tag line break <br / >. Membuat baris baru <br /> Membuat baris baru <br /> <p> <!-- break di dalam paragraf --> Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br /> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 8
9 Gambar 7. Membuat baris baru Fontase HTML menyediakan sejumlah elemen yang dapat dimanfaatkan untuk mengatur font, seperti huruf tebal, huruf miring, garis bawah, dan masih banyak lagi. Sebagai tambahan, di sini juga akan dijelaskan mengenai cara mencetak tag. Seperti diketahui, tag <p> di dokumen secara otomatis akan diterjemahkan sebagai paragraf. Adapun untuk mencetak karakter <p> di layar, kita perlu menggunakan nama entitas. Sebagai contoh, karakter < dinyatakan dengan nama entitas &l t; dan karakter > dinyatakan dengan >. <b>menggunakan tag <b>...</b></b> <br /> <strong>menggunakan tag <strong>...</strong></strong> <br /> <i>menggunakan tag <i>...</i></i> <br /> <em>menggunakan tag <em>...</em></em> <br /> <u>menggunakan tag <u>...</u></u> <br /> <strike>menggunakan tag <strike>...</strike></strike> <br /> Gambar 8. Menggunakan style font 9
10 Karakter Khusus Di HTML, kita juga bisa menampilkan karakter-karakter khusus dengan memanfaatkan nama entitas. Tabel berikut memperlihatkan beberapa jenis karakter khusus yang dapat digunakan beserta nama entitasnya. Karakter Deskripsi Nama Entitas Cent Pound Yen Euro Copyright Registered Trademark <!DOCTYPE html> <html lang="en"> <head> <title>demo Karakter Khusus</title> </head> Pound <br /> Euro <br /> Copyright <br /> Registered <br /> Trademark <br /> </html> Gambar 9. Karakter-karakter khusus 10
11 4. Preformatted Text Adakalanya kita menginginkan agar teks yang tertulis di editor teks dapat ditampilkan apa adanya. Pada kasus seperti ini, kita bisa memanfaatkan keberadaan tag <pr e>. Tag ini akan menampilkan teks dengan font Courier dan tetap mempertahankan spasi serta baris baru. <pre> No Nama Alamat PT. Bintang Jl. Terusan Surabaya 2 PT. Sinar Jaya Jl. Tidar 3 PT. Mitra Jl. Galunggung 4 PT. Harapan Jl. Jombang 5 PT. Barokah Jl. Bondowoso </pre> Gambar 10. Tampilan preformatted text Untuk melihat perbedaannya, hilangkan tag <pr e> kemudian perhatikan hasilnya. 5. Garis Horizontal Di HTML, garis horizontal direpresentasikan melalui tag <hr / >. Meskipun kebanyakan browser me-render elemen ini dengan visualisasi yang sedikit berbeda, namun pada hakekatnya mencerminkan sebuah bentuk garis horizontal. Membuat garis horizontal <hr /> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br /> 11
12 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br /> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <hr /> Gambar 11. Garis horizontal 6. Menggunakan List HTML mendukung list dalam bentuk terurut (ordered), tak terurut (unordered), dan definisi (definition). Untuk setiap bentuk list ini, terdapat list item dinyatakan melalui tag <li > berpasangan yang merepresentasikan item-item list. Ordered List <ol> <li>satu</li> <li>dua</li> </ol> <hr /> Unordered List <ul> <li>satu</li> <li>dua</li> </ul> <hr /> Definition List <dl> <dt>satu</dt> <dd>satu Satu</dd> <dt>dua</dt> 12
13 <dd>dua Dua</dd> </dl> Gambar 12. Menggunakan list 7. Pewarnaan Untuk memberikan warna background, HTML menyediakan atribut bgcol or di tag. Atribut ini dapat diisi dengan nama warna misalnya red atau kode heksadesimal misalnya #FFFFFF. Khusus untuk elemen-elemen lain tertentu, tersedia atribut col or yang memungkinkan kita melakukan pewarnaan. Sama seperti bgcol or, nilai atribut ini juga dapat berupa nama warna atau kode heksadesimal. <!-- memberi warna aqua di body --> <body bgcolor="aqua"> <h3 align="center">heading 3</h3> <font color="red">font berwarna merah</font> <br /> <font color="#ff0000"> Font berwarna merah (menggunakan nilai heksa)</font> 13
14 Gambar 13. Menambahkan warna di halaman web 8. Bekerja dengan Gambar Tak hanya teks, kita juga bisa menyisipkan gambar di dalam dokumen HTML. Untuk keperluan ini, HTML menyediakan tag <i mg> yang didukung dengan sejumlah atribut. <p> <!-- menggunakan path relative --> <img src="kucing.jpg" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <hr /> <p> <!-- menggunakan path absolute --> <img src=" align="right" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Gambar 14. Menyisipkan gambar 14
15 15
16 F. STUDI KASUS 1. Buat halaman web sederhana yang melibatkan elemen teks, garis, warna, dan gambar. Di mana terdapat minimal sebuah heading dan garis berwarna, gambar dengan garis tepi (border), dan halaman utama dengan latar belakang gambar sembarang. Contoh tampilannya diperlihatkan seperti Gambar 15. Gambar 15. Kombinasi elemen-elemen HTML 16
Modul Praktikum Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
BAB II KOMPONEN HTML LANJUT
BAB II KOMPONEN HTML LANJUT A. KOMPETENSI DASAR Memahami komponen-komponen HTML lanjutan. Memahami kegunaan dan cara penerapan komponen HTML. Mampu memanfaatkan komponen-komponen HTML untuk membuat halaman
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami jenis dan struktur dasar dokumen CSS. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan halaman
Bab2 -Pengenalan HTML
Bab2 -Pengenalan HTML Web Design & Programming Team Dosen (PENS) 1 Dokumen HTML kependekan dari Hyper Text Markup Language file teks murni yang dapat dibuat dengan teks editor Dokumen ini dikenal sebagai
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
Pengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018
PEMROGRAMAN BERBASIS WEB Part 1,2 HTML By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 Referensi HTML5, JavaScript, and jquery 24-Hour Trainer, Copyright 2015 by
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK
Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com
Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar 1. Memahami cara kerja world
MODUL 1 DASAR-DASAR HTML
MODUL 1 DASAR-DASAR HTML RINGKASAN Dalam praktikum kali ini, Anda akan mempelajari penggunaan dari beberapa tag dasar yang hampir akan selalu digunakan dalam setiap praktikum Anda nantinya. Perhatikan
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya
Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan
MODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
Keterampilan Komputer. 8. Pengenalan HTML
Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah
BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris
BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting
diinterpretasi bukan untuk tampilan
PENGENALAN HTML 1 Markup Language 2 Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk
HTML (HYPERTEXT MARKUP LANGUAGE)
HTML (HYPERTEXT MARKUP LANGUAGE) HTML merupakan Script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri terdiri dari tag-tag yang fungsinya untuk membuat dokumen
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5
PENGANTAR KOMPUTER DAN TI PERTEMUAN 5 Struktur dokumen HTML Homepage Kepala Judul Homepage Tubuh Isi Teks Isi Tabel. Isi Audio, Video, dll.
BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
Pemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta
LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag
BAB 5 PENGENALAN PHP. Tujuan Pembelajaran: Memahami kaidah Pemrograman dengan PHP
BAB 5 PENGENALAN PHP Tujuan Pembelajaran: Memahami kaidah Pemrograman dengan PHP 5.1 Sintaks Dasar 5.2 Mengirim Data ke Web Browser 5.3 Memberi Komentar 5.4 Variable 5.5 String 5.6 Number 5.7 Konstanta
Pengantar HTML. Pengantar HTML
Mark Up Language Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur
MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.
MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat
BAB III Validasi HTML5
1 Modul Praktikum Pemprograman Web BAB III Validasi HTML5 A. Tujuan Memahami konsep dasar active web page, Mampu menghasilkan halaman web yang interaktif, Mampu memanfaatkan validasi data menggunakan HTML5.
PENGENALAN HTML dan TAG-TAG DASAR HTML
Pengenalan HTML dan Tag tag dasar HTML PENGENALAN HTML dan TAG-TAG DASAR HTML Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML,
Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com
Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag>
Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb. Bahkan
Pemrograman Internet by Susiana Sari, S.Kom
1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai
Daftar Isi Elemen Estetis Tumpal Formulasi Tumpal Sebagai Elemen Estetis
Daftar Isi 2 3 4 5 6 7 8-14 15-16 17-18 19-20 21-23 24 25 26-27 Sejarah Jakarta Logo Logo Utama Rumus Skala Logo Logo Positif dan Diapositif Ukuran Logo Panduan Warna Varian Logo Perlakuan Logo Typeface
Chapter 1. Pengenalan HTML
Chapter 1. Pengenalan HTML 1.1. Pengenalan HTML HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML adalah
Responsive Layout dengan Bootstrap [Part 2]
![Responsive Layout dengan Bootstrap [Part 2]](/thumbs/55/35881004.jpg "Responsive Layout dengan Bootstrap [Part 2]")
Responsive Layout dengan Bootstrap [Part 2] Oleh: Christian Rosandhy Salam jaco,, sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat
Pemrograman WEB PERTEMUAN KE-1
Pemrograman WEB PERTEMUAN KE-1 Pengertian HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya,
PENGANTAR INTERNET & DESAIN WEB
Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Definisi HTML Kemampuan HTML
Bab 2 Pengenalan HTML
Bab 2 Pengenalan HTML 2.1 Dokumen HTML HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal sebagai web page. Dokumen
HTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
HTML (Sindy Nova Si )
HTML (Sindy Nova) Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog,
Cara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
Bab 1. HTML (Hypertext Markup Language) A. World Wide Web
Bab 1 HTML (Hypertext Markup Language) A. World Wide Web Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh dunia, TCP/ IP menjadi protocol penghubung
DASAR HTML UNTUK PEMULA
DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet
BAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
BAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
XHTML Part 1. Wahyu Catur Wibowo Amalia Zahra
XHTML Part 1 Wahyu Catur Wibowo Amalia Zahra wibowo@cs.ui.ac.id http://wcw.cs.ui.ac.id Well-formed XHTML mengadopsi well-formness dari XML Penulisan elemen XHTML dikatakan well-formed apabila: (a) dalam
XHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Soal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Sejarah Web Browser. Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks.
Sejarah Web Browser Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks. Pada tahun 1993, Marc Andreessen, seorang mahasiswa Universitas Illinois, menciptakan web
1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Dasar-dasar Web dan HTML Minggu I. Pemrograman Web - Rosa Ariani Sukamto
Dasar-dasar Web dan HTML Minggu I Pemrograman Web - Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Ngapain Sih? Ya Belajar Membuat website dengan HTML dan PHP Layanan-layanan Internet layanan informasi
BELAJAR HTML DASAR CARA MEMBUAT TABEL
BELAJAR HTML DASAR CARA MEMBUAT TABEL Sandira Kurniawan sandira@raharja.info Abstrak Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan
1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY
--------------------------------------------------------------------------------------------------------- BELAJAR HTML DASAR LENGKAP SINGKAT JELAS PADAT (Disertai Study Kasus) (www.infomugi.blogspot.com)
STRUKTUR DASAR HTML. Presented by: Moh. Sulhan 2009
STRUKTUR DASAR HTML Presented by: Moh. Sulhan : sulhan@ukanjuruhan.ac.id @ 2009 Stuktur Dasar HTML Ekstensi / nama ahiran dari file adalah :.html /.htm Tag HTML tidak bersifat case sensitive Struktur dasar
Bab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
VOLUME I No 2 Juli 2013 Halaman
Community Health VOLUME I No 2 Juli 2013 Halaman 112-121 Artikel Penelitian Faktor Faktor Yang Berhubungan Dengan Tingkat Keterlambatan Pengembalian Berkas Rekam Medis Dari Instalasi Rawat Inap Ke Instalasi
LATIHAN 1. Paragraf dan line break 2. Background color dan heading
LATIHAN Dalam modul ini Anda akan berlatih untuk menggunakan berbagai tag dasar untuk pemrograman web menggunakan HTML. Ketikkan setiap kelompok tag dalam sebuah file, simpan dalam folder Anda sendiri
Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript
Modul Desain Web Teori + Praktik HTML, CSS, dan Javascript 2014 Pertemuan II 2.1. Definisi dan Pengertian HTML 2.2.1 Ringkasan Materi HTML merupakan singkatan dari HyperText Markup Language adalah script
TUTORIAL BELAJAR HTML
TUTORIAL BELAJAR HTML Gunawan Effendi gunawan_effendi@penulis.com :: http://penulis.com Abstrak Bahasa html merupakan markup (pelekat) untuk menampilkan teks, gambar dan multi media. Dalam html terdapat
Jurusan : TEKNIK KOMPUTER DAN JARINGAN SMK MUHAMMADIYAH 2 MUNTILAN LAB SHEET PEMROGRAMAN WEB
Jurusan : TEKNIK KOMPUTER DAN JARINGAN SMK MUHAMMADIYAH 2 MUNTILAN LAB SHEET PEMROGRAMAN WEB Smtr 1-XII Pemrograman HTML Dasar Instruktur : Sapto Prasetyo No Jobsheet: 1 Revisi : 00 Tgl. Juli 2012 1 x
HTML (Hypertext Markup Language)
1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML
Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML
Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.
(Dasar Servlet & HTML) 1. Muhamad Alif
(Dasar Servlet & HTML) 1 Muhamad Alif Server (Open Source) Apache Jakarta Tomcat(http://jakarta.apache.org/tomcat/) Sun Java System Application Server Sun Java System Web Server GlassFish JBoss Oracle
Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Pemrograman Web Teknik Informatika Fakultas Teknologi Industri
20 Tag Dasar HTML: menandai awal dan akhir dokumen HTML Sintaks dokumen Head: menandai bagian header dokumen HTML Sintak: header Title: memberi judul pada dokumen HTML Sintaks:
Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L
Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar
Modul 3 CSS CASCADE STYLE SHEET
Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran
BAB IV CASCADING STYLE SHEET (CSS)
BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk
TEORI HTML. Informasi dari Internet dapat diakses Keseluruh dunia hanya dalam hitungan detik.
TEORI HTML Kata-kata Web sebenarnya penyederhanaan dari sebuah istilah dalam dunia komputer yaitu WORLD WIDE WEB yang merupakan bagian dari tekhnologi Internet. World wide Web atau disingkat dengan nama
Materi latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:
Kata Pengantar Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan
Interactive Broadcasting
Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi
HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
Tag HTML Container. Nuryani Sofia Dewi / / Kelas A
Tag HTML Container Pada dasarnya, sebuah halaman web adalah teks file yang berisi petunjuk dalam bentuk kode-kode HTML(disebut tag) dan atribut. Tag adalah perintah Web browser yang nantinya ikut memformat
Penulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Belajar Bahasa HTML. 2. Struktur Dokumen HTML. Di bawah ini adalah struktur dari dokumen HTML, buka Notepad kemudian ketikkan teks di bawah ini:
Belajar Bahasa HTML 1. Memulai HTML HTML (HyperText Mark up Language) adalah bahasa yang sangat tepat dipakai untuk menampilkan informasi pada halaman Web.Karena HTML menampilkan informasi dalam bentuk
Pengantar HTML. Achmad Fadlil Chusni, S.Kom, M.MT
Pengantar HTML Achmad Fadlil Chusni, S.Kom, M.MT Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti tentang WWW Mengerti tag-tag dasar HTML
BAB 2. Membuat Halaman Web Sederhana. Materi
BAB 2 Membuat Halaman Web Sederhana Materi Membuat Halaman Web PHP Membuat Halaman Web PHP dalam HTML Membuat Halaman Web PHP dengan Tag-tag HTML Membuat Halaman Web PHP dengan Javascript SESI / PERKULIAHAN
KONSEP DASAR HTML. HTML ( HyperText Mark up Language )
KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi
PERTEMUAN KE 1 PENGENALAN DASAR PHP
PERTEMUAN KE 1 PENGENALAN DASAR PHP A. TUJUAN Mampu menggunakan perangkat lunak yang dibutuhkan untuk membuat halaman web dengan PHP Mampu membuat halaman web sederhana dengan PHP Mengenal Tipe Data, Variabel
1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
MODUL I PENDAHULUAN. 1.1 Pengertian html
MODUL I PENDAHULUAN 1.1 Pengertian html HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah
HTML : Apa itu? HTML = Hyper Text Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW)
MK MK Desain Desain Grafis Grafis Web Web 2002/2003 2002/2003 by by Ido Ido Priyana Priyana Hadi Hadi :: HTML : Apa itu? HTML = Hyper Text Markup Language HTML adalah dokumen text yang bisa dibaca untuk
Web dan HTML Dasar. Siti Maesyaroh, M.Kom
Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen
TAG 10/2/2011. Pengenalan HTML. Pengantar Bahasa HTML (Menuliskan Kode HTML) Pengantar Bahasa HTML. Pengantar Bahasa HTML (Membuat Dasar Tag)
Perancangan & Pemprograman WEB Pertemuan 2 Pengenalan HTML, TAG, list, dan Hyperlink Pengenalan HTML Apakah file HTML itu? HTML singkatan dari Hyper Text Markup Language. Merupakan suatu bahasa pemorgraman
MODUL PRAKTIKUM APLIKASI IT 1 MODUL VI LIST
MODUL VI LIST List diperlukan untuk menampilkan informasi yang bersifat berurutan dan biasanya ditampilkan delam bentuk daftar. HTML menyediakan beberapa jenis List, yaitu : 1. List tanpa nomor / Unordered
Mengenal dan Mengedit HTML
Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan
HTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
PARAGRAF, KARAKTER SPESIAL & DAFTAR/LIST
MODUL 2 PARAGRAF, KARAKTER SPESIAL & DAFTAR/LIST Tujuan Instruksional Umum : Agar mahasiswa dapat mengenal dan memahami pembuatan paragraf, jenis-jenis karakter spesial dan daftar/list Tujuan Instruksional
CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector
rosihanarinet Lebih Lanjut Tentang Selector Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik Untuk lebih jelasnya perhatikan contoh berikut ini
HyperText Markup Language
1 HyperText Markup Language HTML merupakan sebuah bahasa Markup yang digunakan untuk mendeskripsikan dokumen/halaman Web. Bahasa Markup terdiri dari sekumpulan tag markup. Dokumen/halaman HTML dideskripsikan
LOGO FULL COLOR BEBERAPA CONTOH LOGO DPD-PDJI DEWAN PENGURUS DAERAH PROVINSI JAWA BARAT DEWAN PENGURUS DAERAH PROVINSI BALI
BR AND IDENTIT Y GUIDELINES LOGO FULL COLOR C M Y 0 0 0 100 0 K 100 100 0 0 0 0 50 BEBERAPA CONTOH LOGO DPD-PDJI PROVINSI JAWA BARAT PROVINSI BALI PROVINSI JAWA TIMUR PROVINSI D.I. YOGYAKARTA 1 KETENTUAN
Pengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Pemrograman Web. Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten
Pemrograman Web Amar Hikmawan TKJ Kelas X SMK Muh 1 Klaten Utara Klaten Pengertian Website Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar
PEMROGRAMAN WEB. OLEH : Yunita Prastyaningsih, S.Kom
PEMROGRAMAN WEB MODUL OLEH : Yunita Prastyaningsih, S.Kom Modul 2 1. Tag FONT Untuk memodifikasi sebuah font digunakan tag sebagai pembuka dan tag sebagai penutup. Tag ini mempunyai atribut,diantaranya
BAB VII DASAR-DASAR PHP
BAB VII DASAR-DASAR PHP A. KOMPETENSI DASAR Memahami struktur dasar dokumen PHP. Mampu membuat dokumen PHP yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk mengolah dan menampilkan informasi.