Pengenalan Script. Definisi HTML

Ukuran: px
Mulai penontonan dengan halaman:

Download "Pengenalan Script. Definisi HTML"

Transkripsi

1 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 adalah dasar dari semua halaman web yang kita lihat di Internet. Tetapi, apa sebenarnya HTML? Definisi HTML HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain(hyper), kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya dengan hanya melakukan klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link. Disebut bahasa Markup karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan diantara tanda lainnya akan tampak besar. Tanda ini akan kita kenal di HTML sebagai tag. Jika anda ingin melihat bagaimana sebenarnya HTML, silahkan klik kanan halaman web, dan pilih View Page Source (di Browser Mozilla Firefox atau Google Chrome) dan akan tampil sebuah dialog baru yang merupakan kode HTML.

2 2 HTML merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam membuat web, jika hanya menggunakan HTML, tampilan web kita akan terasa statis. Terdapat banyak bahasa script web yang ditujukan untuk memanipulasi kode HTML, seperti JavaScript dan PHP. Namun sebelum anda belajar JavaScript maupun PHP, memahami HTML merupakan hal yang paling fundamental. HTML bukan bahasa pemograman (programming language), tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh, tapi jika anda telah mengenal bahasa pemograman lain, dalam HTML tidak akan ditemukan struktur yang biasa di temukan dalam bahasa pemograman seperti IF untuk kondisi, LOOP untuk pengulangan, maupun variabel. HTML hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman. Memilih Aplikasi Editor HTML Memilih sebuah aplikasi editor HTML tidak sulit. Aplikasi editor HTML digunakan untuk mempermudah kita membuat kode HTML. HTML sendiri pada dasarnya hanya text biasa yang ditulis dalam kode-kode khusus. Kerja Web Browser yang akan menerjemahkan kode HTML ini menjadi sebuah tampilan halaman web. Untuk membuat kode HTML maupun halaman web sederhana, kita tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad dari Windows sudah cukup untuk membuat kode HTML. Namun untuk editor yang lebih baik anda dapat menggunakan aplikasi Notepad++. Aplikasi Notepad++ ini dapat diinstall secara gratis dari Notepad++ adalah aplikasi editor text gratis yang ringan, dan memiliki banyak fitur. Salah satunya adalah fitur pewarnaan code untuk memudahkan penulisan HTML.

3 3 Bagaimana dengan Adobe Dreamweaver? Aplikasi ini merupakan aplikasi web editor yang paling populer. Dreamweaver menyediakan fitur melimpah untuk sekedar membuat halaman web dengan kode HTML. Dreamwever tidak hanya sebuah text editor untuk HTML saja, namun juga untuk berbagai bahasa pemograman dan script web lainnya. Tetapi aplikasi ini tidak gratis dan cenderung berat. Tetapi apapun text editor yang digunakan, tidak menjadi masalah, karena selama text editor itu dapat menulis dan menyimpan text, aplikasi tersebut sudah lebih dari cukup. Menjalankan File HTML Untuk memudahkan dalam mengakses file, sebaiknya buat sebuah folder baru di Drive D computer anda. Folder ini akan kita jadikan tempat seluruh halaman HTML yang akan dibuat. Selanjutnya, buka aplikasi Notepad++ atau aplikasi text editor lainnya, lalu ketik text berikut ini: Selamat Pagi Dunia, Hello World! Lalu save sebagai hello.html pada folder di Drive D. Setelah itu jalankan file hello.html dengan cara double klik file tersebut, atau klik kanan > Open With > Firefox (Jika menggunakan web browser firefox). Selamat, file HTML kita sudah dapat berjalan, walaupun sebenarnya belum ada satupun kode HTML didalamnya.

4 4 Tag dalam HTML Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link? Dalam HTML, tanda ini dikenal dengan istilah tag. Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup ini. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: < dan >. Berikut adalah format dasar penulisan tag HTML: <tag_pembuka>objek yang dikenai perintah tag</tag_penutup> Sebagai contoh, perhatikan kode HTML berikut : <p> Ini adalah sebuah paragraf </p> <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf. </p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda backslash(/) Jika lupa memberikan penutup tag, umumnya browser akan memaafkan hal ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup. Walaupun hal ini memudahkan kita, namun tidak disarankan. Contoh lainnya, jika kita ingin membuat suatu text dalam sebuah paragraf di tulis tebal atau miring, di dalam HTML dapat ditulis sebagai berikut: <p>ini adalah sebuah paragraf. <i>hanya kumpulan beberapa kalimat</i>. Paragraf ini terdiri dari <b>3 kalimat</b></p>. Hasil dari kode HTML diatas, diterjemahkan oleh browser menjadi: Ini adalah sebuah paragraf. Tidak lain dari kumpulan beberapa kalimat. Paragraf ini terdiri dari 3 kalimat. Tag <i> pada kode HTML diatas memberikan perintah kepada browser untuk menampilkan text secara garis miring (i, singkatan dari italic), dan tag <b> untuk menebalkan tulisan (b, singkatan dari bold).

5 5 Terdapat pengecualian beberapa tag yang tidak berpasangan, seperti <br> untuk break (pindah baris) atau <hr> untuk horizontal line (garis horizontal). Tag ini dikenal juga dengan sebutan self closing tag atau void tag, untuk penulisannya bisa ditulis dengan <br>, maupun <br />. HTML tidak case-sensitif, dalam artian penulisan <p> dianggap sama dengan <P>. Pada awal kemunculan HTML, programmer web umumnya menggunakan huruf besar untuk seluruh tag agar membedakan dengan text yang berupa isi dari web. Namun varian HTML, xhtml mewajibkan huruf kecil untuk semua tag. Elemen dalam HTML Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup. Sebagai contoh, berikut adalah kode HTML: <p> Ini adalah sebuah paragraf </p> Pada contoh diatas, Ini adalah sebuah paragraf merupakan elemen dari tag <p>. Elemen tidak hanya berisi text, namun juga bisa tag lain. Contoh elemen: <p> Ini adalah sebuah <em>paragraf</em> </p> Dari contoh diatas, Ini adalah sebuah <em>paragraf</em> merupakan elemen dari tag <p>. Atribut dalam HTML Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan name= value. Value diapit tanda kutip, boleh menggunakan tanda kutip satu ( ) atau dua ( ). Contoh kode HTML: <a href=" adalah sebuah link</a> Pada kode HTML diatas, href= adalah atribut. href merupakan nama dari atribut, dan adalah value atau nilai dari atribut tersebut.

6 6 Tidak semua tag membutuhkan atribut, tapi anda akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering digunakan untuk manipulasi halaman web menggunakan CSS maupun JavaScript. HTML memiliki banyak atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Sebagai contoh, atribut href diatas hanya digunakan untuk tag <a> saja (dan beberapa tag lain). Struktur Dasar HTML Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut. Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini: Contoh struktur dasar HTML: Save sebagai halaman.html dan jalankan file dengan cara double klik pada file tersebut, atau klik kanan > Open With > Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada pembahasan selanjutnya.

7 7 Tag <html> Elemen tag <html>. Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML akan berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html> Tag <head> Elemen pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser. Tag <title> dalam contoh sebelumnya digunakan untuk menampilkan title dari sebuah halaman web, dan biasanya ditampilkan pada bagian paling atas web browser. Contohnya pada tampilan halaman.html, Title dari Websiteku akan ditampilkan pada tab browser. Tag <body> Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web adalah di dalam tag <body> ini. Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web. Stuktur HTML yang kita bahas disini adalah struktur dasar. Sebuah halaman web bisa memiliki ratusan bahkan ribuan baris, dan menggunakan berbagai tag HTML. Membuat Judul (heading) di HTML HTML menyediakan tag khusus untuk membuat judul atau didalam HTML lebih dikenal dengan istilah: heading. Heading dirancang terpisah dari paragraf. Tag Heading biasanya digunakan untuk judul dari paragraf, atau bagian dari text yang letaknya paling atas. Tag heading di dalam HTML terdiri dari 6 level, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header juga dibuat bertingkat. Tag header <h1> memiliki ukuran huruf paling besar, sedangkan <h6> terkecil.

8 8 Berikut adalah contoh penggunaan tag heading di dalam HTML: Biasanya dalam sebuah halaman akan ada hanya 1 tag <h1>, dan beberapa tag <h2> dan <h3> dengan beberapa tag <p>. Berikut adalah contoh struktur artikel HTML sederhana dengan menggunakan tag <p> dan beberapa tag heading:

9 9 Dengan menggunakan beberapa tag heading dan paragraf, kita bisa membuat struktur sederhana konten HTML. Search Engine seperti Google akan memberikan nilai lebih untuk heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag <h1> dianggap lebih bernilai dari pada <h2>. Tag <h1> umumnya digunakan untuk judul sebuah artikel, sehingga dianggap dapat mewakili keseluruhan artikel. Cara membuat Tabel Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <tabel>, tag <tr>, dan tag <td>: Tag <tabel> digunakan untuk memulai tabel Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel. Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel. Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML: Contoh penggunaan tag <tabel>:

10 10 Ketika dijalankan hasilnya seperti dibawah ini Perhatikan bahwa pada tag <tabel> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border= 1, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi.

11 11 Sebelum standar CSS diimplementasikan ke dalam semua browser, pada sekitar tahun 2000-an kebanyakan programmer dan desainer web menggunakan tabel untuk mengatur tampilan web. Membuat menu ada di atas dan sisi kanan web bisa dilakukan dengan menjadikan halaman web sebagai sebuah tabel yang besar. Hal ini sebenarnya tidak salah, namun akan membuat pengkodean HTML menjadi rumit. Saat ini anda masih bisa menggunakan ide tersebut, namun sangat disarankan menggunakan CSS untuk mengatur tampilan halaman web. Demikian pembahasan mengenai HTML pada bab ini. Untuk lebih mengetahui dan memahami lebih lanjut tentang bahasa HTML silakan mengunjungi website Selanjutnya akan dibahas bahasa script yang lain, yang lebih dinamis dari bahasa HTML, yaitu bahasa PHP. Bahasa PHP PHP: Hypertext Preprocessor adalah bahasa script yang dapat ditanamkan atau disisipkan ke dalam HTML. Pada dasarnya struktur bahasa php memiliki banyak kesamaan dengan struktur bahasa HTML. Sama seperti HTML, PHP juga memiliki tag, elemen dan atribut. Namun tag, elemen dan atribut yang dimiliki PHP lebih kaya dan powerful dibanding HTML. Berikut ini contoh sederhana penggunaan bahasa script PHP yang disisipkan pada kode HTML. Ketika dijalankan pada localhost hasilnya adalah sebagai berikut Disini dapat dilihat php menggunakan elemen/sintaks echo untuk menampilkan teks My first PHP script!.

12 12 Sintaks Dasar PHP Tag / Pembatas PHP hanya menjalankan kode yang ditulis dalam tag pembatas. Apapun di luar pembatas tidak diproses oleh PHP, meskipun teks PHP ini masih mengendalikan struktur yang dijelaskan dalam kode PHP. Pembatas yang paling umum adalah "<?php" untuk membuka dan "?>" Untuk menutup kode PHP. Tujuan dari pembatas ini adalah untuk memisahkan kode PHP dari kode selain PHP, seperti HTML, CSS dan Javascript. Variabel Variabel diawali dengan simbol dollar $. Pada versi PHP 5 diperkenalkan jenis isyarat yang memungkinkan fungsi untuk memaksa simbol menjadi parameter objek dari class tertentu, array, atau fungsi. Namun jenis petunjuk tidak dapat digunakan dengan jenis skalar seperti angka atau string. Contohnya variabel dapat ditulis sebagai $nama_varabel. Penulisan fungsi, penamaan kelas, nama variabel bersifat peka (case sensitive) akan huruf besar (Kapital) dan huruf kecil. Kedua kutip ganda "" dari string memberikan kemampuan untuk interpolasi nilai variabel ke dalam string PHP. PHP menterjemahkan baris sebagai spasi, dan pernyataan harus diakhiri dengan tanda semicolon atau titik koma ;. Komentar PHP memiliki 3 jenis sintaks sebagai komentar pada blok kode yaitu tanda / * * /, komentar 2 baris // Serta tanda pagar # digunakan untuk komentar satu baris. Komentar bertujuan untuk meninggalkan catatan atau dokumentasi pada kode PHP dan tidak akan dieksekusi ke program. Fungsi PHP menyediakan ratusan fungsi utama dan bahkan ribuan fungsi eksternal yang tersedia melalui berbagai ekstensi tambahan. fungsi-fungsi ini didokumentasikan dalam dokumentasi PHP.

HTML (HyperText Markup Language)

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

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

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.

Lebih terperinci

Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML

Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil

Lebih terperinci

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

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.

Lebih terperinci

TUTORIAL BELAJAR HTML

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

Lebih terperinci

Bab2 -Pengenalan HTML

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

Lebih terperinci

Pemrograman WEB PERTEMUAN KE-1

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,

Lebih terperinci

HTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO

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

Lebih terperinci

BAB I PERKENALAN HTML

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

Lebih terperinci

BAB I PERKENALAN HTML

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

Lebih terperinci

Cara membuat HTML dasar

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

Lebih terperinci

BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris

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

Lebih terperinci

Pemrograman Web Week 2. Team Teaching

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

Lebih terperinci

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id

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

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa

Lebih terperinci

Pengenalan HTML dan CSS

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

Lebih terperinci

PENGENALAN HTML dan TAG-TAG DASAR HTML

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,

Lebih terperinci

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

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

Lebih terperinci

Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag 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.

Lebih terperinci

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag>

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

Lebih terperinci

Modul Praktikum Desain Web 2015

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

Lebih terperinci

Tag HTML Container. Nuryani Sofia Dewi / / Kelas A

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

Lebih terperinci

Penulis :

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

Lebih terperinci

BAB 2 TINJAUAN TEORI

BAB 2 TINJAUAN TEORI BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita

Lebih terperinci

HTML (Sindy Nova Si )

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,

Lebih terperinci

PERTEMUAN KE 1 PENGENALAN DASAR PHP

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

Lebih terperinci

BELAJAR HTML Hyper Text Markup Language

BELAJAR HTML Hyper Text Markup Language www.bambangherlandi.web.id BELAJAR HTML Hyper Text Markup Language 1 HTML INTRODUCTION HTML Example my First Heading my first paragraph. 2

Lebih terperinci

Sekilas Mengenai HTML

Sekilas Mengenai HTML Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak

Lebih terperinci

Apa itu PHP? Riwayat PHP

Apa itu PHP? Riwayat PHP Apa itu PHP? PHP adalah singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script serverside dalam pengembangan Web yang disisipkan pada dokumen HTML. Berbeda dengan HTML yang hanya

Lebih terperinci

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 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 terperinci

1. Pengenalan HTML. 2. Tag Dasar HTML

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

Lebih terperinci

Dasar-dasar PHP. Donny Reza, S.Kom. Program Studi Akuntansi Universitas Komputer Indonesia 2013

Dasar-dasar PHP. Donny Reza, S.Kom. Program Studi Akuntansi Universitas Komputer Indonesia 2013 Dasar-dasar PHP Donny Reza, S.Kom. Program Studi Akuntansi Universitas Komputer Indonesia 2013 PHP PHP merupakan akronim dari PHP: Hypertext Preprocessor Bahasa pemrograman yang didesain untuk web development

Lebih terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. 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 terperinci

Interactive Broadcasting

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

Lebih terperinci

PENGANTAR INTERNET & DESAIN WEB

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

Lebih terperinci

BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional

BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang Sistem Ujian Konevensional Dalam ujian konvensional,ada beberapa hal yang harus dipenuhi agar ujian bisa dilaksanakan secara layak. Hal yang utama adalah kertas.

Lebih terperinci

Perancangan & Pemprograman WEB

Perancangan & Pemprograman WEB Perancangan & Pemprograman WEB Pertemuan 9 Introduction PHP (1) Apa itu PHP???? Berdasarkan dari situs resmi PHP.net, PHP (Hypertext Preprocessor) merupakan bahasa pemprograman web yang dapat disisipkan

Lebih terperinci

Pemrograman Basis Data Berbasis Web

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

Lebih terperinci

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer (computer) berasal dari bahasa latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda.

Lebih terperinci

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 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

Lebih terperinci

Chapter 1. Pengenalan HTML

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

Lebih terperinci

PENGANTAR KOMPUTER DAN TI 2C

PENGANTAR 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 terperinci

Soal Remedial Prakarya-1

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

Lebih terperinci

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. 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 terperinci

BAB II. TINJAUAN PUSTAKA

BAB 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 terperinci

Cara mudah belajar HTML

Cara mudah belajar HTML Cara mudah belajar HTML Panji Sulaeman panji.sulaeman@raharja.info Abstrak Ternyata belajar html sangat mudah Seorang temanku seorang sahabat ku bercerita kepadaku tentang HTM atau HTML. Dulu aku memang

Lebih terperinci

Pengantar HTML. Pengantar HTML

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

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem adalah suatu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu. Informasi

Lebih terperinci

diinterpretasi bukan untuk tampilan

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

Lebih terperinci

Pemrograman Basis Data Berbasis Web

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

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

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

Lebih terperinci

STRUKTUR DASAR PHP ASUMSI 02/10/2014

STRUKTUR DASAR PHP ASUMSI 02/10/2014 STRUKTUR DASAR PHP 1 ASUMSI Anda telah mengenal dengan cukup baik komputer Anda, dan juga bisa mengoperasikannya. Jadi Anda seharusnya sudah mengerti perbedaan file dan direktori, bagaimana menyimpan file

Lebih terperinci

HTML Uncover. Duniailkom Duniailkom

HTML Uncover. Duniailkom Duniailkom HTML Uncover Duniailkom 2015 Duniailkom Contents 1. Berkenalan Dengan HTML (Contoh Bab 1)....................... 1 1.1 Pengertian HTML................................... 1 1.2 Fungsi HTML.....................................

Lebih terperinci

BAB 2 LANDASAN TEORI. Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan

BAB 2 LANDASAN TEORI. Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem dan Sistem Informasi 2.1.1 Pengertian Sistem Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan atau keseluruhan dari bagian

Lebih terperinci

Chapter 2. Tipe Data dan Variabel

Chapter 2. Tipe Data dan Variabel Chapter 2 Tipe Data dan Variabel Pada prinsipnya suatu program computer memanipulasi data untuk dijadikan informasi yang berguna. Komputer memanipulasi berbagai macam data, bukan hanya angka, tetapi juga

Lebih terperinci

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5

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.

Lebih terperinci

(Dasar Servlet & HTML) 1. Muhamad Alif

(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 terperinci

BAB 2 LANDASAN TEORI

BAB 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 terperinci

BELAJAR HTML DASAR CARA MEMBUAT TABEL

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

Lebih terperinci

Struktur Umum File Dengan Bahasa HTML

Struktur Umum File Dengan Bahasa HTML Struktur Umum File Dengan Bahasa HTML Resti Alvianingrum rt.rhestyalviabin@gmail.com Abstrak HTML (Hyper Text Markup Language) merupakan bahasa standar pemrograman untuk membuat suatu halaman web yang

Lebih terperinci

Web dan HTML Dasar. Siti Maesyaroh, M.Kom

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

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 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 terperinci

Pemrograman Basis Data Berbasis Web

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

Lebih terperinci

BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :

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

Lebih terperinci

BAB 2. Membuat Halaman Web Sederhana. Materi

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

Lebih terperinci

Materi Pembelajaran PEMROGRAMAN WEB

Materi 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 terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar 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 terperinci

Membuat Layout Web Mengunakan Table

Membuat 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 terperinci

BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan.

BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan. BAB 2 TINJAUAN TEORI 2.1 Data dan Informasi 2.1.1 Pengertian Data Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datim yang berarti fakta atau bahan-bahan

Lebih terperinci

Tutorial Web ( HTML part 1)

Tutorial Web ( HTML part 1) Tutorial Web ( HTML part 1) by webmaster - Sunday, December 06, 2015 http://umarrokhimin.student.akademitelkom.ac.id/index.php/2015/12/06/tutorial-html-part-1/ PENGERTIAN HTML PART 1 HTML (Hypertext Markup

Lebih terperinci

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

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

Lebih terperinci

Bab 2 Pengenalan 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

Lebih terperinci

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013 1. Istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui internet untuk di publish adalah. A. Website D. Web Designer B. Web Design.

Lebih terperinci

MODUL 5 JAVA SCRIPT. Sub : PENGENALAN

MODUL 5 JAVA SCRIPT. Sub : PENGENALAN MODUL 5 JAVA SCRIPT Sub : PENGENALAN Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 5 5.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah javascript 2. Mahasiswa

Lebih terperinci

KURSUS ONLINE JASA WEBMASTERS

KURSUS ONLINE JASA WEBMASTERS KURSUS ONLINE JASA WEBMASTERS PHP Dasar PHP JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta Dasar PHP PHP (PHP: Hypertext Preprocessor) adalah salah satu bahasa pemrograman yang

Lebih terperinci

PEMOGRAMAN WEB II MODUL. Oleh: CHALIFA CHAZAR MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG

PEMOGRAMAN WEB II MODUL. Oleh: CHALIFA CHAZAR MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi

Lebih terperinci

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

Web Programming (WP) Step 2 [ HTML & PHP BASIC] Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext

Lebih terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

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

Lebih terperinci

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk

Lebih terperinci

Keterampilan Komputer. 8. Pengenalan HTML

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 terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI 7 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan

Lebih terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi

Lebih terperinci

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. 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 terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 2 Sintaks Dasar PHP Tujuan: Mahasiswa mengenal elemen-elemen dan sintaks dasar di dalam pemrograman PHP sebagai pondasi dalam mempelajari materi-materi

Lebih terperinci

BAB III Validasi HTML5

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.

Lebih terperinci

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

FERNANDYA 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 terperinci

P - 5 Bab 4 : HTML (Hypertext Markup Language)

P - 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 terperinci

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage

PERTEMUAN 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 terperinci

Materi 1. Selamat Datang Di Frontpage 2000

Materi 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 terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Menurut John F. Nash Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur dan pengendalian yang bermaksud

Lebih terperinci

BAB 5 PENGENALAN PHP. Tujuan Pembelajaran: Memahami kaidah Pemrograman dengan PHP

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

Lebih terperinci

Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.

Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets. Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,

Lebih terperinci

Pemrograman PHP7 untuk Pemula

Pemrograman PHP7 untuk Pemula Pemrograman PHP7 untuk Pemula Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana dimaksud

Lebih terperinci

MODUL 3 DASAR-DASAR PHP

MODUL 3 DASAR-DASAR PHP MODUL 3 DASAR-DASAR PHP Para pengguna internet dewasa ini cenderung lebih menyukai situs-situs yang mempunyai tampilan menarik dan menghibur. Yang pasti, mereka sudah bosan dengan tampilan web yang begitu-begitu

Lebih terperinci

KOMPUTER APLIKASI IT - 2. Adi Rachmanto - Lab.Komputer Aplikasi IT II - AKUNTANSI UNIKOM

KOMPUTER APLIKASI IT - 2. Adi Rachmanto - Lab.Komputer Aplikasi IT II - AKUNTANSI UNIKOM KOMPUTER APLIKASI IT - 2 Adi Rachmanto - Lab.Komputer Aplikasi IT II - AKUNTANSI UNIKOM Pengantar PHP Elemen Dasar PHP - Tipe Data - Operator - Variabel Pernyataan Kontrol Array Fungsi Merancang Web menggunakan

Lebih terperinci

Pengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG

Pengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG Pengenalan Dasar HTML 5 Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG HTML adalah bahasa standar untuk membuat halaman Web HTML (Hypertext Markup Language) adalah suatu bahasa yang

Lebih terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar 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 terperinci

DASAR HTML. Dasar HTML 8

DASAR HTML. Dasar HTML 8 Dasar HTML 8 10 2 DASAR HTML Tujuan Pembelajaran : Bisa menuliskan struktur dokumen HTML dan tag HTML dengan benar kedalam software pendukung untuk pembuatan sebuah halaman web. Bisa mendefinisikan fungsi

Lebih terperinci

MODUL 1 PENGENALAN HTML

MODUL 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 terperinci