Chapter 3. Grouping Elemen, Penomoran ( listing ), Hyperlink dan Image
|
|
- Teguh Yuwono
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Chapter 3. Grouping Elemen, Penomoran ( listing ), Hyperlink dan Image 3.1. Grouping Element Tag DIV dan SPAN digunakan untuk mengelompokkan element-element HTML. Span digunakan untuk mendefinisikan inline content, sementara div digunakan untuk blocklevel content. Latihan 13.html <title>div dan Span</title> <div> Divisi 1 <p> Div tag digunakan untuk mengelompokkan group element biasanya untuk blocklevel element. </p> Divisi 2 <p> Ini didalam devisi kedua. di tulis dengan alignment kanan. </p> <span style="font:georgia; color:#66cc00; font-size:30"> baris ini dalam span dengan warna hijau. </span>
2 Latihan 14.html <title>nazneen Online Bookstore</title> <h1 align="right"><font color="#0000cc"> NAZNEEN ONLINE BOOKSTORE</font> <h1 align="right"><font color="#0066ff" size="-1">jl. Cempaka 143 A Condong Catur Depok Sleman Yogyakarta<br> Telp </font> 3.2. Listing atau penomoran List digunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list). HTML menyediakan lima cara untuk membuat daftar atau list, yaitu : a. Ordered List b. Unordered List c. Directory List d. Menu List e. Definition List Untuk modul ini, hanya ordered list dan unordered list yang dibahas.
3 Ordered List ( Numbering ) Ordered list digunakan untuk membuat daftar dimana setiap bagiannya memiliki nomor secara terurut. Ordered list dimulai dengan tag <ol> dan diakhiri dengan </ol>. Untuk menyatakan tiap bagiannya digunakan tag <li> dan tidak diperlukan tag penutup. Atribut elemen list,yaitu : TYPE = [ 1 a A i I ] ( default 1 ) Anda buka Latihan 12.html sebelumnya, kemudian Anda tambahkan script yang dicetak tebal berikut ini dan simpan sesuai dengan namanya ( Latihan 13.html ). Latihan 15.html <title>nazneen Online Bookstore</title> <h1 align="right"><font color="#0000cc"> NAZNEEN ONLINE BOOKSTORE</font> <h1 align="right"><font color="#0066ff" size="-1">jl. Cempaka 143 A Condong Catur Depok Sleman Yogyakarta<br> Telp </font> <h2 align="left"><font color="#0066ff">kategori Buku </font></h2> <ol> <li>multimedia <li>database <li>pemrograman Web <li>ekonomi <li>hukum </ol>
4 Latihan 16.html <title>nazneen Online Bookstore</title> <h1 align="right"><font color="#0000cc"> NAZNEEN ONLINE BOOKSTORE</font> <h1 align="right"><font color="#0066ff" size="-1">jl. Cempaka 143 A Condong Catur Depok Sleman Yogyakarta<br> Telp </font> <h2 align="left"><font color="#0066ff">kategori Buku </font></h2> <ol type="a"> <li>multimedia <li>database <li>pemrograman Web <li>ekonomi <li>hukum </ol> Coba Anda jalankan script diatas dan Anda perhatikan perbedaan antara Latihan 13.html dan Latihan 14.html!
5 Unordered List ( Bullet ) Berbeda dengan ordered list, dalam ordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Untuk membuat daftar dengan tanda ini digunakan tag awal <ul> dan tag penutup </ul> dan untuk tiap bagiannya digunakan tag <li> tanpa tag penutup. Atribut elemen list,yaitu : TYPE = [ disc squre circle ] ( default disc ) Latihan 17.html <title>nazneen Online Bookstore</title> <h1 align="right"><font color="#0000cc"> NAZNEEN ONLINE BOOKSTORE</font> <h1 align="right"><font color="#0066ff" size="-1">jl. Cempaka 143 A Condong Catur Depok Sleman Yogyakarta<br> Telp </font> <h2 align="left"><font color="#0066ff">kategori Buku </font></h2> <ul type="square"> <li>multimedia <li>database <li>pemrograman Web <li>ekonomi <li>hukum </ul>
6 3.3. Hyperlink Ini merupakan salah satu keistimewaan yang dimiliki web. Dengan hyperlink ini berbagai halaman web yang berbeda dapat saling dihubungkan. Untuk membuat link Anda dapat menggunakan perintah ancor ( A ). Untuk membuat link ke dokumen HTML lain digunakan perintah berikut : < A HREF = nama_dokumen > Teks pada browser </A> Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu disediakan nama anchor lokasi tujuan dari link tersebut. Fungsi anchor sangat berguna jika dokumen HTML yang Anda buat memuat banyak informasi. Nama anchor dibuat dengan menambahkan atribut NAME. Contoh : < A NAME = HTML dan CSS > HTML dan CSS </A> Cara melakukan link ke bagian tersebut yaitu : < A HREF = nama_anchor > Teks pada browser </A> Agar Anda lebih memahami penggunaan hyperlink diatas, cobalah latihan berikut ini : Latihan 18.html <title>hyperlink</title> <h1 align="left"><font color="#0000cc"> BOOKS AVAILABLE</font> <a name="lengkap">judul Buku</a> <blockquote> <p><li><font color="#0066ff" size="+2">html dan CSS</font><a href="#html dan CSS">info lengkap</a> <p><li><font color="#0066ff" size="+2">myob</font> <p><li><font color="#0066ff" size="+2">spss</font> <p><li><font color="#0066ff" size="+2">analisis Desain Sistem Informasi</font> <p><li><font color="#0066ff" size="+2">pemrograman Web</font> <p><a href="latihan 14.html">More Info...</a> </blockquote> <p><a name="html dan CSS">HTML dan CSS</a> <blockquote> Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan document web. <br>yang bisa anda lakukan dengan HTML yaitu: <br><li>mengontrol tampilan dari web page dan contentnya. <br><li>mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia. <br><li>membuat online form yang bisa di gunakan untuk menangani pendaftaran,transaksi secara online. <br><li>menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML. </blockquote> <p><a href="#lengkap">kembali keatas</a>
7 Latihan 19.html <title>hyperlink tujuan</title> <h1 align="left"><font color="#0000cc"> BOOKS AVAILABLE</font> <br><li><font color="#0066ff" size="+2">e-commerce</font> <br><li><font color="#0066ff" size="+2">pengantar Komputer</font> <br><li><font color="#0066ff" size="+2">kupas Tuntas CSS</font> <br><li><font color="#0066ff" size="+2">membangun Aplikasi Penjualan dengan JSE</font> <br> <br><a href="latihan 13.html">Kembali</a>
8 Link Relative Link Relative URL yang tidak menyebutkan protocol dan network locationnya (hanya path dan nama filenya). Contoh : jitc/materi/html/chapter1.pdf Link Absolut Link absolut merupakan full internet address (URL) yang meliputi protocol, network location, dan path serta nama file. Contoh : http ://
9 Image Biasanya, untuk memperindah tampilan web, digunakan image. Ada banyak format image, tapi ada tiga jenis format yang paling sering digunakan, yaitu : o GIF (Graphical Interchange Format) (.GIF) o JPEG (Joint Photographic Expert Image) (.JPG) o PNG (Portable Network Graphics) HTML menyediakan tag <IMG> untuk menampilkan image ke dalam halaman web. Standar penulisan tag <img> yaitu : <img src = file_gambar ALT = nama_alternatif > Atribut src digunakan untuk menentukan sumber gambar. Atribut ALT berfungsi sebagai teks pengganti gambar untuk browser yang tidak bias mendukung grafik. Sebagai latihan, Anda buka kembali Latihan 15.html kemudian ubahlah scripnya menjadi seperti berikut kemudian simpan dengan nama Latihan 18.html dan jalankan script tersebut pada browser Anda masing-masing. Latihan 20.html <title>nazneen Online Bookstore</title> <img src="cawkrcxz.jpg" align="left" alt="nazneen Online Bookstore" width="100" height="100"> <h1 align="right"> <font color="#0000cc"> NAZNEEN ONLINE BOOKSTORE</font> <h1 align="right"><font color="#0066ff" size="-1"> Jl. Cempaka 143 A Condong Catur Depok Sleman Yogyakarta <br> Telp </font> <h2 align="left"> <font color="#0066ff">kategori Buku </font> </h2> <ul type="square"> <li>multimedia <li>database <li>pemrograman Web <li>ekonomi <li>hukum </ul>
10
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
Lebih terperinciChapter 2. Format Karakter
Chapter 2. Format Karakter Format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik.pemformatan karakter tersebut mencakup beberapa hal : 1) Logical
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 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 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 terperinciKeterampilan 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 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 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 terperinci4. 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
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 terperinciPemrograman 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
Lebih terperinciIankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Lebih terperinciCatatan: Untuk menampilkan gambar bersamaan dengan teksnya maka, pada gambar ditambahkan atribut align, yang bisa diisi nilai top, center, dan bottom.
Image HTML Sebuah gambar berbicara seribu kata, pepatah yang sering digunakan orang untuk menunjukkan terkadang gambar bisa berbicara lebih baik dari penjelasan yang panjang lebar. Gambar di dalam suatu
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 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 terperinciMODUL 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
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 terperinciHTML.
HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang
Lebih terperinci2) HEAD <HEAD></HEAD>
PENGENALAN HTML - 1 A. Pendahuluan HTML (Hyper Text Markup Language) sebagai bahasa pemrograman dasar dan wajib dikuasai oleh seorang webmaster. HTML terdiri dari tag-tag yang fungsinya untuk membuat dokumen
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 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 terperinciKONSEP 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
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 terperinciCHAPTER 3 HTML-2. <OL> </OL>, Ordered List, membuat menu berurut, baik dengan nomor, huruf atau bilangan romawi. Propertis:
CHAPTER 3 HTML-2 (ditulis sebagai pemantik belajar mahasiswa Desain Website UNS) A. Tujuan: Mahasiswa mengetahui dasar HTML B. Pokok Bahasan: MENU, ANCHOR C. Materi: 1. MENU Biasa digunakan untuk membuat
Lebih terperinciBAB 1 PENGENALAN HTML
1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (HTML)
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 terperinciPemrograman Web PRAKTIKUM 1 PENGANTAR
PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium
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 terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
Lebih terperinciMODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 02 Tag Gambar bergerak, List,
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 terperinciEdisi 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
Lebih terperinciCetak Tebal <b>.teks </b> Cetak miring <I>.teks.</I> Cetak Garis bawah <u>.teks </u> Mengecilkan huruf <small>.teks </small> Membesarkan huruf <big>
FORMAT TEXT Cetak Tebal .teks Cetak miring .teks. Cetak Garis bawah .teks Mengecilkan huruf .teks Membesarkan huruf teks. Teks yang ditebalkan(sama dgn
Lebih terperinciSMH2D3 Web Programming. 2 BAB II BASIC HTML5 ELEMENT. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
2 BAB II BASIC HTML5 ELEMENT 21 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Teknik dasar scripting HTML5 Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan Link
Lebih terperinciHTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
Lebih terperinciKURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML Tables, Frame, Image JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta Tebel 6.1 Tabel Tabel banyak digunakan karena dapat menampilkan informasi
Lebih terperinciHTML Dasar Pertemuan - 2
HTML Dasar Pertemuan - 2 Semester Ganjil 2009/2010 HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode
Lebih terperinciPengenalan Web D3 dan S1 semua jurusan. List dan Link
Pengenalan Web D3 dan S1 semua jurusan 1 HTML memiliki 3 macam bentuk list ordered list (biasa disebut numbered) ; unordered list (biasa disebut bulleted) definition list (Untuk pasangan istilah dan definisinya
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 terperinciHTML. ( 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
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 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 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 terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
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 terperinciPengenalan 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
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 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 terperinciDesain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari
Lebih terperinci1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d.   e. &nsp jawaban :
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)
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
Lebih terperinci2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
Lebih terperinciMODUL VII PENGATURAN TAMPILAN DOKUMEN
MODUL VII PENGATURAN TAMPILAN DOKUMEN 7.1 Paragraf Elemen menandai serta melatakkan sekumpulan teks sebagai suatu paragraf. Tag menyatakan awal dari paragraf, sedangkan tag menyatakan
Lebih terperinciGambar, Link dan Marquee Menyisipkan Gambar
Menyisipkan Gambar Selain teks, halaman web juga dapat memuat gambar/image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain : GIF (Grafical Interchange Format)
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 terperinciHTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom
HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom 1 DAFTAR ISI BAB I : PENGENALAN HTML... 1 A. Pengertian HTML... 1 B. Sejarah HTML... 3 C. Penggunaan HTML... 3 D. Strukture Documen HTML...4
Lebih terperinciPemrograman Web WEEK 03 HTML LANJUT
1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value
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 terperinciImage / Citra HTML. Materi ke 4
Image / Citra HTML Materi ke 4 Mengapa Butuh Image? Image dapat membuat dokumen HTML lebih menarik dibandingkan hanya berisi teks saja. Memudahkan user untuk memahami informasi yang disampaikan Misal untuk
Lebih terperinci1. 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
Lebih terperinciStandar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink
Pengenalan HTML Standar Kompetensi Mahasiswa memahami Pengertian HTML, pengaturan format Teks, Daftar urutan, Tabel, Image dan hyperlink Indikator Hasil Belajar 1. Dapat menjelaskan pengertian html. 2.
Lebih terperinciBelajar 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
Lebih terperinciHyperText 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
Lebih terperinciHTML. Hipertext Markup Language
HTML Hipertext Markup Language HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode - kode tag yang
Lebih terperinciPokok Bahasan 3. Bahasa HTML. L. Erawan
Pokok Bahasan 3 Bahasa HTML L. Erawan Tujuan Menguasai bahasa (X)HTML sehingga dapat menggunakannya untuk membuat halaman web 10/3/2014 2 Indikator Dapat menjelaskan pembagian struktur dokumen HTML Dapat
Lebih terperinciMODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL
MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman
Lebih terperinciPengenalan Perancangan Web 2017
5. Marquee Marquee merupakan tag non-standard elemen HTML yang menyebabkan suatu teks/gambar bergerak ke atas dan ke bawah, kanan atau kiri secara otomatis. Tulisan berjalan ini dapat digunakan untuk menuliskan
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 terperinciPEMROGRAMAN MULTIMEDIA
PEMROGRAMAN MULTIMEDIA PERTEMUAN 2 BY : REZA ADITYA FIRDAUS TEKS (TEXT) Jenis-jenis Teks: 1. Plain Text (Unformatted Text) Teks adalah data dalam bentuk karakter. Teks dalam hal ini adalah kode ASCII (American
Lebih terperinciPengaturan Teks. Contoh : <H2>Tutorial Html</H2> Hasilnya akan terlihat seperti : Tutorial Html
Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara
Lebih terperinciDIKTAT PELAJARAN TIK KELAS XII IPA DAN IPS TH/SEM: 2013/ SMA N 11 YOGYAKARTA JL.AM SANGAJI NO.50
1 DIKTAT PELAJARAN TIK KELAS XII IPA DAN IPS TH/SEM: 2013/2014-1 SMA N 11 YOGYAKARTA JL.AM SANGAJI NO.50 http://sma11jogja.sch.id/ 2 HALAMAN PENGESAHAN Mengetahui, Kepala sekolah Dra.Baniyah NIP: 19560409
Lebih terperinciPrak. 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
Lebih terperinciMenampilkan Images, Audio, Video, dan Membuat Tabel
Menampilkan Images, Audio, Video, dan Membuat Tabel Wahyu Widodo, S.Kom.,M.Kom Praktik Pertemuan 5 : Menampilkan Images Menampilkan Audio Menampilkan Video Membuat Tabel Menampilkan Images Rumus menampilkan
Lebih terperinciLAPORAN RESMI. Image dan Link. Dosen Pembimbing : Dwi Susanto,ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Image dan Link Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA
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 terperinciPEMROGRAMAN WEB. Oleh : Yunita Prastyaningsih, S.Kom
MODUL PEMROGRAMAN WEB Oleh : Yunita Prastyaningsih, S.Kom Modul 3 1. IMAGE / GAMBAR Untuk menampilkan gambar di dalam dokumen HTML, kita perlu menggunakan tag . Tag ini tidak memiliki pasangan tag
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 terperinciTAG 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
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 terperinciPemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)
Lebih terperinciTampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
Lebih terperinciHTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.
HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad. Bentuk umum:
Lebih terperinciMembuat Layout Web Mengunakan Table
Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : prasetyoutomo771@gmail.com Page 2 1. Pengenalan
Lebih terperinciMODUL HTML 2015 MODUL I PENDAHULUAN
MODUL I PENDAHULUAN HTML merupakan singkatan dari Hyper Text Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang
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 terperinciRENCANA PELAKSANAAN PEMBELAJARAN MUATAN LOKAL. MENDESAIN WEB STATIS Membuat halaman web sederhana
MUATAN LOKAL MENDESAIN WEB STATIS Membuat halaman web sederhana Perangkat mengajar ini mengacu pada format penyusunan Silabus/RPP/LKS Universitas Negeri Surabaya (UNESA) Tahun 2012 (PLPG 2012). PERTEMUAN
Lebih terperinciMENAMPILKAN GAMBAR. 5.1 Pendahuluan
Menampilkan Gambar 32 10 5 MENAMPILKAN GAMBAR Tujuan Pembelajaran : Dapat menampilkan gambar pada dokumen HTML dengan menggunakan tag tertentu. Bisa memformat tampilan gambar dalam berbagai bentuk dan
Lebih terperinciStruktur dasar HTML BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.
Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara
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 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 Bagian 2 Numbered & Indented
Lebih terperinciSTRUKTUR 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
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 terperinciBAB I PENDAHULUAN. Masalah pendidikan tidak dapat lepas dari masalah pembelajaran, karena
BAB I PENDAHULUAN A. Latar Belakang Masalah pendidikan tidak dapat lepas dari masalah pembelajaran, karena pembelajaran merupakan inti dari proses peningkatan kualitas pendidikan. Peningkatan kualitas
Lebih terperinciPengenalan Macromedia Dreamweaver
Pengenalan Macromedia Dreamweaver INTRO Dreamweaver merupakan tool/alat untuk memanagement web site dan juga sebagai alat yang mudah sekali untuk membuat halaman web. Banyak sekali profesional web developer
Lebih terperinciBAB III LANDASAN TEORI. sedemikian rupa sehingga komputer dapat memproses input menjadi output.
BAB III LANDASAN TEORI 3 3.1 Definisi Aplikasi Aplikasi menurut Hartono (1999:12), adalah penggunaan dalam suatu komputer,instruksi(instruction) atau pernyataan (statement) yang disusun sedemikian rupa
Lebih terperinciTujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web
HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat
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 terperinciMODUL TIK - HTML II KELAS XI SEMESTER I
MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima
Lebih terperinci