Membuat Inputan Hanya Number (Angka) dengan java script

on 30 September 2009

var inputText = document.createElement('input');

inputText.type = 'text';

inputText.name = 'frmTelp' + iteration;

inputText.id = 'frmTelp' + iteration;

inputText.size = 3;

inputText.className='formInput';


inputText.setAttribute("onKeyPress","return numbersonly(this, event);


Bagian yang berfungsi untuk membatasi inputan berupa Angka saja adalah :

inputText.setAttribute("onKeyPress","return numbersonly(this, event);

Format Teks HTML ( HTML Text Formating ) 3

on 12 September 2009

Kutipan, Quotasi, dan Definisi Tag

<abbr>
Mendefinisikan singkatan

<acronym>
Mendefinisikan akronim

<address>
Mendefinisikan elemen alamat

<bdo>
Mendefinisikan arah teks

<blockquote>
Mendefinisikan sebuah kutipan panjang

<q>
Mendefinisikan sebuah kutipan pendek

<cite>
Mendefinisikan kutipan

<dfn>
Mendefinisikan sebuah istilah definisi

Format Teks HTML ( HTML Text Formating ) 2

Beberapa Tag atau syntax..

<code>
Mendefinisikan teks kode komputer

<kbd>
Mendefinisikan teks keyboard

<samp>
Mendefinisikan contoh kode komputer

<tt>
Mendefinisikan teks teletype

<var>
Mendefinisikan sebuah variabel

<pre>
Mendefinisikan teks terformat

Format Teks HTML ( HTML Text Formating )

HTML menggunakan tag seperti <b> dan <i> untuk memformat output, seperti tebal atau miring teks.

Tag HTML ini dinamakan tag format.

Lihat bagian bawah halaman ini untuk referensi yang lengkap.


<b> Berfungsi untuk : Mendefinisikan teks tebal

<big> Berfungsi untuk : Mendefinisikan teks besar

<em> Berfungsi untuk : Mendefinisikan teks menekankan (teks penekanan)

<i> Berfungsi untuk : Mendefinisikan teks miring

<small> Berfungsi untuk : Mendefinisikan teks kecil

<sup> Berfungsi untuk : Mendefinisikan teks superscript

<ins> Berfungsi untuk : Mendefinisikan teks yang disisipkan

<del> Berfungsi untuk : Mendefinisikan teks yang dihapus

<s> Berfungsi hampir sama penggunaanya seperti del

<u> Berfungsi untuk : Mendefinisikan teks bergaris bawah

Tata Cara Penulisan Tag pada HTML

on 11 September 2009

Start tag *
<p>
<a href="file.htm" >

End tag *
</p>
</a>

Elemen HTML adalah semua yang tertulis dari tag awal sampai akhir tag:

* start tag sering disebut tag pembuka. Tag akhir sering disebut tag penutup.

Sintaks Elemen HTML

* Sebuah elemen HTML dimulai dengan tag awal / pembuka tag
* Sebuah elemen HTML diakhiri dengan tag akhir / tag penutup
* Unsur konten adalah segalanya antara awal dan akhir tag
* Beberapa elemen HTML memiliki konten kosong
* Empty elemen ditutup pada awal tag
* Sebagian besar elemen HTML dapat memiliki atribut

HTML Elements Bersarang.

Sebagian besar elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya).
Dokumen HTML terdiri dari elemen HTML bersarang.
Contoh Dokumen HTML :

<html>
<body>
<p>Paragraf Pertama</p>
<p>Paragraf Kedua</p>
</body>
</html>

Contoh diatas menggunakan tiga element HTML.

Penjelasan Contoh di atas :

elemen <p> :

<p>Paragraf pertama</p>

Elemen yang <p> mendefinisikan sebuah paragraf di dokumen HTML
Unsur memiliki start tag: <p> dan end tag: </p>
Konten elemen adalah: Paragraf Pertama

elemen <body> :

<body>
<p>Paragraf Pertama</p>
<p>Paragraf Kedua</p>
</body>

Elemen <body> mendefinisikan tubuh dokumen HTML
Unsur memiliki start tag: <body> dan end tag: </body>
Konten elemen elemen HTML lain (paragraf)

elemen <html>

<html>
<body>
<p>Paragraf Pertama</p>
<p>Paragraf Kedua</p>
</body>
</html>

Elemen <html> mendefinisikan seluruh dokumen HTML.
Unsur memiliki start tag <html> dan end tag </html>
Konten elemen elemen HTML lain (body)

Jangan Lupakan Akhir Tag

Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa akhir tag:
<p>Paragraf Pertama
<p>Paragraf Kedua

Contoh di atas akan bekerja pada kebanyakan browser, tapi jangan bergantung pada itu. Lupa tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.

Catatan: Masa Depan versi HTML tidak akan mengizinkan Anda untuk melewatkan tag penutup.
Kosong HTML Elements

Tanpa isi elemen HTML disebut elemen kosong. Elemen kosong dapat ditutup pada awal tag.

<br> adalah elemen kosong tanpa tag penutup (berfungsi untuk mendefinisikan satu baris atau biasa disebut sebagai pengganti baris).

Dalam XHTML, XML, dan versi dari HTML, semua elemen harus ditutup.

Menambahkan garis miring ke awal tag, seperti <br/>, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.

Bahkan jika <br> bekerja di semua browser, menulis <br/> bukan bukti lebih modern.

Sumber : http://www.w3schools.com

Penyisipan gambar pada HTML (HTML Images)

Penyisipan gambar pada HTML didefinisikan dengan tag <img>.

Contoh :

<img src="gambar.jpg" width="104" height="142" />

Sumber : http://www.w3schools.com

Penulisan Link pada HTML (HTML Links)

Penulisan Link pada HTML didefinisikan dengan tag <a>.

Contoh :

<a href="http://www.f4ni-rbg.blogspot.com">Ini adalah Link Blognya Fathur Rohman </a>

Sumber : http://www.w3schools.com


Penulisan Paragraf pada HTML (HTML Paragraphs)

Paragraf pada HTML didefinisikan dengan tag <p>.
Contoh:

<p>Ini adalah Paragraf </p>

<p>Ini adalah Paragraf yang lain </p>

Sumber : http://www.w3schools.com

Penulisan Heading pada HTML (HTML Headings)

Heading pada HTML didefinisikan dengan tag <h1> untuk <h6>.
Contoh

<h1>Ini adalah Heading1 </h1>
<h2>Ini adalah Heading2</h2>
<h3>Ini adalah Heading3</h3>

Sumber : http://www.w3schools.com

Hal-hal yang dibutuhkan untuk membuat halaman web dengan HTML

Apa yang Anda Butuhkan untuk belajar HTML?

Anda tidak memerlukan alat untuk mempelajari HTML.
* Anda tidak memerlukan editor HTML
* Anda tidak perlu web s
erver
* Anda tidak perlu situs web

Editing HTML

Dalam tutorial ini saya menggunakan editor teks biasa (seperti Notepad) untuk mengedit HTML. Saya percaya ini adalah cara terbaik untuk mempelajari HTML.
Namun, pengembang web profesional sering lebih memilih editor HTML seperti FrontPage atau Dreamweaver, alih-alih menulis teks biasa.
Jika Anda ingin membuat web tes di komputer Anda sendiri, hanya menyalin 3 file di bawah ini untuk desktop Anda.

halamanUtama.htm

<html>

<body>

<h1>Ini adalah Halaman Utama</h1>

<p>Ini adalah beberapa contoh Tulisan.</p>
<p><a href="halaman1.htm">Ini adalah Link ke Halaman 1</a></p>
<p><a href="halaman2.htm">Ini adalah Link ke Halaman 2</a></p>

</body>

</html>


Simpan syntax di atas dengan nama file halamanUtama.htm

halaman1.htm

<html>

<body>

<h1>Ini adalah Halaman1</h1>

<p>Di sini Anda dapat menuliskan beberapa Text.</p>

</body>

</html>

Simpan syntax di atas dengan nama file halaman1.htm

halaman2.htm

<html>

<body>

<h1>Ini adalah Halaman2</h1>

<p>Di sini Anda dapat menuliskan beberapa Text.</p>

</body>

</html>

Simpan syntax di atas dengan nama file halaman2.htm

Setelah Anda membuat 3 file di atas, Anda dapat mengklik dua kali pada file yang bernama "halamanUtama.htm" dan lihat situs web pertama Anda dalam browser.
Hasilnya kurang lebih seperti ini :



Saya sarankan Anda melakukan percobaan dengan segala sesuatu yang Anda pelajari disini dengan mengedit file web Anda dengan editor teks (seperti Notepad).

Ketika Anda menyimpan file HTML, Anda dapat menggunakan baik. Htm atau. Html ekstensi. Kita gunakan. Htm dalam contoh kita. Ini adalah kebiasaan dari masa lalu, ketika perangkat lunak hanya diperbolehkan tiga huruf dalam file ekstensi.

Dengan software baru itu benar-benar aman untuk digunakan. Html.

Sumber : http://www.w3schools.com

Pengertian Html

HTML adalah bahasa untuk mendeskripsikan halaman web.

* HTML singkatan Hyper Teks Markup Language
* HTML bukan bahasa pemrograman, ini adalah bahasa markup
* Sebuah bahasa markup adalah serangkaian tag markup
* HTML menggunakan tag markup untuk menjelaskan halaman web

HTML Tag

Markup tag HTML biasanya disebut tag HTML

* HTML tag adalah kata kunci dikelilingi oleh sudut kurung seperti <html>
* HTML tags biasanya datang dalam pasangan seperti <b> dan </ b>
* Tag yang pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
* Mulai dan akhiri tag juga disebut tag membuka dan menutup tag

HTML Dokumen = Web Pages

* Menggambarkan dokumen HTML halaman web
* Dokumen HTML berisi tag HTML dan teks biasa
* Dokumen HTML juga disebut halaman web

Tujuan dari sebuah web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkan mereka sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman:

<html>
<body>
<h1>Hai Semuanya </h1>
<p>Perkenalkan Nama saya : Fathur Rohman </p>
</body>
</html>

Penjelasan Contoh di atas :

* Teks antara <html> dan </ html> menjelaskan halaman web
* Teks antara <body> dan </ body> adalah halaman yang terlihat konten
* Teks antara <h1> dan </ h1> ditampilkan sebagai judul
* Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf

Sumber : http://www.w3schools.com


Langkah awal memulai PHP

on 06 September 2009

Untuk mendapatkan akses ke web server dengan dukungan PHP, Anda dapat:

* Instal Apache (atau IIS) di server Anda sendiri, instal PHP, dan MySQL
* Atau cari rencana hosting web dengan PHP dan MySQL support

Install PHP

Apa yang Anda Butuhkan?

Jika server Anda mendukung PHP Anda tidak perlu melakukan apapun.

Hanya menciptakan beberapa. Php file pada direktori web Anda, dan server akan mem-parsing untuk Anda. Karena gratis, kebanyakan web host menawarkan dukungan PHP.

Namun, jika server anda tidak mendukung PHP, anda harus menginstal PHP.

Berikut ini adalah link ke tutorial yang baik dari PHP.net tentang cara menginstal PHP5: http://www.php.net/manual/en/install.php
Download PHP

Download PHP gratis di sini: http://www.php.net/downloads.php
Download MySQL Database

Download MySQL gratis di sini: http://www.mysql.com/downloads/index.html
Download Apache Server

Download Apache gratis di sini: http://httpd.apache.org/download.cgi

Kelebihan PHP

Beberapa kelebihan PHP

* PHP berjalan pada berbagai platform (Windows, Linux, Unix, dll)
* PHP kompatibel dengan hampir semua server yang digunakan sekarang (Apache, IIS, dll)
* PHP adalah GRATIS untuk men-download dari sumber resmi PHP: www.php.net
* PHP mudah dipelajari dan berjalan efisien pada sisi server

Pengenalan Dasar PHP dan MySQL

PHP adalah server-side scripting language yaitu suatu bahasa pemrograman yang hanya bejalan di server dan tidak dapat dilihat sourcecode nya oleh client. Sebelum kita belajar PHP, Anda harus memiliki pemahaman dasar HTML / XHTML dan JavaScript.

Pengertian singkat PHP :

* PHP adalah singkatan dari PHP: Hypertext Preprocessor
* PHP adalah server-side scripting language, seperti ASP, PHP script dijalankan di server
* PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll)
* PHP adalah sebuah perangkat lunak open source
* PHP gratis untuk didownload dan digunakan

Sedikit mengenai file PHP :

* file PHP dapat berisi teks, tag HTML dan script
* File PHP dikembalikan ke browser sebagai HTML
* file PHP memiliki ekstensi file dari ". Php", ". Php3", atau ". Phtml"

seklumit tentang MySQL :

* MySQL adalah server database
* MySQL adalah ideal untuk aplikasi besar maupun kecil
* MySQL mendukung SQL standar
* MySQL menyusun pada sejumlah platform
* MySQL adalah gratis untuk didownload dan di gunakan

PHP + MySQL

* PHP dikombinasikan dengan MySQL adalah cross-platform (Anda dapat mengembangkan di Windows dan melayani pada platform Unix)

Java Script dan HTML

Ada empat cara yang berbeda untuk melampirkan JavaScript ke dalam HTML. Nah, mari kita lihat keempat alternatif dan mempertimbangkan bagaimana dan kapan masing-masing harus digunakan.

Cara 1

<script type="text/javascript" src="script1.js"></script>

Ini adalah murni HTML solusi untuk menghubungkan JavaScript ke dalam HTML. Dengan metodemelampirkan JavaScript untuk HTML ini, semua JavaScript pada file terpisah (dalam contoh script1.js dan ini tidak dalam JavaScript tetapi di dalam HTML.

Cara 2

Jika Anda menempatkan semua JavaScript Anda ke file eksternal dan link mereka ke dalam kepala halaman Anda gunakan perintah seperti ini:

<script type="text/javascript">

/* <![CDATA[ */

alert('JavaScript alert');

/* ]]> */

</script>

Ini adalah solusi hibrida di mana kode JavaScript tertanam ke dalam file HTML itu sendiri. Kode JavaScript dalam contoh ini adalah sepenuhnya tertutup unsur dalam naskah dan karena itu masih jelas mana yang HTML dan mana yang JavaScript.

Cara 3

Solusi ini menyediakan cara sederhana untuk menggabungkan HTML dan JavaScript ke dalam satu file ketika Anda sedang menguji halaman saat membuatnya mudah untuk memisahkan JavaScript ke file sendiri setelah pengujian selesai.

onclick="alert('javascript alert');"

Kode ini adalah murni JavaScript yang dapat dilampirkan ke dalam tag HTML untuk melampirkan pengolahan untuk menangani peristiwa yang ditentukan untuk itu tag.

Cara 4

<a href="javascript:alert('JavaScript alert');">

Cara menggabungkan JavaScript ini langsung ke atribut HTML harus dihindari setiap saat. Tidak hanya HTML dan JavaScript campur aduk dengan cara kode pengkodean seperti ini tapi ditulis sedemikian rupa untuk memecahkan HTML bila JavaScript tidak tersedia.

Terima Kasih...