Sabtu, 03 Oktober 2015
Kode Warna HTML
Silakan pilih warna untuk mengetahui kodenya
Selasa, 22 September 2015
Online Html Editor
Bagi yang mau belajar html tapi tidak ada aplikasi yang bisa di gunakan untuki praktek, tidak usah khawatir. Sekarang anda dapat belajar html mengunakan Editor HTML Online,
Di dalam editor ini, anda dapat belajar bagaimana cara penulisan teks dalam format html.
Di dalam editor ini, anda dapat belajar bagaimana cara penulisan teks dalam format html.
Senin, 14 September 2015
Mmembuat Daftar isi Blog Otomatis
Seperti buku yang memiliki daftar isi, blog juga bisa diberi daftar isi. tapi bagaimana jika isi dari blog itu sangatlah banyak, tidak mungkin penulis membuat daftar isi dengan mengetik satu persatu judul di sebuah halaman. Tapi sobat tenang aja, kali ini saya akan memberikan contoh bagaimana cara membuat daftar isi blog secara otomatis, dan akan diurutkan berdasarkan label dan judul postingan yang ada di blog tersebut. berikut ini caranya.
Selasa, 12 Mei 2015
Fungsi Pada PHP Yang Berhubungan Dengan File
integer fopen(string filename, string mode)
Fungsi ini digunakan untuk membuka file terlebih dahulu sebelum dilakukan proses penulisan atau pembacaan isi file.
contoh :
<?
if(!($myFile = fopen ("http://localhost/php/dataku.txt", "r")))
{
print ("Gagal membuka file");
}
while (!feof($myFile))
{
$line = fgetss($myFile,255);
print ("$line \n");
}
fclose ($myFile);
?>
Fungsi ini digunakan untuk membuka file terlebih dahulu sebelum dilakukan proses penulisan atau pembacaan isi file.
contoh :
<?
if(!($myFile = fopen ("http://localhost/php/dataku.txt", "r")))
{
print ("Gagal membuka file");
}
while (!feof($myFile))
{
$line = fgetss($myFile,255);
print ("$line \n");
}
fclose ($myFile);
?>
Mengenal function Pada PHP
Function atau merupakan sejumlah pernyataan yang dikemas dalam sebuah nama. Nama ini selanjutnya dapat dipanggil berkali-kali di beberapa tempat pada program.
Tujuan penggunaan fungsi adalah:
- Memudahkan dalam mengembangkan program
- Menghemat ukuran program
Untuk membuat fungsi, harus mengikuti syntax sebagai berikut:
Tujuan penggunaan fungsi adalah:
- Memudahkan dalam mengembangkan program
- Menghemat ukuran program
Untuk membuat fungsi, harus mengikuti syntax sebagai berikut:
Array Pada PHP
Array merupakan tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe sama. Bagian yang menyusun array disebut elemen array, yang masing-masing elemen dapat diakses tersendiri melalui indeks array.
Array berdimensi satu
<?
$kota[0] = "Yogyakarta";
$kota[1] = "Jakarta";
$kota[2] = "Malang";
$kota[3] = "Purwokerto";
Array berdimensi satu
<?
$kota[0] = "Yogyakarta";
$kota[1] = "Jakarta";
$kota[2] = "Malang";
$kota[3] = "Purwokerto";
Type Data Pada PHP
PHP mengenal tiga macam tipe data, yaitu :
1. Integer
2. Floating point number
3. String
1. Integer
2. Floating point number
3. String
Sintak Dasar PHP
Ada empat macam cara penulisan kode PHP, yaitu :
1. <? echo ("ini adalah script PHP\n"); ?>
2. <?php echo("ini juga\n"); ?>
3. <script language="php">
echo ("tulis pake ini jika html editor Anda tidak mengenali PHP");
</script>
4. <% echo ("kalau yang ini mirip dengan ASP"); %>
Cara Menginstal PHP Triad
Selama ini Anda mungkin hanya mengenal Personal Web Server (PWS) sebagai web server untuk menjalankan PHP pada sistem operasi Windows 9x. Padahal selain PWS Anda juga bisa menggunakan Apache sebagai web servernya. Untuk menginstall Apache for Windows Anda dapat menggunakan PHP Triad yang merupakan "kumpulan" dari berbagai software yaitu:
PHP - 4.0.5
MySQL - 3.23.32 (database server)
Apache - 1.3.14 (web server)
PHPMyAdmin - 2.1.0 (untuk administrasi database)
Perl - nsPerl 5.005_03
Jadi dengan menginstall PHP Triad Anda dapat menggunakannya untuk belajar PHP, Perl dan database MySQL. Untuk menginstall PHP Triad caranya adalah sebagai berikut:
1 Download PHP Triad di http://www.phpgeek.com
2 Untuk memulai proses install, klik 2x pada file yang baru Anda download tersebut dan tunggu sampai proses install selesai.
3 .Untuk menjalankan Apache, klik Start - Programs - PHP Triad - Start Apache.
Untuk menjalankan MySQL, klik Start - Programs - PHP Triad - Start MySQL.
Untuk menjalankan MySQL, klik Start - Programs - PHP Triad - Start MySQL.
4. Untuk mengecek Apache, klik shortcut Launch Site. Jika pada browser muncul tulisan "Welcome to PHPTriad for Windows ... " maka proses install yang Anda lakukan berhasil.
5. Untuk mengecek MySQL, klik Start MySQL dan PHPMyAdmin. Jika Anda melihat tulisan "Welcome to phpMyAdmin..." berarti proses install berhasil.
6. Sampai di sini proses intall telah selesai. Jika sewaktu-waktu Anda ingin mencoba script PHP dan database MySQL Anda harus menjalankan Apache dan MySQL terlebih dahulu.
tambahan : Letakkan script PHP Anda di C:\apache\htdocs.
Yang Dibutuhkan Untuk Menjalankan PHP
Untuk dapat menjalankan PHP Anda membutuhkan sebuah web server. Anda yang pake Linux dapat menggunakan Apache (www.apache.org) sebagai web servernya. Anda pemakai Windows 98 paling enak menggunakan Personal Web Server (sama2 produk Microsot, keuntungannya bisa sekalian buat belajar ASP). Web server Xitami (www.imatix.com) dapat digunakan apabila Anda menggunakan Windows NT.
Sedangkan PHP-nya sendiri dapat Anda download dari www.php.net. Perhatikan bahwa PHP yang Anda download sesuai dengan sistem operasi komputer Anda (Linux atau Windows).
Install PHP pada Windows 98
Apa Itu PHP
Apa sih PHP itu ? Mungkin itu pertanyaan yang ada di benak rekan-rekan saat mendengar kata PHP. PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.
Sabtu, 09 Mei 2015
Dasar HTML
Belajar html tidaklah mudah, maka perlu ketekunan dan harus rajin mencoba dan mencoba.
Untuk mencoba, anda dapat mengunakan Edior Html Online dan pilih mode "Sumber" pada pojok kiri atas.
Sekarang kita mulai mempelajari apa itu html.
Untuk mencoba, anda dapat mengunakan Edior Html Online dan pilih mode "Sumber" pada pojok kiri atas.
Sekarang kita mulai mempelajari apa itu html.
STRUKTUR DASAR DOKUMEN HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head> <title>Disini Judul Dokumen HTML</title> </head> <body> Disini penulisan informasi Web </body> </html> |
Format Text Pada HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks.
MATERI:
Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)
ELEMENT BR (Line Break)
Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)
ELEMENT BR (Line Break)
Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
Membuat Tabel Menggunakan HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan tabel.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan tabel.
MATERI:
Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)
ELEMENT TABLE
Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding(jarak antara tepi sel dengan isi sel), cellspacing(jarak antara sel), width(lebar tabel), height(tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.
Sintaks:
<table
align="left"|"center"|"right"
bgcolor="color"
border="pixel"
Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)
ELEMENT TABLE
Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding(jarak antara tepi sel dengan isi sel), cellspacing(jarak antara sel), width(lebar tabel), height(tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.
Sintaks:
<table
align="left"|"center"|"right"
bgcolor="color"
border="pixel"
Membuat Hiperlink menggunakan HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web.
MATERI:
Element A
ELEMENT A
Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target. Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.
Sintaks:
<a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">
...........................
</a>
Element A
ELEMENT A
Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target. Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.
Sintaks:
<a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">
...........................
</a>
Cara Memasang Gambar Menggunakan HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menampilkan gambar.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menampilkan gambar.
MATERI:
Element IMG (Image)
ELEMENT IMG
Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).
Sintaks:
<img
align="left"|"right"|"top"|"middle"|"bottom"
alt="text"
border="pixel"
width="pixel"|"%"
height="pixel"|"%"
hspace="pixel"
vspace="pixel"
src="uri">
Element IMG (Image)
ELEMENT IMG
Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).
Sintaks:
<img
align="left"|"right"|"top"|"middle"|"bottom"
alt="text"
border="pixel"
width="pixel"|"%"
height="pixel"|"%"
hspace="pixel"
vspace="pixel"
src="uri">
Membuat Frame Menggunakan HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element frame untuk menampilkan informasi dalam bentuk subwindows.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element frame untuk menampilkan informasi dalam bentuk subwindows.
MATERI:
Element FRAMESET, Element FRAME, Element NOFRAMES
ELEMENT FRAMESET
Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.
Sintaks:
<frameset
cols="list"
rows="list"
border="pixel"
bordercolor="color"
frameborder="yes"|"no"
framespacing="pixel">
...........................
</frameset>
Element FRAMESET, Element FRAME, Element NOFRAMES
ELEMENT FRAMESET
Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.
Sintaks:
<frameset
cols="list"
rows="list"
border="pixel"
bordercolor="color"
frameborder="yes"|"no"
framespacing="pixel">
...........................
</frameset>
Membuat Form Menggunakan HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form.
MATERI:
Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA
ELEMENT FORM
Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST).
Sintaks:
<form action="action" method="GET"|"POST">
...........................
</form>
Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA
ELEMENT FORM
Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST).
Sintaks:
<form action="action" method="GET"|"POST">
...........................
</form>
Daftar Urutan HTML
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan daftar urutan.
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan daftar urutan.
MATERI:
Element OL(ordered list), Element UL(unordered list), Element LI(list item).
ELEMENT OL (Orderd List)
Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI.
Sintaks:
<ol start="number" type="A"|"a"|"I"|"i"|"1">
........................
</ol>
Element OL(ordered list), Element UL(unordered list), Element LI(list item).
ELEMENT OL (Orderd List)
Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI.
Sintaks:
<ol start="number" type="A"|"a"|"I"|"i"|"1">
........................
</ol>
Selasa, 05 Mei 2015
Pengertrian HTML
Apa itu HTML (Hyper Text Markup Language) merupakan bahasa standar pemrograman untuk membuat suatu halaman web yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser untuk menampilkan halaman Web yang terdiri dari berbagai macam format tampilan seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat dan kita baca. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox dll.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat dan kita baca. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox dll.
Langganan:
Postingan
(Atom)
