By: Arif Basofi, S.Kom PENS-ITS
|
|
- Vera Tanuwidjaja
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Internet Application: Pengenalan HTML By: Arif Basofi, S.Kom PENS-ITS
2 Objective Tujuan: - Mengenal arsitektur WWW - Mengenal struktur & tag dasar dokumen HTML - Memahami format dan entitas karakter HTML
3 Lessons 1. World Wide Web 2. Elemen Dokumen HTML 3. Basic Tag HTML 4. Format HTML 5. Entiti HTML 6. Links HTML
4 World Wide Web (WWW) Internet: jaringan global yang menghubungkan suatu network dengan network lainnya diseluruh dunia melalui suatu protokol yang disebut TCP/IP. World Wide Web (WWW): bagian dari internet yang berkembang sangat pesat dan paling populer hingga saat ini. WWW bekerja berdasarkan pada 3 (tiga) mekanisme dasar, yaitu: 1. Protocol: standar aturan yang digunakan dalam berkomunikasi antar jaringan komputer. HyperText Transfer Protocol (HTTP) adalah protocol yang digunakan untuk WWW. 2. Address: alamat web yang diatur melalui URL (Uniform Resource Locator), yang digunakan sebagai standar alamat dalam internet. 3. HTML: dokumen web yang diakses melalui internet.
5 World Wide Web (WWW) HTML: adalah bahasa standar yang digunakan untuk menampilkan dokumen di web Dengan HTML, anda dapat: Mengontrol tampilan dari web page beserta contentnya. Mempublikasikan document secara online pada server, sehingga bisa di akses oleh client. Membuat online form yang bisa digunakan untuk menangani berbagai proses aplikasi seperti pendaftaran ataupun transaksi secara online. Menambahkan object-object (rich-content) lain seperti image, audio, video dan juga java applet dalam document HTML.
6 World Wide Web (WWW) Untuk dapat mengakses (menjelajahi) alamat-alamat web site di internet, dibutuhkan suatu aplikasi yaitu web browser (browser). Browser: software yang di-install pada komputer (client) yang berfungsi sebagai media untuk menampilkan dokumen web yang tersimpan pada komputer server. Dengan browser, perintahperintah (tag-tag) dalam dokumen web akan diterjemahkan dan ditampilkan menjadi sebuah informasi yang dapat dibaca oleh user. Contoh: Internet Explorer (IE), Netscape Navigator, Modzilla, dll. Web Developer: software yang digunakan dalam membangun dokumen web. Contoh: Macromedia Dreamweaver, Microsoft FrontPage, notepad, dll.
7 World Wide Web (WWW) Bagaimana WWW Bekerja:
8 Lessons 1. World Wide Web 2. Elemen Dokumen HTML 3. Basic Tag HTML 4. Format HTML 5. Entiti HTML 6. Links HTML
9 Dokumen HTML HTML : HyperText Markup Language Dokumen HTML (disebut dokumen web) adalah file teks murni yang dapat dibuat dengan berbagai editor teks. Ada dua cara pembuatan sebuah web page: dengan editor HTML atau dengan editor teks biasa (Notepad) Penamaan file dokumen HTML: dengan memberikan ekstensi.htm atau.html. Dokumen HTML terdiri atas berbagai tag, sebagai penanda berbagai elemen dalam dokumen HTML. Tag HTML terdiri atas: Sebuah kurung sudut kiri (<, tanda lebih kecil) Sebuah nama tag, dan Sebuah kurung sudut kanan (>, tanda lebih kecil) Syntax: < nama_tag > Contoh Tag : <html>, <head>,<body>,.. dst.
10 Dokumen HTML Tag, umumnya berpasangan, yang terdiri atas tag awal dan tag akhir. Tag akhir sebagai pasangannya biasanya diawali dengan tanda (/,garis miring) Contoh: <H1> </H1>, <title> </title> Ada beberapa elemen tag yang tidak diharuskan untuk berpasangan, diantaranya: Paragraf dengan tag <p> Ganti baris (break line, <br>) Garis datar (horizontal rule, <hr>) List item dengan tag <li>
11 Lessons 1. World Wide Web 2. Elemen Dokumen HTML 3. Basic Tag HTML 4. Format HTML 5. Entiti HTML 6. Links HTML
12 Basic Tag HTML Beberapa bentuk Tag dasar HTML: Untuk mencoba pertama kali dokumen web, buka Notepad, lalu ketik scritp HTML berikut: Simpan file dengan nama dan ekstensi: WebPertamaku.html
13 Basic Tag HTML : Paragraf <P> & Line Break <BR> Paragraf: Satu pikiran utama dalam dokumen HTML, disimpan dalam satu paragraf. Tag paragraf dapat didefinisikan dengan memberi awalan tag <p>, diakhir paragraf tidak diharuskan menggunakan akhiran tag </p>. Syntax: <p> </p> atau <p> Line Break: Line Break digunakan sebagi ganti baris pada dokumen web dengan menggunakan tag <br> Ganti baris <br> berarti menyajikan informasi pada baris tersendiri tanpa berganti paragraf. Syntax:. <br> atau <br>.
14 Contoh: Basic Tag HTML : Paragraf <P> & Line Break <BR>
15 Contoh: Tampilan Basic Tag HTML : Paragraf <P> & Line Break <BR>
16 Basic Tag HTML : Heading <H1 H6> Teks dalam dokumen web umumnya memiliki judul topik, yang disebut heading. Heading text ditampilkan dengan huruf besar atau tebal (bold). Format heading text digunakan sebagai kebutuhan dan pentingnya text atau informasi yang ditampilkan dengan prioritas tertentu. Terdapat 6 tingkatan tag heading, dengan tag heading 1 merupakan heading yang terbesar dan dianggap paling penting (informasi).
17 Basic Tag HTML : Heading <H1 H6> Syntax heading: <h n > t e x t </h n >, dengan n : nomor heading 1 6 Contoh heading:
18 Basic Tag HTML : Heading <H1 H6> Format Letak Heading: Format penempatan heading diatur dalam align: Kiri (left) : <h1 align= left > Heading 1 Left </h1> Tengah (center): <h1 align= center > Heading 1 Center </h1> Kanan (right) : <h1 align= right > Heading 1 Right </h1> Contoh letak heading:
19 Basic Tag HTML : Horizontal Rule <HR> Horizontal Rule (garis mendatar) dapat disisipkan pada dokumen web sebagai pemisah antar suatu bagian/paragraf. Syntax Horizontal Rule: <hr>. Contoh:
20 Basic Tag HTML : Komentar Komentar dalam script dokumen web, digunakan sebagai catatan atau komentar tentang dokumen itu sendiri dan tidak ditampilkan. Syntax komentar: <!-- isi komentar --> Contoh: <html> <head> <title>horizontal Rule</title> <head> <body> <!-- Komentar ini tidak akan ditampilkan --> <p>ini normal paragraf <body> </html>
21 Lessons 1. World Wide Web 2. Elemen Dokumen HTML 3. Basic Tag HTML 4. Format HTML 5. Entiti HTML 6. Links HTML
22 Format HTML : Format Teks Pemformatan Teks: Pemformatan teks dalam dokumen HTML (web) dapat berupa: Huruf tebal (bold) : <b> </b> Huruf miring (italic) : <i> </i> Garis bawah : <u> </u> Pemberian tekanan pada teks (emphasize) : <em> </em> Mengecilkan huruf (small) : <small> </small> Superscript : <sup> </sup> Subscript : <sub> </sub> Dll
23 Contoh: Format HTML : Format Teks
24 Format HTML : Teks Preformat Teks Preformat: Teks preformat adalah susunan teks yang ditampilkan sesuai dengan dokumen web tersebut dalam editor. Teks preformat digunakan : menampilkan source code program Syntax tag preformat : <pre> </pre> Dengan tag preformat, akan menjaga spasi, baris baru, dan tab sesuai dengan aslinya saat ditampilkan.
25 Format HTML : Teks Preformat Contoh Teks Preformat: <html> <head> <title>teks Preformat</title> <head> <body> <h2> Trigger secure_emp </h2> <hr> <pre> CREATE OR REPLACE TRIGGER secure_emp BEFORE INSERT ON employees BEGIN IF (TO_CHAR(SYSDATE,'DY') IN ('SAT','SUN')) OR (TO_CHAR(SYSDATE,'HH24:MI') NOT BETWEEN '08:00' AND '18:00') THEN RAISE_APPLICATION_ERROR (-20500,'Penyisipan data pada table EMPLOYEES hanya diperbolehkan selama jam kerja'); END IF; END; / </pre> <body> </html>
26 Format HTML : Teks Preformat Contoh Teks Preformat:
27 Format HTML : Teks Preformat Tampilan Teks Preformat:
28 Format HTML : Address Tag Address digunakan dalam menampilkan alamat. Syntax Address: <address> </address> Contoh :
29 Lessons 1. World Wide Web 2. Elemen Dokumen HTML 3. Basic Tag HTML 4. Format HTML 5. Entiti HTML 6. Links HTML
30 Entity Karakter HTML Beberapa karakter memiliki arti khusus dalam tag HTML, seperti tanda tag awal (<) dan tag akhir (>). Jika browser ingin menampilkan karakter dari tagtag dokumen web tersebut, maka harus menyisipkan entitas karakter kedalam source HTML. Entitas karakter memiliki 3 bagian: 1. Sebuah ampersand (&) 2. Sebuah nama entitas atau sebuah # dan nomor entitas 3. Sebuah tanda titik koma (; / semicolon) Entitas karakter HTML memilikisifat case-sensitive
31 Contoh: Entity Karakter HTML
32 Entity Karakter HTML Beberapa entitas karakter yang sering digunakan: Hasil Keterangan Nama Entitas Nomor Entitas Copyright registered trademark trademark non_breaking space & ampersand & & << angle quote mark (left) ««>> angle quote mark (right)»» " tanda kutip " " < lebih kecil < < > lebih besar > = x tanda kali tanda bagi
33 Lessons 1. World Wide Web 2. Elemen Dokumen HTML 3. Basic Tag HTML 4. Format HTML 5. Entiti HTML 6. Links HTML
34 Links Untuk menghubungkan antar dokumen web digunakan link. Link (hypertext link atau hyperlink) pada dokumen web dapat berupa teks atau gambar, browser akan menyorot (highlight) teks atau gambar yang diidentifikasi sebagai link dengan warna atau garis bawah. Tag link yang digunakan adalah tag anchor : <a> dan atribut href sebagai definisi lokasi link. Syntax tah link: <a href= > text link </a> Ada 3 (tiga) jenis link: 1. Link relatif 2. Link absolut 3. Link dalam dokumen yang sama
35 Links Link Relatif Link relatif dibuat dengan penempatan dokumen web pada direktori yang sama. Contoh: <a href= page-2.html >Halaman kedua</a> Link Absolut Link absolut dibuat dengan mengarahkan link pada dokumen web site lain di internet, dalam hal ini menuliskan suatu alamat internet secara lengkap. Contoh: <a href= engine Google</a>
36 Links Link ke Bagian Lain dalam Dokumen Link jenis ini dibuat jika dokuemn web terlalu panjang,sehingga user harus merlakukan scroll layar berulang-ulang. Navigasi penelusuran dokumen dapat dibuat mudah per-antar bagian dengan memberikan penanda pada setiap bagian. Biasanya digunakan untuk index, daftar isi, link ke gambar, link ke bagian top (atas), dll. Cara pemberian tanda / nama pada bagian dokumen: 1. Letakkan cursor pada baris atau teks yang menjadi awal dari bagian tersebut 2. Sisipkan nama bagian tersebut dengan tag: <a name= nama_bagian > Untuk membuat link pada bagian lain pada dokumen web yang sama, tambahkan tanda # : <a href=#nama_bagian>bagian tentang link</a>
37 Links Contoh: <html> <head> <title>coba Link</title> <head> <body> <a name="top"> <a href="#b3"> Lihat Bab 3 </a> </a> <p> <h2> Bab 1 </h2> Making a link requires have two HTML pages. So make two and name them "page1.html" and "page2.html" (make sure you save them in the same folder). The link tag, a is often called an anchor tag, we'll talk more about anchors later. In "page1.html" put the following someplace between your body and /body tags. </p> <p> <h2> Bab 2 </h2> Link to page 2. The page2.html means to make a link to page2.html when you click on the information following it. The /a part of the link tells the browser to stop the link continue with regular text. The link you just made should look something like the following: </p> <a name="b3"> <h2> Bab 3 </h2> <p> Try it and see if the link goes to the other HTML file. There are a couple different kinds of links, relative and absolute. Most of the links you make, like the one we just made, will be relative. Relative pathnames point to files based on their locations relative to the current file, while absolute pathnames point to files based on their absolute location on the file system. We could make our link absolute by changing it to </p> <a href="#top"> Kembali ke atas </a> <body> </html>
38 Contoh: Links
39 Lessons LATIHAN
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
Lebih terperinciMateri. 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
Lebih terperinci1. 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
Lebih terperinciPemrograman 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
Lebih terperinciPENGENALAN 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,
Lebih terperinciSecara 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
Lebih terperinciHTML (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,
Lebih terperinciPengenalan 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
Lebih terperinciBab 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
Lebih terperinciBab2 -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
Lebih terperinciBAB 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
Lebih terperinciPemrograman 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
Lebih terperinciMODUL 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.
Lebih terperinciBAB 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
Lebih terperinciMengelola 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
Lebih terperinciDESAIN 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
Lebih terperinciPemrograman 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
Lebih terperinciHTML (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
Lebih terperinciPemrograman 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
Lebih terperinciHTML. 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.
Lebih terperinciChapter 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
Lebih terperinciPENGANTAR 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.
Lebih terperinciPengantar 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
Lebih terperinciWeb 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
Lebih terperinciPENDIDIKAN MATEMATIKA UNIVERSITAS KANJURUHAN MALANG
DESAIN WEB TATIK RETNO MURNIASIH, S. Si, M.Pd PENDIDIKAN MATEMATIKA UNIVERSITAS KANJURUHAN MALANG SISTEM KOMUNIKASI Transmisi sinyal Pembawa sinyal Protokol komunikasi JARINGAN KOMPUTER Apa itu jaringan
Lebih terperinciBab 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
Lebih terperinciPENGANTAR 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
Lebih terperinciMateri 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
Lebih terperinciBahasa 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
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis
Lebih terperinciSyntax 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
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinci1. 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
Lebih terperincidiinterpretasi 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
Lebih terperinciWeb Design : Struktur Dasar Web
Web Design : Struktur Dasar Web dan Dokumen HTML Siti Mustiani ICT SMA Tunas Bangsa Jln. Arteri Supadio KM. 2 Kab. Kubu Raya T.A. 2015/2016 sitimustiani@gmail.com 1 1 Dasar HTML OBJEKTIF: Setelah mempelajari
Lebih terperinci(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
Lebih terperinciDASAR 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
Lebih terperinciModul 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
Lebih terperinciSejarah 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
Lebih terperinciDasar-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
Lebih terperinciDAFTAR ISI. Abstrak Kata Pengantar Daftar Isi... Daftar Tabel.. Daftar Singkatan...
Abstract The abbreviation of PHP is PHP Hypertext Preprocessor, the interpreter language that having looking like C language that having moderation in command. PHP can be used together with HTML so facilitate
Lebih terperinciMateri Pembelajaran PEMROGRAMAN WEB
Materi Pembelajaran PEMROGRAMAN WEB 1. Profesi dalam pengembangan aplikasi web Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan
Lebih terperinciSoal 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
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinciMODUL 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
Lebih terperinciPemrograman 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
Lebih terperinciFERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML
FERNANDYA RISKI HARTANTRI 09018173 / F DASAR-DASAR HTML Hypertext Markup Language, atau seperti yang lebih dikenal, HTML, adalah bahasa computer dari World Wide Web. Bila Anda membuat situs Web, Anda dapat
Lebih terperinciBab1 -World Wide Web
Bab1 -World Wide Web Web Design & Programming Kholid Fathoni Setiawan, S.Kom., M.T. (PENS) 1 WWW History 1989-1990 Tim Berners-Lee menemukan World Wide Web Transfer teks dan gambar. Protokol transfer data
Lebih terperinciPemrograman 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
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Secara teori, penerapan sebuah Sistem Informasi memang tidak harus menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem
Lebih terperinciWorld Wide Web Pengenalan HTML Tag-Tag Dasar HTML http://blog.binadarma.ac.id/nayel Sekilas Lahirnya Web Worl Wide Web Consorsium Bagaimana WWW bekerja Browser Web Bagaimana Browser Mengambil Page? Bagaimana
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen
Lebih terperinciBAB 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
Lebih terperinciBelajar Membuat web sederhana dengan HTML (Bagian 1)
Belajar Membuat web sederhana dengan HTML (Bagian 1) Ahmad Hasnan, Mahasiswa Teknik Mesin Universitas Brawijaya, Anggota komunitas web (webcom) Unibraw. Bahasa HTML merupakan bahasa markup (pelekat) untuk
Lebih terperinciPengantar 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
Lebih terperinciTag 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
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu
Lebih terperinciPenulis :
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
Lebih terperinciLATIHAN 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
Lebih terperinciMODUL 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
Lebih terperinciBAB 2 LANDASAN TEORI. Website atau World Wide Web, sering disingkat sebagai www atau web saja, yakni
BAB 2 LANDASAN TEORI 2.1 Website Website atau World Wide Web, sering disingkat sebagai www atau web saja, yakni sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain dipresentasikan
Lebih terperinciMengenal 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
Lebih terperinciPengantar World Wide Web
Pengantar World Wide Web Pengantar World Wide Web 3 KOverview Pengertian World Wide Web Beberapa Pengertian Organisasi Data Konsep navigasi World Wide Web adalah suatu sarana pembagian informasi antara
Lebih terperinciMODUL 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
Lebih terperinciDasar-Dasar HTML. Malik Lukman Hakim. Abstrak.
Dasar-Dasar HTML Malik Lukman Hakim maliklukmanhakim24@gmail.com Abstrak HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser
Lebih terperinciBAB-2 HTML Tingkat DASAR
BAB-2 HTML Tingkat DASAR Dasar dari semua pemrograman web adalah pemrograman HTML, sehingga dikatakan bahwa tidak akan dapat membangun suatu gedung tanpa ada fondasi yang mendasari dari gedung tersebut.
Lebih terperinciFAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET (KOMUNIKASI DATA)
Revisi : 01 Tgl : 1 Maret 2008 Hal 1 dari 12 1. Kompetensi Setelah melakukan praktik, mahasiswa memiliki kopetensi dapat memahami konsep pemrograman Web dengan HTML serta dapat melakukan praktek pemrograman
Lebih terperinciMembuat web sederhana dengan HTML
Membuat web sederhana dengan HTML Bahasa HTML merupakan bahasa markup (pelekat) untuk menampilkan teks. Gambar dan multi media. Dalam html terdapat tag-tag yang mampu dibaca oleh browser web sehingga tampilan
Lebih terperincigambar disamping merupakan icon dari Macromedia dreamweaver yang berfungsi untuk membuat A. table D. image B. frame E. Button C.
Singkatan yang paling tepat untuk HTML adalah. A. Hyper Teks Markup Language B. Hyper Text Markup Language C. Hyper Teks Markup Langueg D. Hyper Teks Markup Lang E. Hyper Teks Markoop Language Untuk mendefinisikan
Lebih terperinciHTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan
Lebih terperinciAsumsi dari penyedia layanan (website master) adalah sebagai berikut:
WEBSITE CONTROL PADA JARINGAN UNTUK KEAMANAN DAN KENYAMANAN BAGI BROWSER DENGAN METODE JAVA SERVLET ABSTRAK Kemudahan bertransaksi dalam pengiriman atciu penerimacin data leiuat internet menarik minat
Lebih terperinci(artikel Pengantar ke PHP, Bpk Marsani Asfi)
Pengenalan PHP Anita Sesar Ria anita-si06@std.cic.ac.id Lisensi Dokumen : Copyright 2009 ( http://my.cic.ac.id/stmik/module/blog ) Seluruh tulisan di dokumen ini dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi
Lebih terperinciHTML (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
Lebih terperinciInteractive 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
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Sekilas Tentang Anggrek Anggrek salah satu angota famili Orchidacea yang beranggota sangat banyak. Di dalam famili itu terdapat lebih dari 30.000 spesies dan kurang lebih 800
Lebih terperinciKBKF53110 WEB PROGRAMMING
RENCANA PEMBELAJARAN SEMESTER (RPS) KBKF53110 WEB PROGRAMMING Disusun oleh: PROGRAM STUDI S1 SISTEM KOMPUTER FAKULTAS ILMU KOMPUTER (FILKOM) UNIVERSITAS PUTRA INDONESIA YPTK PADANG LEMBAR PENGESAHAN Rencana
Lebih terperinciBAB II. TINJAUAN PUSTAKA
BAB II. TINJAUAN PUSTAKA 2.1 Penelitian terdahulu Sebagai bahan pertimbangan dalam penelitian ini akan dicantumkan beberapa penalitian terdahulu oleh beberapa peneliti. Penelitian oleh Mufid Najmullah
Lebih terperinciMateri 1. Selamat Datang Di Frontpage 2000
Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage
Lebih terperinciMODUL 1 HTML. (HyperText Mark-Up Language)
MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium STIMIK Komputer PPKIA Pradnya Paramita Malang PERTEMUAN PRAKTIKUM 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar
Lebih terperinciPELATIHAN WEB DESIGN & WEB PROGRAMMING
PRESENTASI PENAWARAN PRODUK PELATIHAN WEB DESIGN & WEB PROGRAMMING Oleh : Suyatno Budiharjo Jakarta, 11 Maret 2015 Presentation_ID * SESI : INTERNET Ini adalah jaringan terbesar yang ada di dunia yang
Lebih terperinciPemrograman 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,
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciWeb Programming HTML
Web Programming HTML Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML Outline Element HTML Basic Tag HTML Format HTML
Lebih terperinciMENDEMONSTRASIKAN AKSES INTERNET
MENDEMONSTRASIKAN AKSES INTERNET 2. Standar Kompetensi: Menggunakan internet untuk memperoleh informasi 2.1. Kompetensi Dasar: Mendemonstrasikan akses internet sesuai prosedur TUJUAN PEMBELAJARAN Menjelaskan
Lebih terperinciHTML. Minggu 2. Pemrograman Web/MI/D3/2 sks 1
HTML Minggu 2 Pemrograman Web/MI/D3/2 sks 1 HTML (HyperText Markup Language) Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark up ditambahkan
Lebih terperinciHTML5 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
Lebih terperinci1/14/2010. IndomieTelor Kornet??
APLIKASI IT I TEKNIK INFORMATIKA 2009 Apa Itu INTERNET????? IndomieTelor Kornet?? 1 Jaringan Komputer Jenis Jaringan Komputer LAN (Lokal Area Network): Jenis komunikasi menggunakan media Kabel. WAN (Wide
Lebih terperinciMateri 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com
Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Memahami cakupan materi dan sistem perkuliahan
Lebih terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 4 Peg. Komp & TI 2C M4 HyperText Markup Language (HTML) Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciAPLIKASI BERBASIS WEB
Pendahuluan Komputer sejak diluncurkan pertama kali dengan bobot yang cukup berat hingga hingga saat ini dengan produk notebook yang sangat ringan dan dapat di bawa kemana-mana, berbagai macam aplikasi
Lebih terperinciTAG HTML LANJUT Tujuan Instruksional :
3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat
Lebih terperinciBAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga Sistem Informasi Berbasis Komputer merupakan sistem pengolah
Lebih terperinciMEMBUAT WEBSITE PERSONAL
MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1
Lebih terperinciBAB II LANDASAN TEORI
5 BAB II LANDASAN TEORI 2.1 Pengertian Internet Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan berbagai komputer dengan berbagai tipe yang membentuk sistem jaringan
Lebih terperinci