Dasar-dasar HTML 1. Oleh: Cecep Yusuf
|
|
- Yuliani Salim
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Dasar-dasar HTML 1 Oleh: Cecep Yusuf Apa yang harus dipelajari jika kita ingin membuat sebuah website? Yup, jawabannya adalah HTML. Yuk kita intip HTML itu seperti apa. Pada suatu hari, teman saya Irvan Riswanto (iriswanto) bilang, tutorial di Jaco mendingan banyakin yang dasar-dasar untuk orang yang mau belajar membuat aplikasi. Akhirnya 'beliau' membuat tutorial dasar-dasar mysql di situs ini. Dan akhirnya pula saya jadi ingin ngasi tutorial-tutorial paling dasar dalam membuat aplikasi web. Apa yang harus dipelajari jika kita ingin membuat sebuah website? Yup, jawabannya adalah HTML. Yuk kita intip HTML itu seperti apa. Struktur HTML Struktur sebuah website awalnya sangat sederhana, yaitu ada head dan body. Head berisi inisialisasi (inisial awal) dan deklarasi untuk sebuah halaman web, dan Body merupakan isi web itu sendiri. Head dan Body ada di dalam tag Html, tag yang merupakan isi secara keseluruhan halaman web. Untuk lebih jelasnya, coba perhatikan kode di bawah ini: <!DOCTYPE HTML> <html> <head> <title>judul Halaman Web</title> </head> <body> <h1>ini adalah Judul Konten</h1> <p>ini adalah isi paragraf, kamu dapat tulis apapun di sini</p> </body> </html> Dilihat dari kode di atas, kita dapat melihat struktur secara jelas bentuk halaman sebuah website. Saya akan jelaskan satu persatu. <!DOCTYPE HTML> DOCTYPE adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut. Ada beberapa jenis dari tipe DOCTYPE ini. Sebagai contoh ya kita pakai doctype di atas.
3 Di dalam tag <head>, ada sepasang tag bernama title. Fungsi dari tag itu adalah menentukan judul dokumen html yang kamu buat. Sebenarnya, di dalah tag head itu bisa banyak deklarasi dan inisialisasi. Di dalam head, biasanya dipakai untuk meload CSS, Javascript, menentukan meta, dan sebagainya. Basically, kita akan belajar secara dasar terlebih dahulu. Di dalam tag <body>, kita menambahkan teks yang diapit sepasang tag <h1> dan <p> yang merupakan isi yang ditampilkan pada browser. Perlu diperhatikan bahwa di dalam tag inilah semua akan ditampilkan di dalam browser. Element, Tag dan Attribute Di dalam kode HTML, ada 3 istilah yang wajib kita ketahui, yaitu element, tag dan attribute (atribut). Tag adalah teks khusus yang kita sebut dengan istilah markup yang diawali dengan tanda "<" dan diakhiri dengan tanda ">". Tag terdiri dari dua bagian, tag pembuka dan tag penutup. Tag pembuka diapit dengan tanda "<>", dan tag penutup diawali dengan tanda "<" dan diakhiri dengan tanda "/>". Khusus untuk tag tanpa pasangan, bentuknya berbeda, contohnya "br" dan "hr". Contoh: <p>paragraf ini berada dalam tag "p"</p> <div>tulisan ini berada dalam tag "div"</div> <br /> <hr /> Contoh di atas adalah contoh untuk tag p, div, br, dan hr. Atribut mendefinisikan properti dari suatu tag HTML, yang terdiri atas nama dan nilai. Contoh: <img src="gambar.jpg" height="100" width="200" /> <p align="center">teks ini diberi atribut align dengan nilai "center", yang berfungsi untuk mengetengahkan tulisan</p> Contoh di atas adalah contoh untuk atribut src, height, width, dan align. Element mempresentasikan isi secara keseluruhan isi dari sepasang tag, attribute, beserta isinya. <img src="gambar.jpg" height="100" width="200" /> <p align="center">teks ini diberi atribut align dengan nilai "center", yang berfungsi untuk mengetengahkan tulisan</p> Contoh di atas adalah contoh untuk element <img src="gambar.jpg" height="100" width="200" />, dan element <p align="center">teks ini diberi atribut align dengan nilai "center", yang berfungsi untuk mengetengahkan tulisan</p>, jadi element itu mencakup 3 bagian tersebut. Tag-tag Dasar HTML Ok, setelah kita mengetahui struktur HTML secara dasar, kita sekarang akan mempelajari tag-tag dasar HTML. Berikut ini saya jelaskan tag-tag yang biasa dipakai untuk membuat sebuah halaman web.
4 Membuat Teks Judul Bagi yang sudah terbiasa membuat dokumen di MS Word, pasti kamu tahu apa itu istilah heading. Ya, heading adalah judul dari sebuah konten. Heading ada banyak level, mulai dari 1, 2, 3, dan seterusnya. Sama seperti halaman web, halaman web juga berbentuk persis seperti itu. Untuk membuat heading, kita cukup mengapit teks yang akan kita jadikan judul dengan <h1> atau <h2> atau <h3> dan seterusnya. <h1>ini adalah heading level satu<h1> <h2>ini adalah heading level dua<h2> <h3>ini adalah heading level tiga<h3> <h4>ini adalah heading level empat<h4> Membuat Paragraf Untuk membuat paragraf, kita cukup mengapit uraian teks dengan tag <p>. <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultricies magna in ligula adipiscing non congue tellus bibendum. Nunc aliquet vehicula turpis vestibulum congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis dapibus pellentesque lacus, suscipit congue elit tincidunt ut. Mauris euismod, lectus eget auctor commodo, erat nisi blandit quam, viverra viverra ipsum felis sed erat. Nam venenatis iaculis ante, id rhoncus ligula pretium sit amet. Integer eu enim ut nibh convallis euismod. Nam varius iaculis lacus eu commodo. Fusce sem sapien, ultricies non convallis a, tempus sit amet lectus. Donec ullamcorper est id metus mattis adipiscing. Etiam mauris elit, rhoncus ac euismod sit amet, consectetur eu est. Sed nec sapien aliquet felis vulputate semper. Donec fringilla malesuada vestibulum. Cras a iaculis orci. Proin vestibulum lobortis dui, a gravida dolor interdum a. </p> <p> Donec adipiscing ligula sed nisi porta lacinia. Nullam vulputate dictum magna. Maecenas urna purus, consequat eu blandit non, pretium et justo. Integer orci purus, porta consectetur ullamcorper non, bibendum ut nisi. Cras luctus turpis non lorem rutrum ac placerat sem ultricies. Maecenas tincidunt malesuada viverra. Nullam vel elit diam, porta porttitor mi. In sem nisl, accumsan non vulputate sed, porta vitae ante. Vestibulum at interdum lorem. Sed dapibus nunc quis turpis pellentesque faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris commodo, quam ac suscipit pulvinar, mauris eros volutpat magna, ac mattis neque erat ut odio. Curabitur at lacinia metus. Vivamus rhoncus eleifend facilisis. </p> teks "Lorem ipsum" adalah contoh kata-kata standard di dalam dunia web untuk pemisalan kalimat, kamu bisa generate sendiri di situs:
5 Menambahkan Gambar Jika kamu sering menampilkan gambar di kaskus, blog, dan sebagainya tentu kamu sudah tahu konsep dari tagging HTML ini. Bahkan kamu bisa tahu bagaimana cara menampilkan gambar, meletakkannya di tengah, mengubah ukuran, dan sebagainya. Ok, untuk menambahkan gambar, simpelnya kamu dapat membuatnya seperti berikut ini. <img src=" /> Atribut src adalah alamat URL gambar tersebut diupload. Untuk mengubah lebar dan tinggi gambar, gampang... kamu tinggal menambahkan atribut width dan height di dalam tag tersebut. <img src=" width="200" height="100" /> Membuat Hyperlink Hyperlink/Anchor adalah elemen di dalam HTML yang berfungsi sebagai 'pentaut' web kita dengan alamat URL yang lain yang berbentuk teks. Jika kita mengklik teks tersebut, maka browser akan memindahkan kita ke alamat yang dituju. Bentuknya seperti ini: <a href=" di sini untuk menuju situs saya</a> Hasilnya adalah sebuah teks bertuliskan Klik di sini untuk menuju situs saya, dan ketika teks tersebut diklik, maka browser akan memindahkan teks tersebut ke situs cheyuz.com. (promosi) Membuat Link Bergambar Apa sih link bergambar? Link bergambar itu adalah hyperlink yang berbentuk gambar. Di atas kan sudah kita coba bagaimana membentuk sebuah hyperlink yang berupa teks, kali ini bagaiaman kita membuat hyperlink yang berupa gambar. Caranya adalah dengan memasukkan tag <img> beserta isinya ke dalam tag <a>. <a href=" src="" /></a> OK sementara segini aja dulu ya, pegel nih jari saya hehehe... Pada tutorial berikutnya, insya Allah kita akan belajar bagaimana membuat tabel, kemudian load css, load javascript, dan sebagainya. Makanya, follow saya okeee, jadi kamu gak ketinggalan tutorial-tutorial dari saya.. hehehe.. ~ Jagocoding.com Stand by with Jagocoding, learn and share your code!
6 Tentang Penulis Cecep Yusuf Hi, my name is Cecep Yusuf. However, in the virtual world I am more likely to use the name Cheyuz, which is an abbreviation of two words "Cecep" and "Yusuf". I am founder of Jagocoding.com, u can view more of me in Cheyuz.com
graphic standard manual
graphic standard manual Selamat datang di panduan brand RINJANI Dokumen ini menyediakan tinjauan brand secara visual juga dasar-dasar penerapan konsisten identitas brand RINJANI, sebagai alat bantu untuk
Lebih terperinciLampiran 1 Tampilan client. Lampiran 2 Tampilan server
LAMPIRAN Lampiran 1 Tampilan client Lampiran 2 Tampilan server Lampiran 3 Tampilan saat melakukan koneksi pada client Lampiran 4 Tampilan saat melakukan koneksi pada server Lampiran 5 Contoh pengiriman
Lebih terperinciFungsi Require dan Include Donny Reza, S.Kom Aplikasi IT-2 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia
Fungsi Require dan Include Donny Reza, S.Kom Aplikasi IT-2 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia Di dalam PHP terdapat fungsi yang dapat digunakan untuk menyisipkan/menyertakan
Lebih terperinciRancangan / draft untuk penulisan Bab I (Pendahuluan)
Rancangan / draft untuk penulisan Bab I (Pendahuluan) BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Dibuat maksimal 8-10 paragraf dimana setiap paragraph mewakili poin-poin untuk menjadi identifikasi masalah.
Lebih terperinciWEWARAH PRIORITAS Media Informasi dan Penyebarluasan Praktek Pendidikan yang Baik di Provinsi Banten
USAID PRIORITAS: Mengutamakan Pembaharuan, Inovasi, dan Kesempatan bagi Guru, Tenaga Kependidikan, dan Siswa Edisi 2/Januari 2013 WEWARAH PRIORITAS Media Informasi dan Penyebarluasan Praktek Pendidikan
Lebih terperinciCOLOR PALETTE M 100 Y 100 K 100. CATATAN Aturan ini mohon diaplikasikan sesuai dengan ketentuan ukuran yang telah diatur pada guidelines ini.
LOGO COLOR PALETTE C 0 M 100 Y 100 K 0 C 0 M 0 Y 0 K 100 STATIONERY Left Margin 3 cm Right Margin 2 cm Top Margin 2.15 cm Left Margin 0.3 cm Right Margin 0.3 cm AAN RACHMAN Direktur Operasional Top Margin
Lebih terperinciBADAN PENGAWASAN KEUANGAN DAN PEMBANGUNAN DEPUTI PENGAWASAN BIDANG PENYELENGGARAAN KEUANGAN DAERAH
BADAN PENGAWASAN KEUANGAN DAN PEMBANGUNAN DEPUTI PENGAWASAN BIDANG PENYELENGGARAAN KEUANGAN DAERAH KATA PENGANTAR Dalam rangka mendukung terwujudnya good governance dan clean government dalam penyelenggaraan
Lebih terperinciJUDUL SKRIPSI DALAM BAHASA INDONESIA
JUDUL SKRIPSI DALAM BAHASA INDONESIA SKRIPSI untuk memenuhi sebagian persyaratan untuk memperoleh derajat Sarjana S-1 Program Studi Teknik Nuklir diajukan oleh NAMA LENGKAP MAHASISWA xx/yyyyyy/tk/zzzz
Lebih terperinciJUDUL TUGAS AKHIR/SKRIPSI
JUDUL TUGAS AKHIR/SKRIPSI Proposal Tugas Akhir/Skripsi Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn) Nama NIM Program Studi : Nama Mahasiswa : xxxxxxxxxxxxxx : Desain Komunikasi Visual
Lebih terperinciBAB 5 METODE PERANCANGAN
BAB 5 METODE PERANCANGAN 5.1 Konsep Visual 5.1.1 Visual Menggunakan ilustrasi vektor yang simpel dan mudah dipahami oleh setiap orang. Selain menggunakan ilustrasi vektor juga dipadukan dengan fotografi
Lebih terperinciJUDUL SKRIPSI DALAM BAHASA INDONESIA
JUDUL SKRIPSI DALAM BAHASA INDONESIA SKRIPSI untuk memenuhi sebagian persyaratan untuk memperoleh derajat Sarjana S-1 Program Studi Teknik Nuklir diajukan oleh NAMA LENGKAP MAHASISWA xx/yyyyyy/tk/zzzz
Lebih terperinciKesan dari pelajaran bahasa Inggis dengan guru Pak Sartoyo S.Pd adalah beliau selalu memotivasi kami untuk membuka kamus setiap hari dan menghafal 10
Kesan dari pelajaran bahasa Inggis dengan guru Pak Sartoyo S.Pd adalah beliau selalu memotivasi kami untuk membuka kamus setiap hari dan menghafal 10 kosa kata bahasa Inggris, dan bila ada tugas, kita
Lebih terperinciRiesty Aqmarina. Desian sampul: Rizky Pujo Wardhana. FB/Eno pujo. Diterbitkan melalui: Copyright 2010 by Riesty aqmarina
Riesty Aqmarina Riesty Aqmarina Copyright 2010 by Riesty aqmarina Desian sampul: Rizky Pujo Wardhana FB/Eno pujo Diterbitkan melalui: www.nulisbuku.com 2 THANK s TO: Wow, this is wonderful, i can publish
Lebih terperinciPanduan Tugas Akhir Manajemen Informatika
2014 Panduan Tugas Akhir Manajemen Informatika Panduan ini disusun sebagai gambaran bagi mahasiswa Program Studi Manajemen Informatika (D-III) STMIK Mikroskil dalam penyusunan Tugas Akhir Fandi Halim STMIK
Lebih terperincimengapa harus presentasi
presentation IMPACT mengapa harus presentasi You are the expert It is your duty It is your career requirement You want to share tantangan dalam presentasi http://megans movies.blogspot.com http://www.slashgear.com
Lebih terperinciLorem Ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis Nilai-Nilai Utama Kami 5
KODE ETIK Lorem Ipsum Pesan dari CEO 3 Fondasi atas segala yang kita kerjakan 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis Nilai-Nilai Utama Kami 5 neque quis porttitor consectetur.
Lebih terperinciPanduan Tugas Akhir Manajemen Informatika
2014 Panduan Tugas Akhir Manajemen Informatika Panduan ini disusun sebagai gambaran bagi mahasiswa Program Studi Manajemen Informatika (D-III) STMIK Mikroskil dalam penyusunan Tugas Akhir Fandi Halim STMIK
Lebih terperinciPanduan Tugas Akhir PROGRAM STUDI TEKNIK INFORMATIKA. STMIK Mikroskil. Digunakan untuk kalangan sendiri
Panduan Tugas Akhir 2015 PROGRAM STUDI TEKNIK INFORMATIKA STMIK Mikroskil Digunakan untuk kalangan sendiri DAFTAR ISI DAFTAR ISI... ii 1 Tugas Akhir... 1 1.1 Capaian Pembelajaran Umum Tugas Akhir... 1
Lebih terperinciTutorial Layouting CSS Part 1
Tutorial Layouting CSS Part 1 Oleh: Cecep Yusuf Pada tutorial kali ini, mari kita belajar tentang layouting HTML dengan CSS, sebenarnya tutorial ini bersumber dari artikel saya juga di situs harian.cheyuz.com,
Lebih terperinciREBRANDING PUSAT PRIMATA SCHMUTZER
REBRANDING PUSAT PRIMATA SCHMUTZER ROY SAPUTRA Universitas Bina Nusantara, Jl. K.H. Syahdan No.1, Palmerah Jakarta 11480, Indonesia, telp: 0853 1199 1117, roysaputra.id@gmail.com Roy Saputra, Drs. Rujiyanto,
Lebih terperinciPANDUAN SISTEMATIKA DAN TEKNIK PENULISAN MATA KULIAH TUGAS AKHIR PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI RUPA DAN DESAIN
PANDUAN SISTEMATIKA DAN TEKNIK PENULISAN MATA KULIAH TUGAS AKHIR PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI RUPA DAN DESAIN FAKULTAS SENI RUPA DAN DESAIN UNIVERSITAS TARUMANAGARA JAKARTA - 2014
Lebih terperinciPanji Ramdana / 1 1. PAN-Jsound RECORDS
Panji Ramdana / 1 1 PAN-Jsound RECORDS 0 1 Diamku adalah caraku menjagamu Setidaknya beritahu aku Sudah sejauh mana kau mengenalku? Boleh? Jaga selalu kesehatanmu Kau boleh menyebrangiku asal tidak di
Lebih terperinciANALISIS RSA DENGAN PENAMBAHAN CHINESE REMAINDER THEOREM UNTUK MEMPERCEPAT PROSES DEKRIPSI NILAM AMALIA PUSPARANI G
ANALISIS RSA DENGAN PENAMBAHAN CHINESE REMAINDER THEOREM UNTUK MEMPERCEPAT PROSES DEKRIPSI NILAM AMALIA PUSPARANI G64102039 DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM INSTITUT
Lebih terperinciDaftar Isi. Pengantar Redaksi Rencana Tindak Penerapan Manajemen Kinerja di Instansi Pemerintah... 1
Daftar Isi Pengantar Redaksi... ii 1. Rencana Tindak Penerapan Manajemen Kinerja di Instansi Pemerintah... 1 2. Dampak Perubahan Kebijakan Desentralisasi dan Otonomi Daerah terhadap Pengelolaan Aparatur
Lebih terperinciMITR A LANGGENG KONSTRUKSI. COMPANY PR OFILE
MITR A LANGGENG KONSTRUKSI COMPANY PR OFILE 201 6 www.mitralanggeng.co.id Our Philosophy PT. Mitralanggeng Prama Konstruksi (MITRA Konstruksi) is a construction services company that handles diverse and
Lebih terperinciDaftar Isi. Pengantar Redaksi Hambatan Perdagangan Antardaerah dan Dampaknya terhadap Perekonomian Daerah... 1
Daftar Isi Pengantar Redaksi... ii 1. Hambatan Perdagangan Antardaerah dan Dampaknya terhadap Perekonomian Daerah... 1 2. Pengembangan Model Analisis Pasar Uang dan Pasar Modal... 13 3. Model Integrasi
Lebih terperinciDasar-dasar HTML 2. Oleh: Cecep Yusuf
Dasar-dasar HTML 2 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana membuat sebuah tabel tag-tag HTML. Kita akan mempelajari bagaimana membuat tabel yang baik. Melanjutkan tutorial Dasar-dasar
Lebih terperinciKomputer Dan Dunia Hiburan
Est. 1869 ILLUSTRATED WEEKLY NEWSPAPER Wednesday, November 24, 1892 Member of the Asscoiated Press. Aenean commodo ligula eget dolor. Aenean. Aenean commodo ligula eget dolor. Aenhswse. Cejhciebce fcdcdcd.
Lebih terperinciLaporan Tahunan PTPTN 2015
1 Rasional Kulit Hadapan Konsep kulit hadapan Buku Laporan Tahunan PTPTN 2015 dengan tagline Masa Depan Cemerlang Bermula Di Sini yang menampilkan tabung telur PTPTN adalah simbolik kepada konsep menabung
Lebih terperinciCAPAIAN KINERJA MUTU FAKULTAS dan PPs TAHUN Badan Penjaminan Mutu. Universitas Negeri Semarang
CAPAIAN KINERJA MUTU FAKULTAS dan TAHUN 6 Badan Penjaminan Mutu Universitas Negeri Semarang Universitas Negeri Semarang BIDANG AKADEMIK Program Studi Status Akreditasi A Your Text here Lorem ipsum dolor
Lebih terperinciJUDUL KARYA ILMIAH MAKSIMUM TIGA BARIS, LIMA BELAS KATA TIDAK TERMASUK KATA DEPAN DAN KATA SAMBUNG NAMA PENULIS
JUDUL KARYA ILMIAH MAKSIMUM TIGA BARIS, LIMA BELAS KATA TIDAK TERMASUK KATA DEPAN DAN KATA SAMBUNG NAMA PENULIS SEKOLAH PASCASARJANA INSTITUT PERTANIAN BOGOR BOGOR 2012 PERNYATAAN MENGENAI DISERTASI DAN
Lebih terperinciBAB 5 MASALAH DAN TUJUAN DESAIN
BAB 5 MASALAH DAN TUJUAN DESAIN 5.1 KONSEP VISUAL 5.1.1 Visual Sebagai Taman Margasatwa yang sudah berdiri sangat lama dan sudah cukup terkenal dikalangan masyarakat DKI Jakarta, bahkan seluruh Indonesia.
Lebih terperinciDKV DKV. AdiNugroho Genap 2011/2012
DKV 224 DKV 2 AdiNugroho Genap 2011/2012 adi_nugroho@unika.ac.id 1 Melanjutkan materi minggu sebelumnya mari belajar mengenai LOOK AND FEEL! Ingat! Logo dalam konteks brand dan branding, hanyalah berfungsi
Lebih terperinciBlueprint CSS Framework
Nama : Reza Bayu Permana NIM : 12141378 Prodi : Teknik Informatika (Malam) Mata Kuliah : Web Statis Blueprint CSS Framework Blueprint Css adalah sebuah framework CSS. Herankan kenapa css pun memiliki framework.
Lebih terperinciAJAX dengan jquery Part 2
AJAX dengan jquery Part 2 Oleh: Cecep Yusuf Kita akan belajar bagaimana cara membuat AJAX dengan response data HTML memakai metode GET dan dimasukkan ke dalam elemen yang ditentukan pada halaman utama.
Lebih terperinciAnnual Report Change for Excellence
Annual Report 2011 Change for Excellence DAFTAR ISI Table of Content 23 25 27 29 33 Laporan Manajemen Management Report Dewan Direksi Board of Directors Laporan Komite Audit Audit Committee Report Komite
Lebih terperinciBUKU PANDUAN TUGAS AKHIR, SKRIPSI DAN UJIAN PENDADARAN
BUKU PANDUAN TUGAS AKHIR, SKRIPSI DAN UJIAN PENDADARAN Jurusan Teknik Fisika Fakultas Teknik Universitas Gadjah Mada Yogyakarta 2009 DAFTAR ISI TUGAS AKHIR... 4 A. Definisi... 4 B. Cakupan Tugas Akhir...
Lebih terperinciAJAX dengan jquery Part 1
AJAX dengan jquery Part 1 Oleh: Cecep Yusuf Kali ini saya akan share tutorial AJAX dengan jquery. Dengan menggunakan jquery, penggunaan AJAX akan jauh menjadi lebih mudah. Penjelasan Kali ini saya akan
Lebih terperinciTutorial CakePHP Dasar Part IV - Searching
Tutorial CakePHP Dasar Part IV - Searching Oleh: Cecep Yusuf Masuk ke Serial Tutorial CakePHP bagian ke IV, kali ini kita akan belajar membuat searching dengan CakePHP. Level Newbie dan dianjurkan mengikuti
Lebih terperincimembuat website dengan bootstrap v3.0.0
membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk
Lebih terperinciINVENTARISASI EMISI GAS RUMAH KACA SEKTOR PERTANIAN DAN OPSI MITIGASINYA DENGAN PENDEKATAN MARGINAL ABATEMENT COST MIRANTI ARIANI
INVENTARISASI EMISI GAS RUMAH KACA SEKTOR PERTANIAN DAN OPSI MITIGASINYA DENGAN PENDEKATAN MARGINAL ABATEMENT COST MIRANTI ARIANI SEKOLAH PASCASARJANA INSTITUT PERTANIAN BOGOR BOGOR 2014 i ii PERNYATAAN
Lebih terperinciAJAX dengan jquery Part 3
AJAX dengan jquery Part 3 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana mengirim data POST dari sebuah form dan dikirim dengan metode AJAX post dengan menggunakan jquery. Selamat pagi
Lebih terperinciTutorial Penggunaan Twitter Bootstrap
Tutorial Penggunaan Twitter Bootstrap Oleh: Gilang Sonar Amanu Terimakasih telah mengunjungi tutorial saya lagi, setelah tutorial sebelumnya tentang Pengenalan Twitter Bootstrap Oke.. sebelum melangkah
Lebih terperinciMendeteksi Browser Mobile dengan PHP
Mendeteksi Browser Mobile dengan PHP Oleh: Cecep Yusuf Tutorial bagaimana cara supaya aplikasi web kita dapat mendeteksi secara otomatis dengan PHP apakah browser yang digunakan berbasis mobile atau bukan.
Lebih terperinciAudience Attention PRESENTASI PENELITIAN 6/13/14. Yeni Herdiyeni Departemen Ilmu Komputer FMIPA IPB hgp://cs.ipb.ac.id/~yeni
PRESENTASI PENELITIAN Yeni Herdiyeni Departemen Ilmu Komputer FMIPA IPB hgp://cs.ipb.ac.id/~yeni Audience Attention 1 Better Approach Topik PeneliOan = percobaan + menulis + presentasi + publikasi Menulis
Lebih terperinciCSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) Instruktur: Arif Nurwidyantoro Intro Cascading Style Sheets (CSS) digunakan untuk mendefinisikan bagaimana sebuah elemen HTML ditampilkan. Sebuah elemen HTML dapat ditampilkan
Lebih terperinciDaftar Isi. Kata Pengantar Pendahuluan. i ii. iii. Daftar Isi
Kata Pengantar Seiring dengan dinamika BKKBN sebagai lembaga yang selalu relevan dengan perkembangan bangsa dari dulu hingga kini, maka revitalisasi identitas institusi (logo) adalah salah satu bagian
Lebih terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinciCSS Eksternal. Instruktur: Arif Nurwidyantoro
CSS Eksternal Instruktur: Arif Nurwidyantoro Definisi CSS, selain diletakkan dalam file yang sama dengan file HTML, dapat juga diletakkan pada file terpisah. Pernyataan untuk menyambungkan file HTML dengan
Lebih terperinciTutorial CakePHP Dasar Part III - Sorting, Pagination
Tutorial CakePHP Dasar Part III - Sorting, Pagination Oleh: Cecep Yusuf Tutorial CakePHP ini akan belajar bagaimana membuat pagination dan sorter/pengurut untuk daftar data yang akan ditampilkan. Updated:
Lebih terperinciPanduan Menulis Tesis Menggunakan L A TEX
hidden text Panduan Menulis Tesis Menggunakan L A TEX Author: Kholid Fuadi, dkk. Oktober 2011 Yogyakarta Daftar Isi 1 Apa itu L A TEX? 2 1.1 Sejarah L A TEX.......................................... 2
Lebih terperinciAJAX dengan jquery Part 4
AJAX dengan jquery Part 4 Oleh: Cecep Yusuf Kali ini kita akan mempelajari bagaimana data dikirim melalui HTTP Request dan client akan menerima data callback berupa JSON, melanjutkan tutorial sebelumnya.
Lebih terperinciUpload File dengan Metode AJAX
Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library
Lebih terperinciPEDOMAN KERJA PRAKTEK DAN MAGANG. Teknik Informatika FTI UAJY
PEDOMAN KERJA PRAKTEK DAN MAGANG Teknik Informatika FTI UAJY BAB I PENDAHULUAN 1.1. Kerja Praktek Kerja Praktek adalah sebuah mata kuliah yang ada di dalam kurikulum Strata 1 Program Studi Teknik Informatika
Lebih terperinciSTRATEGI PENGEMBANGAN KELEMBAGAAN PROGRAM PERBAIKAN GIZI MASYARAKAT (Studi UPT Puskesmas Cirimekar Kecamatan Cibinong) TEUKU IQBAL MIZA
STRATEGI PENGEMBANGAN KELEMBAGAAN PROGRAM PERBAIKAN GIZI MASYARAKAT (Studi UPT Puskesmas Cirimekar Kecamatan Cibinong) TEUKU IQBAL MIZA SEKOLAH PASCASARJANA INSTITUT PERTANIAN BOGOR BOGOR 2015 PERNYATAAN
Lebih terperinciPANDUAN UMUM TAMPILAN POSTER 1. Ukuran poster 1080 x 1526 pixel, dengan resolusi minimal 72 dpi 2. Teks poster sebaiknya tidak mendominasi, dan
DIVo Guidelines PANDUAN UMUM TAMPILAN POSTER 1. Ukuran poster 1080 x 1526 pixel, dengan resolusi minimal 72 dpi 2. Teks poster sebaiknya tidak mendominasi, dan perbandingan yang disarankan antara teks
Lebih terperinciKoneksi Database Mysql dengan C#
Koneksi Database Mysql dengan C# Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana melakukan koneksi MySQL pada aplikasi Visual C#.Net dengan membuat tombol koneksi dengan MySQL Driver. Selamat pagi
Lebih terperinciPlugin Javascript Bootstrap
Plugin Javascript Bootstrap Oleh: ricky orlando napitupulu Salam bro/sis :) kali ini saya akan menunjukkan plugin javascript yang keren-keren dari bootstrap, yang dapat membuat halaman web menjadi lebih
Lebih terperinciBAB II KOMPONEN HTML LANJUT
BAB II KOMPONEN HTML LANJUT A. KOMPETENSI DASAR Memahami komponen-komponen HTML lanjutan. Memahami kegunaan dan cara penerapan komponen HTML. Mampu memanfaatkan komponen-komponen HTML untuk membuat halaman
Lebih terperinciBAB I DASAR-DASAR HTML
BAB I DASAR-DASAR HTML A. KOMPETENSI DASAR Memahami struktur dasar dokumen HTML dan HTML5 Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi.
Lebih terperinciPENGELOLAAN LINGKUNGAN DI PELABUHAN PERIKANAN STUDI KASUS DI: PELABUHAN PERIKANAN NUSANTARA PALABUHANRATU RISNANDAR
PENGELOLAAN LINGKUNGAN DI PELABUHAN PERIKANAN STUDI KASUS DI: PELABUHAN PERIKANAN NUSANTARA PALABUHANRATU RISNANDAR SEKOLAH PASCASARJANA INSTITUT PERTANIAN BOGOR BOGOR 2013 PERNYATAAN MENGENAI TESIS DAN
Lebih terperinciTHE MOST FUNDAMENTAL OF OUR CONDUCT INTEGRITY. ACCOUNTABILITY. TRANSPARENCY LAPORAN TAHUNAN 2008 ANNUAL REPORT
THE MOST FUNDAMENTAL OF OUR CONDUCT INTEGRITY. ACCOUNTABILITY. TRANSPARENCY LAPORAN TAHUNAN 2008 ANNUAL REPORT INTEGRITY Integrity defines the perceived consistency of actions, values, methods, measures
Lebih terperinciMembuat Database dengan SQL Server Management Studio
Membuat Database dengan SQL Server Management Studio Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana membuat sebuah database beserta relasi antar table menggunakan Microsoft SQL Server Management
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 terperinciWEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS
WEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS Oleh : EMA SETYA KARISNA TI. 12141391 A. PENGERTIAN FRAMEWORK CSS Bootswatch.com Bootswatch merupakan penyedia tema berbagai macam bootstrap dengan
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 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 (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 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 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 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 terperinciValidasi Form dengan CakePHP
Validasi Form dengan CakePHP Oleh: Cecep Yusuf Di sini akan dipelajari bagaimana cara membuat validasi server pada model untuk form dengan menggunakan framework CakePHP. Hmm.. Sudah lama juga saya tidak
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 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 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 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 terperinciXHTML Part 1. Wahyu Catur Wibowo Amalia Zahra
XHTML Part 1 Wahyu Catur Wibowo Amalia Zahra wibowo@cs.ui.ac.id http://wcw.cs.ui.ac.id Well-formed XHTML mengadopsi well-formness dari XML Penulisan elemen XHTML dikatakan well-formed apabila: (a) dalam
Lebih terperinciGroup 5 - Simulation Modelling Industry. Lecture : Paulus A.C Tangkere
Group 5 - Simulation Modelling Industry Lecture : Paulus A.C Tangkere AL FAUZAN - 1122003014 FIDYA AYU SAOMI - 1122003013 KIKY RIZKY APRILIA - 1122003027 M. FAJAR SIDDIQ - 11220030xx Slide Master Your
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 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 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 terperinciCara Upload File Ke Website Menggunakan FTP
Cara Upload File Ke Website Menggunakan FTP Nopran Diansyah nopran_diansyah@yahoo.com Abstrak Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah,
Lebih terperinciImagine the Possibilities
Imagine the Possibilities Pixie Proposal Client Street Zip City Client Name 105 Road Name PC 012345 City Name Imagine the Possibilities Anda bisa menghubungi kami melalui kontak coustemer services kami.
Lebih terperinciCredible. Transparent. Independent. Objective. Laporan Tahunan Annual Report09. Laporan Tahunan 2009 Annual Report PT Penilai Harga Efek Indonesia
Transparent Credible Objective Independent Laporan Tahunan Annual Report09 Laporan Tahunan 2009 Annual Report PT Penilai Harga Efek Indonesia I Daftar Isi 01 02 03 04 05 07 08 10 10 14 20 20 22 23 26 26
Lebih terperinciWarta Jemaat, 24 Mei 2015
Warta Jemaat, 24 Mei 2015 INFORMASI IBADAH, PELAYANAN dan KEGIATAN 1. Format isian Data Dasar keluarga sudah dijalankan, diharapkan kerjasama dengan jemaat sekalian untuk dapat mengisinya dengan benar
Lebih terperinciAn Accomplishment of Professionalism
An Accomplishment of Professionalism ANNUAL REPORT 2009 DAfTAr isi Table of Contents An Accomplishment of ProfessionAlism 02 06 10 28 32 36 38 40 58 60 64 75 sambutan KomisAris Greetings from Board of
Lebih terperinciResponsive Layout dengan Bootstrap [Part 2]
Responsive Layout dengan Bootstrap [Part 2] Oleh: Christian Rosandhy Salam jaco,, sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat
Lebih terperinciLAPORAN KHUSUS DESAIN APLIKASI VISUAL BRAND DESTINASI JAKARTA OLEH: PT INDO-AD TAHUN ANGGARAN 2016
LAPORAN KHUSUS DESAIN APLIKASI VISUAL BRAND DESTINASI JAKARTA OLEH: PT INDO-AD TAHUN ANGGARAN 2016 ENJOY JAKARTA BRAND GUIDELINES DAFTAR ISI TABLE OF CONTENTS Konsep Brand Enjoy Jakarta Enjoy Jakarta Brand
Lebih terperinciCASCADING STYLE SHEET (CSS)
5 CASCADING STYLE SHEET (CSS) 5.1 Introduksi CSS CSS (Cascading Style Sheet) digunakan untuk mengatur aspek visual dari sebuah dokumen web sama seperti halnya pada aplikasi publishing kebanyakan seperti
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 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 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 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
Lebih terperinciCARA MEMBUAT WEBSITE SEDERHANA
CARA MEMBUAT WEBSITE SEDERHANA Gunawan Effendi gunawan effendi@penulis.com :: http://penulis.com Abstrak Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster
Lebih terperinciPEMROGRAMAN 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 terperinciTUTORIAL 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 terperinciProfil Perusahaan 2017
Profil Perusahaan 2017 Profil Perusahaan Tangguh Group yang didirikan sejak tahun 1988 PT. Tangguh Logistindo pada tahun 2008 dibentuk untuk memenuhi kebutuhan logistik dan transportasi berbagai lini industri/bisnis
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 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 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 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 terperinci