Wednesday, September 9, 2015

Instalasi XAMPP Pada Windows

12:38 AM -
Oke, Seperti yang saya sebutkan pada post sebelumnnya, pada post ini saya akan memberikan tutorial instalasi XAMPP. Langsung saja berikut langkah - langkahnya:
  • Pertama sobat harus mendownload XAMPP di web resminya di sini
  • Kalau sudah, langsung saja jalankan programnya, namun sebelumnya lebih baik matikan sementara antivirus sobat untuk kelancaran instalasi.
  • *Note file instalasi XAMPP yang sobat download dari web resminya tidak mengandung virus, hanya saja ada beberapa antivirus yang mendeteksi beberapa file sebagai virus.
  • Jika sudah dijalankan maka akan muncul jendela seperti ini. klik Next.
  • Setelah klik Next, selanjutnya pilih Komponen yang ingin di install. Saya sarankan ceklis saja semua, kemudian klik Next.
'
  •  Setelah itu pilih lokasi instalasi. Saya sarankan letakan saja di C: seperti lokasi defaultnya. Klik Install.
 
  •  Kemudian tunggu sampai proses instalasi selesai.
 
  • Jika proses instalasi selesai akan muncul jendela seperti ini. Klik Finish.
 

Jika instalasi sudah selesai buka XAMPP Control Panel. 
Seperti ini tampilannya.
  1. Tombol untuk kontrol module XAMPP
  2.  Log aktifitas XAMPP
  3. Membuka panel configurasi atau configuration panel
  4. Menampilkan semua proses dalam server
  5. Membuka Unix Shell
  6. Membuka Windows Explorer
  7. Menampilkan service yang sedang berjalan
  8. Menampilkan link forum XAMPP
  9. Menutup XAMPP Control Panel
Menjalankan XAMPP
Setelah dibuka klik tombol Start pada Apache dan MySQL hingga tampilannya menjadi seperti ini.
 
Setelah itu buka browser sobat lalu ketik localhost pada adressbar kemudian tekan Enter pada keboard
maka tampilannya akan seperti ini. Kemudian pilih bahasa.



Jika muncul tampilan seperti ini berati sobat berhasil menginstall XAMPP dan menjalankannya
 

Sekian tutorial instalasi dan menjalankan XAMPP semoga bermanfaat. Terimakasih.

Tags: install XAMPP, tutorial instalasi XAMPP, cara menginstall XAMPP.
Read More

Tuesday, September 8, 2015

XAMPP

11:36 PM -
 
(source pict: https://managewp.com/how-to-create-a-local-wordpress-website-in-windows-with-xampp)

XAMPP adalah sebuat software open source atau bebas. Yang bisa digunakan di berbagai Sistem Operasi. XAMPP merupakan kompilasi dari beberapa Program.
XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team)

Apa sebenarnya fungsi XAMPP?
XAMPP befungsi sebagai software offline atau yang biasa disebut localhost. XAMPP terdiri dari beberapa progam yaitu Apache HTTP Server, MySQL Database, PHP, dan Perl. XAMPP merupakan web server yang mudah digunakan dan dapat melayani tampilan halaman web yang dinamis. Sobat bisa mendownload nya secara gratis karena program ini tersedia dalam GNU General Public License, nanti akan saya berikan link downloadnya di akhir post.

Kenapa sih disebut XAMPP?
XAMPP  sebenarnya adalah singkatan dari:

X : Maksudnya program ini bisa dijalankan di banyak OS seperti Windows, Linux, Mac OS, dan Solaris.

A : Singkatan dari Apache yang merupakan aplikasi web server yang berfungsi menampilkan (menerjemahkan) kode PHP yang ditulis oleh Programmer atau pembuat halaman web.

M : MySQL merupakan aplikasi database server yang berfungsi untuk membuat dan mengelola database beserta isinya, misalnya  menambah, mengubah, menghapus data dalam database.

P : PHP, seperti yang sudah saya jelaskan pada post saya sebelumnya PHP adalah bahasa pemrograman web berbasis server (server-side) yang memungkinkan sobat membuat halaman web yang dinamis.

P : Perl adalah bahasa pemrograman untuk segala keperluan, yang dikembangkan pertama kali oleh Larry Wall di mesin Unix dan dirilis pertama kali pada tanggal 18 Desember 1987.

Sekian pembahasan kita mengenai XAMPP. Sobat bisa mendownload program tersebut di web resminya di https://www.apachefriends.org/download.html

Untuk tutorial instalasinya silahkan klik disini

Source: Wikipedia

Tags: XAMPP, download XAMPP, apa itu XAMPP.
Read More

PHP Hypertext Preprocessor (PHP)

8:59 PM -
(source pict: http://imdi15.blogspot.com/2014/05/fungsi-echo-post-dan-get-pada-php-serta.html)

Sekarang kita akan membahas tentang PHP Hypertext Preprocessor atau biasa disebut dengan singkatan PHP. Sebelum kita masuk lebih dalam tentang pembelajaran PHP tentu kita harus tau dulu apa PHP itu?

PHP adalah sebuah bahasa pemrograman web berbasis server (server-side) yang mampu memparsing kode PHP dari kode web dengan ekstensi '.php'. PHP sangat cocok untuk pengembangan Web dan dapat dimasukan ke dalam HTML. Jika sobat hendak belajar PHP dan ingin tahu cara kerjanya, maka sobat bisa mengikuti tutorial nya pada post - post saya selanjutnya.

PHP awalnya dikembangkan oleh seorang programmer bernama Rasmus Lerdorf pada tahun 1995, namun semenjak itu selalu dikembangkan oleh kelompok independen yang disebut Group PHP dan kelompok ini juga mendefinisikan standar de facto untuk PHP karena tidak ada spesifikasi formal. Saat ini pengembangannya dipimpin oleh duo maut, Andi Guntmans dan Zeev Suraski.

Langsung saja kita masuk ke kode dasar PHP.

Tag pembuka dan penutup pada PHP
PHP mempunyai beberapa jenis tag pembuka dan tag penutup, kode tag nya sebagai berikut.
  1. Tag standar <?php ... ?>
  2. Tag pendek <? ... ?>
  3. Tag ASP <% ... %>
  4. Tag Script <script language="php"> ... </script>
Dalam coding PHP saya selalu memakai tag standar yaitu <?php ... ?> karena jarang terjadi error. Namun jika sobat ingin memakai tag pendek sobat harus memastikan di file.php sobat sudah diaktifkan fasilitas short_open_tag atau belum. Ada 3 cara mengaktifkannya yaitu:
  1. short_open_tag = On
  2. short_open_tag = True
  3. short_open_tag = Yes
Untuk memunculkan tulisan pada PHP sobat bisa menggunakan 'echo' karena echo paling praktis.

Contoh kode PHP sederhana.


Hasilnya akan seperti ini :
 

Sampai sini dulu pelajaran mengenai PHP, untuk pembelajaran lebih lanjut tunggu post saya selanjutnya. Terimakasih ;)

Source: My Notebook

Tags: PHP, PHP Hypertext Preprocessor, contoh sederhana PHP, tag pembuka PHP, tag penutup PHP.
Read More

Apa yang Baru pada HTML5?

8:04 PM -
 
(source pict: http://rifweb.blogspot.co.id/2014/12/pengertian-html-sejarah-singkat-html.html)

HTML5 adalah versi terbaru dari HTML. Dan ini akan menjadi standar baru untuk HTML, XHTML, dan HTML DOM. Versi terakhir dari HTML ada di tahun 1999.

Dan web sudah berkembang dengan pesat sehingga jalan sekarang HTML5 sendiri sampai saat ini masih terus dikembangkan, tapi mayoritas browser modern sudah bisa mendukung HTML5.

Ada beberapa aturan yang ditetapkan untuk HTML5, seperti:
    1. Fitur - fitur harus berbasis HTML, CSS, DOM, dan JavaScript.
    2. Mengurangi kebutuhan plugin eksternal (contoh Flash).
    3. Error handling yang lebih baik.
    4. Markup tambahan untuk menggantikan scripting.
    5. HTML5 harus bisa diakses dari piranti manapun/device independent.
    6. Proses pengembangan harus bisa dilihat oleh publik.
HTML5 punya beberapa spesifikasi baru yang membedakan dengan HTML4. Dan semua spesifikasi ini dibangun atas dasar kemudahan, jadi semuanya didesain serba praktis. Contohnya pada penulisan kode berikut.
  • id="belajarcoding"
  • id=belajarcoding
  • ID="belajarcoding"
Semua penulisan kode diatas benar.

Jadi sintaks untuk HTML5 sangat fleksibel, namun bukan berarti kitabisa menulis dengan sembarangan. HTML5 mendukung pemisahan yang tegas antara tahapan presentasi dan konten.

HTML5 memungkinkan ini menggunakan CSS. Bahkan beberapa fitur tampilan di versi HTML sebelumnya tidak lagi didukung (tapi masih bisa bekerja)

Jika tidak antara konten dan style tidak dipisahkan, maka akan banyak masalah, Antara lain:
  1. Aksebilitas jelek.
  2. Akan lebih kompleks, kode lebih sulit untuk dibaca dibandingkan jika konten dan style dipisahkan.
  3. Ukuran dokumen akan lebih besar, karena konten style akan diulang berulang kali. Sehingga proses loading dokumen akan menjadi lebih lama.
Beberapa fitur baru di HTML5 antara lain:
  1. Elemen Canvas.
  2. Elemen pemutar audio & video.
  3. Dukungan penyimpanan offline lokal. 
  4. Elemen yang spesifik terhadap konten, seperti article, footer, header, nav, dan section.
  5. Kontrol form baru, seperti calendar, date, time, email, url, search.
Source: My Notebook

Tags: fitur baru pada HTML5, aturan pada HTML5, HTML5, HTML
Read More

Monday, September 7, 2015

Download W3Schools Offline 2015

4:06 AM -
(source pict: http://howtoprogram.wikia.com/wiki/File:W3Schools.png) 

Hai sobat blogger! Barang kali diantara kalian adalah seorang Programmer pasti tidak asing dengan w3schools.com.
w3schools.com adalah sebuah situs yang menyediakan pembelajaran yang menurut saya terlengkap mengenai dasar - dasar web programming atau pemrograman web.

Di w3schools.com kita bisa belajar web programming antara lain:
  1. HTML
  2. XML
  3. CSS
  4. PHP
  5. JAVASCRIPT
  6. SQL
  7. JQUERY
  8. BOOTSTRAP
  9. dll.
Namun sayangnya kita harus belajar secara online, tentu kenyamanan belajarnya tergantung koneksi dan paket internet yang kita miliki.
Nah pada post saya kali ini sobat bisa download W3Schools Offline 2015. Karna ini update 2015 tentu sangat mirip dengan web aslinya sekarang.
Langsung saja klik link download dibawah untuk mendownload W3Schools Offline 2015 berukuran 300MB yang telah di compress menjadi file rar berukuran 10MB.
Apalah artinya 10MB untuk Ilmu segudang ^^ hihi

Download W3Schools Offline 2015

*Note:
  1. Anda harus meng-extract menggunakan 7Zip
  2. Jika sudah diextract buka file index.html
  3. Password rar andikamelodiest.blogspot.com 

Tags: w3schools, w3schools offline, w3schools offline 2015, update w3schools offline 2015
Read More

Extensible Markup Language (XML)

12:56 AM -

XML adalah singkatan dari Extensible Markup Language adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.

XML didesain untuk mampu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari datum) yang jika diolah bisa memberikan informasi.
XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen. Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.


XML memiliki tiga tipe file :
  • XML, merupakan standar format dari struktur berkas (file) yang ada.
  • XSL, merupakan standar untuk memodifikasi data yang diimpor atau diekspor.
  • XSD, merupakan standar yang mendefinisikan struktur database dalam XML.

Keunggulan XML bisa diringkas sebagai berikut :
  • Pintar (Intelligence). XML dapat menangani berbagai tingkat (level) kompleksitas.
  • Dapat beradaptasi. Dapat mengadaptasi untuk membuat bahasa sendiri. Seperti Microsoft membuat bahasa MSXML atau Macromedia mengembangkan MXML.
  • Mudah pemeliharaannya.
  • Sederhana. XML lebih sederhana.
  • Mudah dipindah-pindahkan (Portability). XML mempunyai kemudahan perpindahan (portabilitas) yang lebih bagus.
Contoh dokumen XML sederhana



Read More

Canvas pada HTML5

12:40 AM -

Apa itu canvas? 
Canvas adalah media untuk lukisan cat minyak. Namun pada HTML5 canvas adalah media gambar bitmap berbentuk segi empat yang bisa digunakan untuk me-render grafis game, animasi, dan gambar visual lainnya di halaman website secara client-side. Canvas berbentuk segi empat tanpa garis tepi dan untuk memanfaatkannya bisa menggunakan JavaScript. 

Contoh pembuatan canvas dengan HTML


Contoh pembuatan canvas dengan JavaScript


Source: http://hikmahsharing.com/artikel/detail/HTML-5-Canvas

Tags: Canvas, pengertian Canvas pada HTML, Canvas pada html, Canvas pada HTML5, contoh pembuatan Canvas dengan HTML, contoh pembuatan Canvas dengan JavaScript
Read More

Extensible Hypertext Markup Language (XHTML)

12:07 AM -
    
Extensible Hypertext Markup Language atau disingkat XHTML adalah bentuk reformulasi dari HTML menggunakan paradigma XML.

Kenapa perlu XHTML? Karena XHTML adalah bentuk HTML yang lebih bagus dan rapih, karenanya dapat diparsing di banyak platform browser, seperti web browser biasa, lalu di browser ponsel dan gadget lain.

XHTML memanfaatkan kelebihan XML untuk memperkaya HTML.
Keuntungan menulis HTML dalam bentuk XML antara lain:
  • Di XML, kita bisa memperkenalkan elemen - elemen baru atau atribut elemen baru. Sehingga kita bisa membuat spesifikasi modul - modul baru.
  • XHTML lebih mudah mengakomodasi interoperabilitas dari cara mengakses halaman web. Sehingga halaman web yang dibuat menggunakan XHTML bsia menghasilkan tampilan yang lebih seragam.
Dalam prakteknya, menulis dokumen XHTML hampir sama seperti menulis dokumen HTML, hanya saja ada beberapa ciri khas dokumen XHTML, seperti berikut:
  • Ditulis dengan huruf kecil, baik nama tag maupun atributnya.
  • Nilai atributnya haruslah ada di dalam tanda petik dua.
  • Kita tidak bisa menggunakan atribut yang berdiri sendiri (stand alone) di XHTML. Jika menemukan atribut yang berdiri sendiri,  kita bsia mengalokasikan ke variabel dummy. Misalnya noborder = "noborder"
  • Elemen yang kosong perlu diakhiri dengan />. Contohnya <br/> di atas yang bisa dilakukan di HTML namun tidak bisa dilakukan di XHTML.
  • Elemen <a> tidak bisa mengandung elemen - elemen <a> lainnya.
  • Elemen <button> tidak boleh megandung elemen <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe>, atau <isindex>.
  • Elemen <form> tidak boleh mengandung elemen - elemen <form> lainnya.
  • Elemen <label> tidak boleh mengandung elemen - elemen <label> lainnya.
  • Elemen <pre> tidak boleh mengandung elemen <img>, <object>, <big>, <small>, <sub>, atau <sup>.
  • Tidak coleh menggunakan karakter sensitif. Misalnya ketika nilai atribut mengandung tanda ampersand (&), maka ampersand-nya harus ditulis sebagai &amp;.
Untuk menge-cek apakah file yang kita buat sudah benar atau tidak bisa menggunakan W3 Markup Validation Service.
Source: My Notebook 

Tags: XHTML, apa itu XHTML, pengertian XHTML, ciri khas dokumen XHTML
Read More

Sunday, September 6, 2015

HTML5

11:25 PM -
 
(source pict: http://rifweb.blogspot.co.id/2014/12/pengertian-html-sejarah-singkat-html.html)

HTML5 atau HTML versi 5.0 adalah sebuah prosedur baru pembuatan tampilan web baru yang merupakan gabungan  CSS, JavaScript dan HTML itu sendiri. Teknologi ini diluncurkan pada tahun 2009.

Berbeda dengan HTML versi sebelumnya, jika kita ingin memasukan audio atau video kita harus embed dengan iframe yang membuat situs/blog kita jadi berat dan lama banget buat di aksesnya.
Di HTML 5 kita bisa menggunakan fitur baru yang disebut canvas.
Terdapat juga fitur lain untuk menampilkan gambar dan animasi dan tag baru untuk mendefinisikan elemen - elemen dokumen seperti header, konten, dan footer.

Jadi dengan HTML5, kita dapat membuat situs web canggih yang sangat interkatif. Kita pun mulai bisa belajar HTML5, CSS dan JavaScript dengan spesifikasi baru.
  
Source: My Notebook 
Tags: HTML5, apa itu HTML5, pengertian HTML5, perbedaan HTML dan HTML5, fitur baru di HTML5
Read More

Hyper Text Markup Language (HTML)

10:11 PM -
(source pict: http://fruslandi.blogspot.co.id/2015/02/html.html)

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut denganSGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

 Sejarah
Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.
Sejarah dari standar HTML

  • HTML 2.0 - (RFC 1866) disetujui sebagai standar 22 September 1995,
  • HTML 3.2 - 14 Januari 1996,
  • HTML 4.0 - 18 Desember 1997,
  • HTML 4.01 (minor fixes) - 24 Desember 1999,
  • ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict) - 15 Mei 2000.
  • HTML 5 - Januari 2008.
Kegunaan

  • Mengintegerasikan gambar dengan tulisan.
  • Membuat Pranala.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat form interaktif.
HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: < b> TAMPIL TEBAL</b>. Tanda < b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.
Menyunting format tulisan
HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:

  • Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Menampilkan tulisan dalam bentuk cetakan tebal
  • Menampilkan sekelompok kata dalam bentuk miring
  • Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.
Markah/Tanda
Secara garis besar, terdapat 4 jenis elemen dari HTML:

  • Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, < h1> Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
  • Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, < b> boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
  • Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, < a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
  • Elemen widget yang membuat objek-objek lain seperti tombol (< button>), list (< li>), dan garis horizontal (< hr>). Konsep hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,
Ada tiga macam pranala (link) yang dapat digunakan:

  • Pranala menuju bagian lain dari page.
  • Pranala menuju page lain dalam satu web site.
  • Pranala menuju resource atau web site yang berbeda.
Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.
Contoh dokumen HTML sederhana


<!DOCTYPE html>
<html>
 <head bgcolor=black text=white>
 <title>'''Selamat Datang''' HTML</title>
 </head>
 <body>
 <p>Halo dunia!</p>
 </body>
</html>
Head
Dokumen HTML diapit oleh tag < HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai document HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.
Contoh:


<meta name="author" content="ubuntu-online">
Elemen Body
Bagian BODY, yang dinyatakan dengan tag < BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.
Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:

  • Tag awal, dinyatakan dalam bentuk <nama tag>
  • Tag akhir, dinyatakan dalam bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML < i>Teks ini terlihat miring di browser Anda</i>
Atribut
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P ALIGN=”left”> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.
 
Read More

Subscribe to: Posts (Atom)