Foto-Foto Widget

Untuk mengunjungi Webset Lain Ya monggoh lah ,.. Apalah dayaku .

Gambar-Gambar Widget

Untuk mengunjungi Webset Lain Ya monggoh lah ,.. Apalah dayaku .

Gambar-Gambar Widget

Untuk mengunjungi Webset Lain Ya monggoh lah ,.. Apalah dayaku .

Gambar-Gambar Widget

Untuk mengunjungi Webset Lain Ya monggoh lah ,.. Apalah dayaku .

Gambar-Gambar Widget

Untuk mengunjungi Webset Lain Ya monggoh lah ,.. Apalah dayaku .

Jumat, 12 Juni 2015

Dasar XML

pengertian dan pengenalan XML

pengertian dan pengenalan XML 
Pendahuluan
XML
Extensible Markup Language (XML) adalah sebuah markup language yang mempunyai himpunan aturan untuk pengkodean dokumen dalam format yang dimengerti oleh manusia dan mesin.
Tujuan perancangan dari XML menekankan pada kesederhanaan, keumuman, dan kegunaan melalui Internet. XML adalah format data tekstual dengan dukungan yang kuat melalui Unicode untuk bahasa-bahasa di seluruh dunia. Meskipun desain dari XML memfokuskan pada dokumen, yang digunakan secara luas untuk representasi struktur data yang bebas, sebagai contoh pada web services.
Banyak application programming interfaces (APIs) telah dikembangkan untuk memproses data XML, dan ada beberapa sistem skema untuk membantu dalam proses mendefinisikan dari bahasa berbasis XML.
Pada tahun 2009, ratusan bahasa berbasis XML telah dikembangkan, termasuk RSS, Atom, SOAP, dan XHTML. Format berbasis XML telah menjadi standar bagi banyak kakas office-productivity, termasuk Microsoft Office (Office Open XML), OpenOffice.org dan LibreOffice (OpenDocument), dan iWork dari Apple. XML juga diperlakukan sebagai bahasa baku untuk protokol komunikasi, seperti XMPP (eXtensible Messaging and Presence Protocol).
Terminologi Kunci
Materi pada bagian ini berdasarkan pada spesifikasi XML. Tidak semua dituliskan, hanya terminologi yang sering dipakai saja.
(Unicode) Character
Definisi sebuah dokumen XML adalah kumpulan dari karakter. Hampir semua karakter Unicode yang legal bisa tampil di dokumen XML.
Prosesor dan Aplikasi
Prosesor menganalisa markup, kemudian melempar informasi yang terstruktur ke sebuah aplikasi. Spesifikasi XML mempunyai kebutuhan yang menentukan apa yang harus dilakukan dan tidak dilakukan oleh sebuah prosesor XML, tetapi tidak untuk aplikasinya. Prosesor XML juga sering disebut XML parser.
Markup dan Konten
Karakter yang membangun dokumen XML dibagi menjadi markup dan konten.
Markup dan konten dapat dikenali oleh aplikasi dengan aturan sintaksis yang sederhana. Semua string yang merupakan sebuah markup dapat diawali dengan karakter < dan diakhiri dengan > atau diawali dengan karakter & dan diakhiri dengan ;. String yang bukan merupakan markup adalah konten.
Tag
Tag adalah sebuah markup yang diawali dengan < dan diakhiri dengan >. 
Ada tiga jenis tag:



  • start-tags; contohnya: <section>
  • end-tags; contohnya: </section>
  • empty-element tags; contohnya: <line-break />
Elemen
Elemen adalah sebuah komponen dokumen logikal yang diawali oleh sebuah start-tag dan diakhiri oleh end-tag yang sepadan dengan start-tag nya atau berisi hanya sebuah empty-element tag. Karakter-karakter diantara start-tag dan end-tag, jika ada, adalah konten dari elemen, dapat mempunyai markup, elemen-elemen lain, yang disebut child elements. Contoh dari elemen adalah <Greeting>Hello, world.</Greeting>. Yang lainnya <line-break />.
Atribut
Sebuah rangkaian markup yang terdiri dari pasangan nama/nilai yang ada dalam start-tag atau empty-element tag. Pada contoh berikut ini, elemen img mempunyai dua atribut, src dan alt: <img src="madonna.jpg" alt='Foligno Madonna, by Raphael' />. Contoh lain <step number="3">Connect A to B.</step> dimana nama atributnya adalah "number" dan nilainya "3".
Deklarasi XML
Dokumen XML dapat diawali dengan mendeklarasikan beberapa informasi mengenai dirinya, sebagai contoh:
<?xml version="1.0" encoding="UTF-8" ?>
RSS
RSS, awalnya RDF Site Summary (versi 1.0), sering disebut Really Simple Syndication (versi 2.0), adalah sebuah rumpun format web feed yang digunakan untuk mempublikasikan pekerjaan yang memerlukan update secara reguler—seperti blog, berita, audio, dan video—dalam sebuah format yang telah dibakukan. Sebuah dokumen RSS (yang disebut sebuah "feed", "web feed", atau "channel") meliputi sebuah rangkuman teks ataupun teks penuh, ditambah metadata seperti tanggal terbit dan pembuat/penulis.
RSS menguntungkan para penerbit untuk menggabungkan konten secara otomatis. Sebuah format file XML memungkinkan informasi diterbitkan satu kali dan dilihat melalui banyak sekali aplikasi yang berbeda. Hal ini juga menguntungkan para pembaca yang ingin berlangganan update secara berkala dari banyak website favorit mereka ke dalam satu tempat.
RSS feed dapat dibaca menggunakan perangkat lunak yang disebut "RSS reader", "feed reader", atau "aggregator", dengan platform web-based, desktop-based, atau mobile-device-based. Pengguna perangkat lunak tersebut dapat berlangganan feed dengan memasuki URI feed-nya, atau dengan mengklik sebuah ikon feed pada web browser yang menginisiasi proses berlangganan. Perangkat lunak pembaca RSS memeriksa feed-feed yang dilanggan oleh pengguna secara reguler untuk entry baru, mengunduh update tersebut, dan menyediakan tampilan antarmuka untuk memonitor dan membaca feed-feed tersebut. RSS memungkinkan para pengguna untuk menghindari memeriksa semua website favorit mereka secara manual, sebagai gantinya, mereka berlangganan ke website tersebut melalui RSS reader.

Contoh RSS:

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title>RSS Title</title>
<description>This is an example of an RSS feed</description>
<link>http://www.someexamplerssdomain.com/main.html</link>
<lastBuildDate>Mon, 06 Sep 2010 00:01:00 +0000 </lastBuildDate>

<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
<ttl>1800</ttl>
<item>
<title>Example entry</title>
<description>Here is some text containing an interesting description.</description>
<link>http://www.wikipedia.org/</link>
<guid>unique string per item</guid>
<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
</item>
</channel>
</rss>






















Contoh Penggunaan RSS
1. Membaca headline berita, melalui browser




















Pada browser-browser masa kini, kita dapat berlangganan feed untuk headline berita dari berbagai website berita. Contoh pada gambar diatas
adalah fitur pembaca RSS dari Mozilla Firefox.


2. Menjadikan konten web/blog lebih kaya.
Kita dapat memasukkan konten-konten dari website lain ke website kita dengan menggunakan RSS. Banyak plugin atau service yang bisa digunakan untuk menampilkan feed RSS dari web lain.
3. News aggregator
News aggregator adalah sebuah aplikasi (biasanya berupa aplikasi desktop client, meskipun ada yang berupa aplikasi web) yang dapat mengumpulkan konten-


konten dari RSS. Beberapa aplikasi news aggregator mempunyai kemampuan untuk memposting berita-berita tersebut ke blog/website pribadi penggunanya.
Masih banyak kegunaan RSS yang lain, silahkan baca lebih lanjut mengenai RSS di internet.


Latihan 1. Membuat Feed RSS dengan PHP
◦ Buat database rss_feeds dengan skrip berikut:

CREATE DATABASE `rss_feeds` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci; USE `rss_feeds`;

CREATE TABLE IF NOT EXISTS `feeds`
 ( `id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) NOT NULL,
`pubDate` datetime NOT NULL,
`link` varchar(255) NOT NULL,
`description` text NOT NULL,
PRIMARY KEY (`id`) )
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;


◦ Buat folder baru dengan nama rss_[nrp] pada htdocs
◦ Buat file database.php, dengan isi sebagai berikut
















  • Buat file database_config.php, dengan isi sebagai berikut


◦ Buat file rss_feed.php, dengan isi sebagai berikut
<?php 
class Feed{ private $items = array( ); 
private $channels = array( ); 
public function __construct( ){
     $count = func_num_args();
     $parameters = func_get_args();
if( $count == 3 ){
    $this->setFeedTitle( $parameters[0] ); 
    $this->setFeedLink( $parameters[1] ); 
    $this->setFeedDesc( $parameters[2] );
else if ( $count == 1 AND is_array( $parameters[0] ) )
foreach( $parameters[0] as $key => $value )
 if( $key == 'title' )
$this->setFeedTitle( $value );
 else if( $key == 'link' ) 
$this->setFeedLink( $value ); 
else if( $key == 'description' )
 $this->setFeedDesc( $value );
 else if( $key == 'generator' ) 
$this->setFeedGenerator( $value ); 
else if( $key == 'language' ) 
$this->setFeedLang( $value );
 else if( $key == 'image' ) 
$this->setFeedImage( $value[0], $value[1], $value[2] ); 
else $this->setChannelElm( $key, $value );
}
/* * Function responsible of treating the channel elements 
* Responsible of making the conversion of arrays to tags */
private function meta_array( $array ){ 
$output = '';
foreach( $array as $key => $value )
if( is_array( $value ) )
if( is_array( $value ) )
$output .= PHP_EOL . "<$key>" . $this->meta_array( $value ) . "</$key>" . PHP_EOL;
else
$output .= PHP_EOL . "<$key>$value</$key>" . PHP_EOL;
return $output;
}
/*
* Sets any channel element
*/
public function setChannelElm( $tagName, $content ){
$this->channels[ $tagName ] = $content ;
}
public function setFeedTitle( $title ){ $this->setChannelElm( 'title', $title );
}
/* * Sets channel link */
 public function setFeedLink( $link ){ $this->setChannelElm( 'link', $link );
 }
 /* * Sets channel description */
 public function setFeedDesc( $desc ){ $this->setChannelElm( 'description', $desc);
}
 /* * Sets channel language */
 public function setFeedLang( $lang='en_en' ){ $this->setChannelElm( 'language', $lang );
 }
/*
* Sets channel image
*/
public function setFeedImage( $title, $imag, $link, $width = '', $height = '' ){
$this->setChannelElm('image', array(
'title' => $title,
'link'=> $link,
'url' => $imag,
'width' => $width,
'height' => $height
) );
}
/*
* Sets channel Feed Generator Script
*/
private function setFeedGenerator( $desc = 'RSS Feed Generator - http://www.example.com/rss' ){
$this->setChannelElm('generator', $desc );
}
private function genHead( ) {
echo '<?xml version="1.0" encoding="utf-8"?>' . PHP_EOL . '<rss version="2.0">' . PHP_EOL;
}
private function genChannel( ){
echo '<channel>' . PHP_EOL;
echo $this->meta_array( $this->channels );
}
/*
* Add each Item object to an array to be treated after
*/
public function addItem( $item ){
if( is_array( $item ) )
foreach( $item as $itm )
$this->addItem( $itm );
array_push( $this->items, $item );
}
private function genBody( ){
foreach( $this->items as $item )
$item->parseItem( );
}
private function genBottom( ){
echo '</channel>' . PHP_EOL . '</rss>';
}
/*
* Generates the Feed
*/
public function genFeed( ){
header( "Content-type: text/xml" );
$this->genHead( );
$this->genChannel( );
$this->genBody( );
$this->genBottom( );
}
}
/***************** Item Class ***************** */
class Item{
private $elements = array( );
public function __construct( ) {
$count = func_num_args();
$parameters = func_get_args();
if( $count == 3 ) {
$this->setItemTitle( $parameters[0] );
$this->setItemLink( $parameters[1] );
$this->setItemDesc( $parameters[2] );
}
else if ( $count == 1 AND is_array( $parameters[0] ) )
foreach( $parameters[0] as $key => $value )
if( $key == 'title' )
$this->setItemTitle( $value );
else if( $key == 'link' )
$this->setItemLink( $value );
else if( $key == 'desc' )
$this->setItemDesc( $value );
else if( $key == 'date' )
$this->setItemDate( $value );
else if( $key == 'author' )
$this->setItemAuthor( $value );
else if( $key == 'category' )
if( is_array( $value ) )
$this->setItemCat( $value[0], $value[1] );
else
$this->setItemCat( $value );
else if( $key == 'comments' )
$this->setItemComm( $value );
else if( $key == 'source' )
$this->setItemSource( $value );
else if( $key == 'enclosure' )
$this->setItemEnclosure( $value[0], $value[1], $value[2] );
else
if( is_array( $value ) )
$this->setItemElm( $key, $value[0], $value[1] );
else
$this->setItemElm( $key, $value );
}
/*
* Sets any item element
*/
public function setItemElm( $tagName, $content, $attributes = '' ){
$this->elements[ $tagName ] = array ( $tagName, $content , $attributes );
}
/*
* Sets item title
*/
public function setItemTitle( $title ){
$this->setItemElm( 'title', $title );
}
/*
* Sets item link
*/
public function setItemLink( $link ){
$this->setItemElm( 'link', $link );
}
/*
* Sets item description
*/
public function setItemDesc( $desc ){
$this->setItemElm( 'description', $desc );
}
/*
* Sets item author
*/
public function setItemAuthor( $author ){
$this->setItemElm( 'author', $author );
}
/*
* Sets item category
*/
public function setItemCat( $cat, $link = '' ){
if( !empty( $link ) ) $link = ' ' . $link;
$this->setItemElm( 'category', $cat, $link );
}
/*
* Sets item comments page
*/
public function setItemComm( $comm ){
$this->setItemElm( 'comments', $comm );
}
/*
* Sets item publication date
*/
public function setItemDate( $date ){
$this->setItemElm( 'pubDate', $date );
}
/*
* Sets item source
*/
public function setItemSource( $source ){
$this->setItemElm( 'source', $source );
}
/*
* Sets item enclosure
*/
public function setItemEnclosure( $link, $lenght='auto', $type ){
$attributes = ' url="' . $link . '" lenght="' . $lenght . '" type="' . $type . '"';
$this->setItemElm( 'enclosure', '', $attributes );
}
/*
* Parses the Item elements defined by the user and prints it on the output
*/
public function parseItem( ){
echo '<item>' . PHP_EOL;
foreach( $this->elements as $elm )
echo '<' . $elm[0] . $elm[2] . '>' . $elm[1] . '</' . $elm[0] . '>' . PHP_EOL;
echo '</item>' . PHP_EOL;
}
}
?> 


































































































































































































































◦ Buat file rss_generator.php, dengan isi sebagai berikut




















Buka di browser anda dengan alamat http://localhost/rss_[nrp]/rss_generator.php
akan tampil halaman seperti pada gambar berikut:












Membaca RSS dengan PHP
Untuk membaca RSS feed dengan PHP, kita dapat menggunakan fungsi simplexml_load_file(). Fungsi ini ada sejak PHP 5.0. Fungsi ini akan mengubah sebuah dokumen XML menjadi sebuah objek.


filename Path dari file XML 

parameter
class_name
 Parameter opsional ini dapat digunakan sehingga fungsi simplexml_load_file() akan mengembalikan objek dari kelas tersebut. Kelas tersebut harus menginduk (extend) kelas SimpleXMLElement. 
options
 Sejak PHP 5.1.0 dan Libxml 2.6.0, kita bisa menggunakan parameter options untuk menspesifikasikan parameter-parameter tambahan untuk Libxml. 
ns
Namespace prefix atau URI.
 is_prefix TRUE 
jika ns adalah prefix, FALSE jika ns adalah URI; default isi parameter ini 
FALSE.
Latihan 2. Membaca RSS dengan PHP
Buat file rss_reader.php, dengan isi sebagai berikut
Akan tampil halaman seperti pada gambar berikut:
sekian terima kasih ,,,

Cara Bermain Biliard

Teknik Cara Bermain Billiard (Bilyar)



bermain billiardNama permainan ini sudah cukup populer, tetapi teknik bagaimana cara bermain billiard/ bilyar tidak semua orang mengetahuinya apalagi melakukan praktek permainannya.
Permainan Billiard sering kali ada yang mengeja dengan kata Bilyar, Biliard, atau Biliar. tetapi ejaan yang secara umum digunakan adalah Billiard, itu semua hanya ejaan saja, cara bermain dan peralatannya hampir semuanya sama, mungkin hanya kualitas atau materialnya yang berbeda.
Mari kita kupas satu persatu tentang permainan Billiard ini, sebelum kita bahas tentang teknik bermain Billiard, ada beberapa hal penting yang perlu diketahui untuk bermain Billiard ini adalah :
Peralatan Permainan Billiard
Untuk Bermain Billiard perlu kita siapkan Meja Billiard, meja ini biasanya mempunyai alas dasar yang terbuat dari marmer dan dan dilapisi karpet khusus, agar bola billiard bisa berjalan dengan lancar dan mulus.


Kemudian siapkan juga Bola Billiard, bola biasanya ada angkanya dan dengan warna tertentu yang sudah standar, tetapi permainan billiar ada juga yang menggunakan bola yang tidak menggunakan angka. Angka bola billiard biasanya dari angka 1 (satu) sampai angka 15 (lima belas). Permainan bisa menggunakan angka dari 1 sampai 8 atau semua bola billiar dari angka 1 sampai angka 15 digunakan semuanya. Masing bola billiard biasanya mempunyai warna tersendiri pada tiap angka yang berbeda, namun ada juga bola dengan warna polos.
Peralatan yang lainnya adalah Triangel atau segitiga mirip penggaris, stik, dan kapur. Triange yang digunakan untuk menata posisi bola billiard. Stik pilihlah yang lurus dan pilih yang mempunyai berat susuai dengan kebutuhan.
Untuk meja billiard biasanya papan meja terbuat dari marmer tanpa potongan dan sangat lurus, sehingga bola akan berjalan dengan baik lurus tidak berbelok di atas meja,, hal ini yang menyebabkan harga meja billiard relatif mahal, merek/ brand meja billiard sangat mempengaruhi harga meja billiard. seperti merek Orileys, Murrey, Orileys, dan lain-lain.
Gaya Bermain Billiard
Gaya bermain Billiard yang dimaksud adalah bagaimana mengatur tubuh kita untuk menyodok bola billiard dengan stik agar mempunyai akurasi yang baik. Bungkukkan badan kita ke arah stik dan kepala persis diatas stik sehingga mata bisa sejajar dengan stik dan bisa melihat dengan jelas antara stik dan bola sudah lurus. untuk menyodok bola dengan baik ayunkan tangan dengan bahu yang lebih sedikit bergerak dari pada lengan tangan yang harus lebih leluasa mengayun stik dengan lurus.
Berlatihlah dengan serius dan rutin bila ingin mendapatkan akurasi target sasaran dengan baik, bermain billiard juga butuh ketekunan sama seperti olah raga lainnya yang membuat kesehatan kita bagus, apalagi kalau sudah mempraktekan teknik bermain billiard bikin saja hepi dan tetap fokus pada permainan.
Sekarang kita bahas bagaimana Teknik cara bermain billiard.
Teknik Menusuk Bola Billiard
Bola yang kita tusuk dengan stik akan mempunyai efek bola yang berbeda-beda ketika kita menusuk pada posisi bola yang berbeda. Bola bisa kita tusuk pada bagian bawah, atas, samping kiri, samping kanan, atau kombinasinya.
bola billiardBola putih/ patah apabila ditusuk pada bagian tengah (1) maka akan meluncur secara normal dan setelah menabrak bola sasaran akan memantul maju namun tidak jauh dan tidak akan melunjur kuat, namun itu semua tergantung power atau tenaga yang digunakan.
Bila bola patah/ putih ditusuk pada bagian atas (12) maka bola akan meluncur maju lebih kencang, karena daya dorong bola akan ditambah daya putar bola yang memutar maju ke depan. dan setelah bola menabrak bola sasaran maka posisi bola patah/putih akan melaju maju ke depan lebih kencang. Semakin kencang tenaga yang digunakan maka bola patah setelah menabrak bola sasaran akan semakin kencang untuk maju.
Tusukan pada bagian bawah bola patah (6) akan menyababkan bola maju namun sedikit terhambat, hal ini karena daya dorong tusukan bola akan dikurangan daya putar bola yang berlawanan dengan arah maju bola. semakin besar daya putar bola maka bisa terjadi bola yang sudah maju kemudian berbalik arah mundur.. Setelah menabrak bola lain maka bolah patah tadi akan berhenti atau mundur ke belakang. semakin kebawah tusukan dan besar powernya makan bola akan semakin mundur.
Berlanjut...

Jenis Bahasa Pemrograman

Jenis-jenis Bahasa Pemrograman Web
Berikut ini adalah jenis-jenis bahasa pemrograman web
1. Bahasa Pemrograman HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.
Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer,...
2. Bahasa Pemrograman PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
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.
PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows),...
3. Bahasa Pemrograman ASP
ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.
ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.
ASP bekerja pada web server dan merupakan server side scripting,...
4. Bahasa Pemrograman XML
Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.
XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.
XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen,...
5. Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).
WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel,...
6. Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C,...
7. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html,...
8. Bahasa Pemrograman Javascript
Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.
Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript,...
9. Bahasa Pemrograman CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.
Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
Itulah macam-macam pemrograman web populer dan ini ciebal 100% COPAS dari website orang dan semoga memberikan manfaat,...
10. Asynchronous JavaScript And XML(AJAX)
Ajax adalah bahasa pemrograman yang membuat web kita lebih interaktif yang salah satu contoh web yang banyak menggunakan ajax adalah facebook, dengan menggunakan ajax web kita terlihat lebih dinamis karena tidak semua page yang tereload ,...
Yahhh, Semoga Bermanfaat,...

Dasar HTML

Belajar Pemrograman Web HTML [DASAR]

Oleh Gunawan Gee | 12 komentar
pemrograman web html dasar


TUJUAN :

Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

MATERI : 

Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.

Struktur Dasar Pemrograman :

HTML adalah singkatan dari HyperText Markup Language yang merupakan sebuah script untuk menyusun dokumen-dokumen halaman Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
Contoh Struktur dasar pemrograman web HTML:

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman web disini</title>
</head>
<body>
Informasi halaman website disini
</body>
</html>

Pejelasan Struktur dasar diatas :

A. TAG
Merupakan teks khusus (markup) yang terdiri dari dua karakter yaitu karakter "<" dan  karakter ">",  sebagai contoh <body> adalah tag dengan nama body.
Secara Umum tag ditulis secara berpasangan contoh tag <body> biasanya diakhiri dengan tag penutup </body> (ditambahkan karakter "/" setelah karakter "<")  sehingga informasi yang diberikan didalam tag <body> berada sebelum ditutup dengan </body> .
B. ELEMENT
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. 
Contoh penulisan tag-tag yang benar
<p>
<b> Informasi yang di bold </b>
</p>

Contoh yang salah  :
<p>
<b> Informasi yang di bold </p>
</b>
 
C. ATTRIBUTE

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Secara umum  nilai attribute harus berada dalam tanda petik satu atau dua, Contoh ingin membuat background hitam dengan warna tulisan putih 
<body bgcolor="black" text="white">
test html
</body> 
(Biasanya jarang digunakan, lebih banyak menggunakan CSS dalam desain tampilan.)
Ada banyak elemet dan tag dalam html, namun penggunaanya disesuaikan dengan kebutuhan, untuk mempelajari element-element dari tag html dapat di lihat dan dilatih dari link ini : http://w3schools.com/html/html_attributes.asp . Untuk awal silahkan belajar dengan kreasi menurutmu untuk tahap dasar, postingan mengenai html ini akan saya lanjutkan secara berlanjut, untuk tahap dasar mungkin beberapa pertanyaan dibawah ini bisa menjadi dasar latihan pemrograman dasar html.

  1. Cara Menampilkan teks dalam dokumen web HTML
  2. Cara Merubah warna Teks dan background
  3. Cara Mengganti Teks dan Background gambar.

Sebagai panduan, silahkan membuat dokumen html menggunakan Notepad++, setelah membuat silahkan save as dengan extension html contoh save as “index.html”. Itu saja postingan kali ini mengenai belajar pemrograman web HTML sampai ketemu di postingan selanjutnya.
http://www.resepkuekeringku.com/2014/11/resep-donat-empuk-ala-dunkin-donut.html http://www.resepkuekeringku.com/2015/03/resep-kue-cubit-coklat-enak-dan-sederhana.html http://www.resepkuekeringku.com/2014/10/resep-donat-kentang-empuk-lembut-dan-enak.html http://www.resepkuekeringku.com/2014/07/resep-es-krim-goreng-coklat-kriuk-mudah-dan-sederhana-dengan-saus-strawberry.html http://www.resepkuekeringku.com/2014/06/resep-kue-es-krim-goreng-enak-dan-mudah.html http://www.resepkuekeringku.com/2014/09/resep-bolu-karamel-panggang-sarang-semut-lembut.html