Tampilkan postingan dengan label PEMROGRAMAN. Tampilkan semua postingan

Kamis, 21 Juli 2011

Atribut HTML

HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.

Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

<a href="http://www.davinneskar.blogspot.com/">Pemrograman</a>

Coba contoh HTML diatas dengan HTML Editor.

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.

Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:

Atribut	Nilai	Keterangan
class	class_rule atau style_rule	Kelas elemen
id	id_name	Nomor unik suatu elemen
style	style_definition	Definisi gaya atau style
title	tooltip_text	Tulisan yang akan tertampil pada tool tip

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain. Contoh :
name=’Komunitas “Programmer” Indonesia’

Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.

Atribut HTML

Elemen-elemen HTML

HTML Elements
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.

Start tag *	Isi Elemen	End tag *
<p>	This is a paragraph	</p>
<a href=”google.com” >	This is a link	</a>
<br />

HTML Element Syntax
Sintaks elemen HTML mempunyai ciri sebagai berikut:

Elemen HTML dimulai dengan start tag / opening tag
Elemen HTML diakhiri dengan end tag / closing tag
Isi Elemen / element content adalah semua yang terdapat diantara start tag dan end tag
Beberapa elemen HTML tidak memiliki isi atau konten
Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
Sebagian besar elemen HTML dapat diberi atribut tertentu

Nested HTML Elements
Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.

Contoh Dokumen HTML

<html>
 
<body>
<p>Paragraf pertama</p>
</body>
 
</html>

Pada contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah:
Elemen <p>. Elemen ini mendefinisikan suatu konten yaitu sebuah paragraf pada dokumen HTML. Elemen ini dimulai dengan start tag <p> dan diakhiri dengan end tag </p>. Isi atau konten dari elemen ini adalah: Paragraf pertama

<p>Paragraf pertama</p>

Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah: elemen paragraf (yang sudah dijelaskan diatas).

<body>
<p>Paragraf pertama</p>
</body>

Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen body (yang sudah dijelaskan diatas).

<html>
 
<body>
<p>Paragraf pertama</p>
</body>
 
</html>

Empty HTML Elements
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong. Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />. Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.

Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:

<p>Paragraf pertama</p>
<p>Paragraf kedua</p>

Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimpulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen.

ATRIBUT HTML >>

Elemen-elemen HTML

Dasar HTML

Saat mempelajar HTML, terdapat dasar HTML yang paling sering dipergunakan dalam penulisan HTML. Meliputi : HTML Headings, HTML Paragraphs, HTML Links dan HTML Images.

HTML Headings
Heading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.

1
2
3

<h1>Judul</h1>
<h2>Judul</h2>
<h3>Judul</h3>

Coba contoh HTML diatas dengan HTML Editor.

HTML Paragraphs
Paragraf ditulis menggunakan tag <p>.

<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
<p>Paragraf ketiga</p> 
<p>Paragraf keempat</p>
<p>Paragraf kelima</p>
<p>Paragraf keenam</p>

Coba contoh HTML diatas dengan HTML Editor.

HTML Links
Links ditulis menggunakan tag <a>.

1	<a href="http://www.pemrograman.org/">Pemrograman.org</a>

Coba contoh HTML diatas dengan HTML Editor.

HTML Images
Gambar ditulis menggunakan tag <img>.

1	<img src="statx.jpg" width="738" height="327" />

Coba contoh HTML diatas dengan HTML Editor.

ELEMEN-ELEMEN HTML >>

Dasar HTML

Persiapan Belajar HTML

Tools yang dibutuhkan untuk belajar HTML tidak sulit didapat. Teman-teman cukup menggunakan Notepad atau bisa menggunakan HTML Editor yang sudah kami sediakan.

Teman-teman bisa juga menggunakan HTML Editor yang lain seperti FrontPage atau Dreamweaver.

Cek HTML Editor.

Untuk dipahami bahwa penyimpanan file dapat dilakukan dalam ekstensi HTM atau HTML. Kedua ekstensi ini bisa berjalan dengan normal, tidak terdapat perbedaan pada keduanya. Penggunaan ekstensi HTM digunakan pada masa lalu, dimana software hanya memperbolehkan tiga buah karakter ekstensi. Untuk masa sekarang dapat menggunakan ekstensi HTML.

DASAR HTML >>

Persiapan Belajar HTML

Pengenalan HTML

Sebelum belajar HTML, alangkah lebih baik jika kita memahami konsep dasar HTML terlebih dahulu.

Pengertian HTML

HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.

HTML merupakan singkatan dari Hyper Text Markup Language.
HTML bukan merupakan bahasa pemrograman, HTML adalah suatu markup language (bahasa markah).
Suatu markup language berupa serangkaian markup tags.
HTML menggunakan markup tags untuk mendeskripsikan halaman web.

HTML Tags

HTML markup tags biasa disebut HTML tags.

HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti <html>.
HTML tags biasanya dipakai berpasangan seperti <b> dan </b>.
Tag pertama dalam pasangan html tags adalah start tag atau tag awal, sedang tag kedua adalah end tag atau tag akhir.
Start tags dan end tags biasa juga disebut opening tags dan closing tags.

HTML Documents = Web Pages

HTML documents atau dokumen HTML mendeskripsikan suatu web pages atau halaman web.
HTML documents berisi HTML tags dan plain text atau text biasa.
HTML documents atau dokumen HTML juga biasa disebut web pages atau halaman web.

Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.

<html>
<body>
 
<h1>Judul Pertama</h1>
 
<p>Paragraf pertama</p>
 
</body>
</html>

Coba contoh HTML diatas dengan HTML Editor.

Penjelasan Contoh

Teks di antara <html> dan </html> mendeskripsikan web page.
Teks di antara <body> dan </body> adalah konten halaman web yang akan tertampil.
Teks di antara <h1> dan </h1> digunakan untuk menampilkan judul.
Teks di antara <p> dan </p> digunakan untuk menampilkan paragraf.

PERSIAPAN BELAJAR HTML >>

Pengenalan HTML

pengenalan PHP

PHP merupakan singkatan rekursif (akronim berulang) dari PHP Hypertext Preprocessor. PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini atau dalam kata lain bisa diartikan sebuah bahasa pemrograman web yang bekerja di sisi server (server side scripting) yang dapat melakukan konektifitas pada database yang di mana hal itu tidak dapat dilakukan hanya dengan menggunakan sintaks-sintaks HTML biasa. PHPt banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.

Contoh terkenal dari aplikasi PHP adalah php BB dan MediaWiki (software di belakang Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari ASP.NET/C#/VB.NET Microsoft, ColdFusion Macromedia, JSP/Java Sun Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan lain-lain.

Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP dirubah menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

Kelebihan PHP dari bahasa pemrograman lain

¤ Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.
¤ Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, nginx, hingga Xitami dengan konfigurasi yang relatif mudah.
¤ Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.
¤ Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.
¤ PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh,Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.

Cara kerja PHP

Seperti yang telah disebutkan di atas bahwa PHP adalah aplikasi di sisi server atau dengan kata lain beban kerja ada di server bukan di client. Pada saat browser meminta dokumen PHP, web server langsung menggunakan modul PHP untuk mengolah dokumen tersebut. Jika pada dokumen terkandung fungsi yang mengakses database maka modul PHP menghubungi database server yang bersangkutan. Dokumen yang berformat PHP dikembalikanweb server dalam format HTML, sehingga source code PHP tidak tampak di sisi browser.

pengenalan PHP

SELAMAT DATANG

About Me

REVIVAL

Revival

Kamis, 21 Juli 2011

Atribut HTML

Elemen-elemen HTML

ATRIBUT HTML >>

Dasar HTML

ELEMEN-ELEMEN HTML >>

Persiapan Belajar HTML

DASAR HTML >>

Pengenalan HTML

PERSIAPAN BELAJAR HTML >>

pengenalan PHP