Echo Indo Weblog~

Showing posts with label HTML Tutorial. Show all posts

Ebook Tutorial Web Design HTML

Ebook Tutorial Web Design HTML

Ini adalah bagian pertama dari modul web design, pada modul ini berisi tentang perkembangan,sejarah,dasar-dasar dan referensi dari HTML

Sekilas dari Isi Ebook :
Hypertext Markup Language (html) adalah bahasa yang digunakan untuk menulis halaman web. html merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML).

html sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
html dibuat oleh Tim Berners‐Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 html mengalami perkembangan yang sangat pesat. Setiap pengembangan html pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). html 2.0 ini merupakan penyempurnaan dari html+ (1993).
html 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) html Working Group pada tahun 1996 menghasilkan html 3.2. html versi ini secara resmi diterbitkan pada bulan Januari 1997. html versi terbaru adalah html 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. html merupakan perbaikan dari html 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

Download Ebook Tutorial Web Design HTML

Regards : admin - Echo Indo

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Web Ujian Online

9:34 PM | Labels: HTML Tutorial, PHP Tutorial

Cara Membuat Web Ujian Online

Pada artikel kali ini saya akan membahas tentang Cara Membuat Web Ujian Online. dimana web ini akan menampilkan soal-soal berupa pilihan ganda. adapun alur programnya adalah sebagai berikut :

User daftar akun
User melakukan login
User menjawab soal-soal
User mengirim jawaban
Program menampilkan hasil jawaban user
Selesai

Adapun untuk menginput soal-soal ujian online, telah disediakan halaman untuk administrator. Pada halaman ini admin dapat menginput, update, delete soal ujian online. untuk masuk kehalaman admin caranya :

Alamat http://localhost/ujian-online/admin
Username : admin
Password : admin

Halaman Admin Input Soal

Tabel Soal

Sedangkan untuk databasenya, saya menggunakan tabel_soal untuk menyimpan soal-soal ujian online. field publish untuk mengatur soal tersebut di tampilkan atau tidak ke user. sedangkan field tipe untuk membagi soal-soal menjadi beberapa tipe (untuk tipe silahkan dikembangkan)

Potongan skrip untuk mengecek Jawaban user

<?php
if(isset($_POST['submit'])){
$pilihan=$_POST["pilihan"];
$id_soal=$_POST["id"];
$jumlah=$_POST['jumlah'];
$score=0;
$benar=0;
$salah=0;
$kosong=0;
for ($i=0;$i<$jumlah;$i++){
//id nomor soal
$nomor=$id_soal[$i];
//jika user tidak memilih jawaban
if (empty($pilihan[$nomor])){
$kosong++;
}else{
//jawaban dari user
$jawaban=$pilihan[$nomor];
//cocokan jawaban user dengan jawaban di database
$query=mysql_query(“select * from tabel_soal where id_soal=’$nomor’ and jawaban=’$jawaban’”);
$cek=mysql_num_rows($query);
if($cek){
//jika jawaban cocok (benar)
$benar++;
}else{
//jika salah
$salah++;
}}
$score = $benar*5;
}}
?>

Download
http://www.4shared.com/zip/cKv1aPOa/ujian_online.html

sumber artikel berasal dari

Artikel Cara Membuat Web Ujian Online bukan hanya sembarang copy paste tetapi hanya untuk saling berbagi dan penulis menghargai sang creator dengan memberikan sumber artikel.Maju terus programmer Indonesia

Baca Selengkapnya »»

Read User's Comments(8)

Script Kalender Sederhana di PHP HTML JavaScript

4:54 AM | Labels: HTML Tutorial, Javascript, PHP Tutorial

Script Kalender Sederhana di PHP HTML JavaScript

Jika Anda membutuhkan kalender yang sederhana, elegan untuk menampilkan hari saat bulan, Kalender Dasar adalah naskah yang sangat baik untuk tujuan tersebut. Menggunakan CSS untuk memungkinkan mudah mengubah penampilannya, mulai dari dimensi kalender, warna, sampai ke font yang digunakan untuk menyorot hari saat ini.Berikut Cara-Caranya :

Masukin script di antara <head></head>

<style type="text/css">

.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

</style>

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

</script>

Masukan script ini dan simpan dengan nama basiccalender.js

function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['January','February','March','April','May','June','July','August','September','October','November','December'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"SMTWTFS".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : '&nbsp;';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}

Sekarang masukan kalender sesuai yang anda inginkan

<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>

Selesai,cukup mudah bukan ? sekian dari kalender sederhana ini semoga bermanfaat Referensi : dinamicdrive.com

Baca Selengkapnya »»

Read User's Comments(0)

Cara Menggunakan Style CSS

3:23 AM | Labels: HTML Tutorial

Cara Menggunakan Style CSS

http://moodle.gprc.ab.ca/file.php/712/multimedia_2.jpg

Cara Menggunakan Style CSS - Dalam pembahasan ini Echo Indo akan mengajarkan yaitu Cara Menggunakan Style CSS Sebenarnya ini hanya cara pemakaian saja bukan untuk membahas Cara Membuat Style CSS nanti di lain waktu akan kita bahas,sudah tidak sabar untuk mempelajari Cara Menggunakan Style CSS ? Berikut Tutorialnya

Ketika browser membaca sebuah style sheet, ia akan memformat dokumen sesuai untuk itu.
Ada tiga cara untuk memasukkan sebuah style sheet:
Eksternal style sheet
Internal style sheet
Inline style

Eksternal Style Sheet

Style sheet eksternal sangat ideal bila gaya yang diterapkan pada banyak halaman. Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>. Tag <link> masuk ke dalam bagian <head>:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

Internal Style Sheet

Style sheet internal dapat digunakan jika satu dokumen tunggal memiliki gaya yang unik. Gaya internal didefinisikan dalam bagian <head> halaman HTML, dengan menggunakan tag <style>, seperti ini:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

Inline Styles

Gaya inline dapat digunakan jika gaya yang unik adalah untuk diterapkan pada satu kejadian tunggal dari suatu elemen.

Untuk menggunakan gaya inline, menggunakan atribut style pada tag yang relevan. Atribut style dapat berisi properti CSS. Contoh di bawah ini menunjukkan cara mengubah warna teks dan margin kiri paragraf:

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

Sekian dari pembahasan Cara Menggunakan Style CSS Semoga bermanfaat terutama untuk seorang programmer Jangan lupa untuk berkomentar di tunggu

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Layouts di HTML

2:15 AM | Labels: HTML Tutorial

Cara Membuat Layouts di HTML

Cara Membuat Layouts di HTML - Dari Judulnya aja udah lumayan gampang tapi kalau di kerjakan sudah lumayan susah,maka mari kita bahas di sini oke langsung aja pembahasanya :

Web Layouts

Kebanyakan website telah menempatkan konten mereka di beberapa kolom (diformat seperti majalah atau koran).
Beberapa kolom diciptakan dengan menggunakan tag table atau <div>. Beberapa CSS biasanya juga ditambahkan ke posisi elemen, atau untuk membuat latar belakang atau warna-warni tampilan untuk halaman.

HTML Layouts - Menggunakan Tabel

Cara paling mudah untuk menciptakan layout adalah dengan menggunakan tag table HTML.
Contoh berikut menggunakan tabel dengan 3 baris dan 2 kolom - baris pertama dan terakhir meliputi kedua kolom menggunakan atribut colspan:

<html>
<body>

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:black;">
<font face=Arial color=white size=8><center> Echo Indo</center></font>
</td>
</tr>

<tr valign="top">
<td style="background-color:white;width:100px;text-align:top;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript
</td>
<td style="background-color:black;height:200px;width:400px;text-align:top;">
Content goes here</td>
</tr>

<tr>
<td colspan="2" style="background-color:white;text-align:center;">
Copyright © 2012 Echo Indo Weblog</td>
</tr>
</table>

</body>
</html>

Maka hasilnya akan seperti berikut :

Menggunakan Elemen Div

Elemen div adalah tingkat blok elemen yang digunakan untuk mengelompokkan elemen HTML.
Contoh berikut ini menggunakan lima elemen div untuk membuat tata letak kolom ganda, menciptakan hasil yang sama seperti pada contoh sebelumnya:

<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:white;">
<h1 style="margin-bottom:0;"><center>Echo Indo Weblog<center></h1></div>

<div id="menu" style="background-color:white;height:200px;width:100px;float:left;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>

<div id="content" style="background-color:black;height:200px;width:400px;float:left;"><font color=white><center>
http://newbie-programer.blogspot.com</center></font></div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © 2012 Echo Indo Weblog</div>

</div>

</body>
</html>

Maka hasilnya akan seperti ini :

HTML Layout - Tips Berguna

Tip: Keuntungan terbesar menggunakan CSS adalah bahwa, jika Anda menempatkan kode CSS dalam sebuah style sheet eksternal, situs Anda menjadi Jauh Lebih Mudah untuk mempertahankan. Anda dapat mengubah layout semua halaman Anda dengan mengedit satu file.

Tip: Karena layout canggih membutuhkan waktu untuk membuat, pilihan yang lebih cepat adalah dengan menggunakan template. Pencarian Google untuk website template gratis (ini adalah layout situs pre-built Anda dapat menggunakan dan menyesuaikan).

Sekian dari pembahasan Cara Membuat Layouts di HTML semoga berguna untuk semuanya Terima Kasih

Referensi

Baca Selengkapnya »»

Read User's Comments(0)

Cara Memainkan Video Youtube dalam HTML

8:42 PM | Labels: HTML Tutorial

Cara Memainkan Video Youtube dalam HTML

http://reloadedcopyright.files.wordpress.com/2010/05/wpid-youtube-beberkan-video-paling-populer-di-situsnya.jpg

Cara Memainkan Video Youtube dalam HTML- Dalam pembahasan kita kali ini kita akan mempelajari Cara Memainkan Video Youtube dalam HTML Cara termudah untuk menampilkan video (orang lain atau Anda sendiri) dalam HTML adalah dengan menggunakan YouTube.Dalam pembahasan ini sangat mudah untuk lebih jelasnya silahkan pelajari berikut ini :

1.Jika Anda ingin menampilkan video di halaman web, Anda dapat meng-upload video ke YouTube kode HTML dan masukkan untuk menampilkan video di halaman web Anda.

untuk script alternatifnya berikut kodenya :

Cukup mudah bukan ? sekian dari Cara Memainkan Video Youtube dalam HTML semoga bermanfaat.

Referensi

Baca Selengkapnya »»

Read User's Comments(1)

Elemen elemen HTML Obyek

8:19 PM | Labels: HTML Tutorial

Elemen elemen HTML Obyek

Elemen elemen HTML Obyek- Dalam pembahasan kali ini essa akan mengajarkan tentang Elemen elemen HTML Obyek dalam pembahan kali ini tidak cukup banyak langsung saja ,cekidot :

Tujuan dari elemen <object> adalah untuk mendukung pembantu HTML (Plug-Ins)

HTML Pembantu (Plug-Ins)

Sebuah aplikasi pembantu adalah sebuah program yang dapat diluncurkan dengan browser untuk "membantu". Aplikasi pembantu juga disebut Plug-Ins.

Aplikasi pembantu dapat digunakan untuk memutar audio dan video (dan banyak lagi). Aplikasi pembantu yang diluncurkan menggunakan tag <object>.

Satu keuntungan dari menggunakan aplikasi pembantu untuk memutar video dan audio, adalah bahwa Anda dapat membiarkan beberapa (atau semua) pengaturan pemain dikendalikan oleh pengguna.

Aplikasi pembantu paling memungkinkan manual (atau diprogram) kendali atas pengaturan volume dan memainkan fungsi seperti mundur, berhenti, berhenti dan bermain

Bermain Gelombang Audio Menggunakan QuickTime

Bermain MP4 Video Menggunakan QuickTime

 <object width="420" height="360"

classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 

codebase="http://www.apple.com/qtactivex/qtplugin.cab">

<param name="src" value="movie.mp4" />

<param name="controller" value="true" />

</object>

Bermain SWF Video Menggunakan Flash

 <object width="400" height="40"

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/

pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">

<param name="SRC" value="bookmark.swf">

<embed src="bookmark.swf" width="400" height="40"></embed>

</object>

Memainkan WMV Movies Menggunakan Windows Media Player

Contoh di bawah ini menunjukkan kode yang disarankan digunakan untuk menampilkan file Windows Media. 

<object width="100%" height="100%"

type="video/x-ms-asf" url="3d.wmv" data="3d.wmv"

classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

<param name="url" value="3d.wmv">

<param name="filename" value="3d.wmv">

<param name="autostart" value="1">

<param name="uiMode" value="full" />

<param name="autosize" value="1">

<param name="playcount" value="1"> 

<embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" 
 autostart="true" showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed>

</object>

 sekian dari tips Elemen elemen HTML Obyek Referensi

Baca Selengkapnya »»

Read User's Comments(0)

Cara Memasukan Audio di HTML

7:36 PM | Labels: HTML Tutorial

Cara Memasukan Audio di situs anda HTML

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSozfl9ANFaFZwQV_6MRVi0qpc1f3_DtKtsZtJ67Yn7xbzsrCqbO6erLcyH1_-EJ8jYXNXuW02YEelR3e6Faz4AJ4LyI9WYoV7JoO5cRpCF5ZTG1ze3yWbVKAooUTg475dqKQfetdObXjK/s1600/flash_multimedia.jpg

Cara Memasukan Audio di situs anda HTML- Dalam pembahasan kita kali ini,aku akan membagikan tips trick html lagi yaitu Cara Memasukan Audio di situs anda HTML dalam tips sama trick ini tidak mudah maka simak tips dan trick di bawah ini :

Masalah dan Solusi

Menampilkan audio dalam HTML adalah tidak mudah!
Anda harus menambahkan banyak trik untuk memastikan file audio Anda akan bermain di semua browser (Internet Explorer, Chrome, Firefox, Safari, Opera) dan pada semua perangkat keras (PC, Mac, iPad, iPhone).

Cara termudah untuk Tambah Audio untuk Situs Anda

Cara termudah untuk menambahkan audio ke halaman web Anda?
Yahoo Media Player (dijelaskan di bagian bawah halaman ini) jelas merupakan favorit.
Hal ini memainkan mp3 dan berbagai format lainnya. Anda dapat menambahkannya ke halaman Anda (atau blog) dengan satu baris kode, dan dengan mudah mengubah halaman HTML Anda ke dalam daftar putar profesional.

 <a href="song.mp3">Play Song</a>

 <script type="text/javascript" src="http://mediaplayer.yahoo.com/js">

 </script>

Menggunakan Plugin

Plugin adalah program komputer kecil yang memperluas fungsionalitas standar web browser. Plugin dapat digunakan untuk berbagai tujuan. Mereka dapat digunakan untuk menampilkan musik, peta layar, pastikan id bank Anda, mengontrol masukan Anda, dan banyak lagi.

Plugin dapat ditambahkan ke halaman HTML menggunakan tag <object> atau <embed>.

Memainkan Audio di HTML

 <audio controls="controls" height="50px" width="100px">

  <source src="song.mp3" type="audio/mpeg" />

  <source src="song.ogg" type="audio/ogg" />

<embed height="50px" width="100px" src="song.mp3" 
 />

 </audio> 

Pengertian

  <audio controls="controls" height="50px" width="100px">

untuk membuat audio dengan panjang 100 pixel dan lebar 50 pixel

 <source src="song.mp3" type="audio/mpeg"/>

untuk memutar lagu sesuai dengan judul lagu tersebut tidak memakai spasi dan wajib 1 folder dengan project html tersebut

Menggunakan Elemen <embed>

Tujuan dari tag <embed> adalah untuk menanamkan elemen multimedia dalam halaman HTML.
Fragmen kode berikut menampilkan file MP3 tertanam dalam halaman web.

Masalah:

     Tag <embed> tidak diketahui ke HTML 4. Halaman Anda tidak akan memvalidasi dengan benar.
     Jika browser Anda tidak mendukung format file, audio Anda tidak akan bermain.
     Jika Anda mengkonversi file Anda ke format lain, itu akan tetap tidak bermain di semua browser.

Solusi HTML Terbaik

Contoh di atas menggunakan 4 format audio yang berbeda. Elemen HTML 5 <audio> mencoba untuk memutar video baik sebagai ogg atau mp3. Jika gagal, kode "jatuh kembali" untuk mencoba elemen <embed>. Jika ini juga gagal, ini akan menampilkan kesalahan.

Masalah:

     Anda harus mengkonversi video ke format yang berbeda.
     Unsur <audio> tidak memvalidasi dalam HTML 4 dan XHTML.
     Unsur <embed> tidak memvalidasi dalam HTML 4 dan XHTML.

CATATAN: Menggunakan <DOCTYPE html> memecahkan masalah validasi.

Menggunakan Yahoo Media Player

Menggunakan Yahoo Media Player adalah pendekatan yang berbeda. Anda hanya membiarkan Yahoo melakukan pekerjaan memainkan lagu-lagu Anda.

Menggunakan pemutar Yahoo adalah gratis. Untuk menggunakannya Anda memasukkan sepotong JavaScript di bagian bawah halaman web Anda:

Internet Lahan src="http://mediaplayer.yahoo.com/js"> </ script>

Lalu Anda cukup link ke file MP3 Anda dalam HTML, dan kode JavaScript secara otomatis membuat tombol putar untuk setiap lagu:

<a href="song1.mp3"> <a Putar Lagu 1 </ a>
<a href="song2.mp3"> Putar Lagu 2 </ a>
...
Yahoo Media Player menyajikan pembaca Anda dengan tombol putar kecil bukan pemain penuh. Namun, ketika Anda mengklik tombol, pemain penuh muncul.

Perhatikan bahwa pemain selalu merapat dan siap di bagian bawah jendela. Cukup klik di atasnya untuk geser keluar.

Menggunakan Google

Menggunakan Hyperlink

Jika halaman web mencakup hyperlink ke file media, kebanyakan browser akan menggunakan "aplikasi pembantu" untuk memutar file tersebut.

Fragmen kode berikut menampilkan link ke file MP3. Jika pengguna mengklik pada link, browser akan meluncurkan aplikasi pembantu untuk memutar file tersebut:

Inline Suara

Bila suara disertakan dalam suatu halaman web, atau sebagai bagian dari suatu halaman web, hal itu disebut suara inline.

Jika Anda berencana untuk menggunakan suara inline dalam aplikasi web Anda, harus menyadari bahwa banyak orang menemukan suara inline menjengkelkan. Perlu diketahui juga bahwa beberapa pengguna mungkin telah mematikan pilihan suara inline di browser mereka.

Saran kami terbaik adalah untuk memasukkan suara inline hanya di halaman web di mana pengguna mengharapkan untuk mendengar suara. Contoh dari ini adalah halaman yang akan terbuka setelah pengguna mengklik link untuk mendengar rekaman.

Tidak terasa pembahasan Cara Memasukan Audio di situs anda HTML semoga bermanfaat.Terima Kasih

Referensi

Baca Selengkapnya »»

Read User's Comments(30)

Pengertian Audio Video Sound Multimedia di HTML

6:19 PM | Labels: HTML Tutorial

Pengertian Audio Video Sound Multimedia di HTML

Apa itu Multimedia?

Multimedia datang dalam berbagai format. Hal ini dapat hampir apapun yang Anda dapat mendengar atau melihat seperti teks, gambar, musik, suara, video, catatan, film, animasi, dan banyak lagi.
Di Internet Anda dapat sering menemukan elemen multimedia tertanam di halaman web, dan web browser modern mendukung beberapa format multimedia.
Dalam tutorial ini Anda akan belajar tentang format multimedia yang berbeda dan bagaimana menggunakannya dalam halaman web Anda.

Browser Dukungan

Browser Internet pertama mendapat dukungan untuk teks saja, dan bahkan dukungan teks terbatas pada font tunggal dalam satu warna. Kemudian datang browser dengan dukungan untuk warna, font dan gaya teks, dan dukungan untuk gambar ditambahkan.
Dukungan untuk suara, animasi dan video ditangani dengan cara yang berbeda oleh browser yang berbeda. Beberapa elemen dapat ditangani inline, dan beberapa membutuhkan program pembantu tambahan (plug-in).
Anda akan belajar lebih lanjut tentang plug-in dalam bab-bab berikutnya.

Multimedia Format

Elemen multimedia (seperti suara atau video) disimpan dalam file media.
Cara yang paling umum untuk menemukan jenis media adalah dengan melihat ekstensi file. Ketika browser melihat ekstensi file. Htm atau. Html, maka akan diasumsikan bahwa file tersebut adalah halaman HTML. Perpanjangan. Xml menunjukkan file XML, dan ekstensi. Css menunjukkan style sheet. Format gambar diakui oleh ekstensi seperti gif dan.. Jpg.
Elemen multimedia juga memiliki format sendiri file dengan ekstensi yang berbeda seperti. Swf, wmv,. Mp3,. Dan. Mp4.

Video Format

Format MP4 adalah format baru dan mendatang untuk video internet. Hal ini didukung oleh YouTube, Flash player dan HTML5.

Apa Format Untuk Gunakan?

WAVE adalah format suara terkompresi yang paling populer di Internet, dan didukung oleh semua browser populer. Jika Anda ingin suara terkompresi (musik atau pidato) akan tersedia untuk semua pengunjung, Anda harus menggunakan format WAVE.
Format MP3 adalah format terbaru untuk musik terkompresi yang direkam. MP3 jangka telah menjadi identik dengan musik digital. Jika situs Web Anda tentang rekaman musik, format MP3 adalah pilihan.Sekian dari Pengertian Audio Video Sound Multimedia di HTML

sumber artikel berasal dari sini

Baca Selengkapnya »»

Read User's Comments(0)

Atribut Atribut yang ada di HTML

3:32 PM | Labels: HTML Tutorial

Atribut Atribut yang ada di HTML

http://4.bp.blogspot.com/-Nnvi_U-LKh8/Tx5Zacb6soI/AAAAAAAAAN8/qedtx9oyRK8/s1600/html.jpg

Atribut Atribut yang ada di HTML-

HTML Atribut

Elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan pada tag awal
Atribut datang dalam pasangan nama / nilai seperti: "nilai" name =

Contoh Atribut

Link HTML didefinisikan dengan tag <a>. Alamat link yang ditetapkan dalam atribut href
<a href="http://www.w3schools.com">This is a link</a>

Silahkan bisa kalian coba di Tryit Editor

Selalu Kutip Nilai Atribut
Nilai Atribut harus selalu tertutup dalam tanda kutip.
Tanda kutip ganda gaya adalah yang paling umum, tetapi kutipan gaya tunggal juga diperbolehkan.
Ucapan Tip: Dalam beberapa situasi langka, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal: name = 'EchoIndo' atau name = "EchoIndo"

HTML Tip: Gunakan Atribut huruf kecil
Atribut nama-nama dan nilai atribut bersifat case-insensitive.
Namun, Echo Indo merekomendasikan huruf kecil atribut / nilai atribut dalam HTML rekomendasi mereka 4.Versi yang lebih baru dari (X) HTML akan menuntut atribut huruf kecil

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Text Box di HTML

5:08 PM | Labels: HTML Tutorial

Cara Membuat Text Box di HTML

http://img.viralpatel.net/2009/09/html-textbox-label-text.png

Cara Membuat Text Box di HTML- Sebelumnya tutorial kali tidak jauh beda dengan Cara Membuat Table di HTML maka jika anda semua sudah tau maka Cara Membuat Text Box Di HTML juga terasa lebih gampang,berikut script yang telah saya buat :

Bahan dan Alat :

-Notepad

-Browser (Firefox,Chrome,Internet Explorer)

Script HTML :

<html>
<head><title>Membuat Form</title></head>
    <body>
        <h3>Rancangan Awal buku Tamu</h3>
        <form method=post>
        <table border=0>
            <tr>
                <td width=70>Nama</td>
                <td width=10>:</td>
                <td width=30><input type=text name=nama size=30></td>

            </tr>
            <tr>
                <td width=70>Alamat</td>
                <td width=10>:</td>
                <td width=30><input type=text name=alamat size=30></td>
            </tr>
            <tr>
                <td width=70>Homepage</td>
                <td width=10>:</td>
                <td width=30><input type=text name=nama size=30></td>
            </tr>
    </table>
    </form>
    </body>
</html>

Berikut Penjelasan dari Script tersebut :

<h3>Rancangan Awal buku Tamu</h3>

Berguna untuk mempertebal text yang akan di munculkan jika angkanya semakin besar semakin tebal juga text tersebut

Induknya table,jika tidak ada script tersebut maka tidak akan muncul text box tersebut

Sudah dijelaskan script ini tidak jauh beda dengan Cara Membuat Table di HTML

Untuk Memunculkan Nama dan Alamat

Untuk Membuat Text Box dengan panjang 30,semakin besar angkanya semakin besar juga panjangnya

Sekian dari Tutorial Cara Membuat Text Box di HTML

jika anda ingin copy paste artikel ini tolong sertakan sumber artikel ini demi menghargai sang penulis blog ini Terima Kasih

Baca Selengkapnya »»

Read User's Comments(2)

Cara Membuat Text Area di HTML

4:38 PM | Labels: HTML Tutorial

Cara Membuat Text Area di HTML

http://www.dotnetheaven.com/UploadFile/sapnabeniwal/using-textarea-and-time-tag-in-html-5/Images/textarea.gif

Cara Membuat Text Area di HTML-Buat Programmer pemula kali saya akan share Cara Membuat Text Area di HTML pasti hal yang di butuhkan untuk semua Web Development berikut tutorialnya :

Bahan dan Alat :

-Notepad

-Browser

Berikut script html :

<html>
    <head><title>Membuat textarea</title></head>
    <body>
    <form method=post>
    <h5>Isikan Pesan dan kesan</h5>
    <textarea name=textbox1 rows=5 cols=40>Pesan anda:</textarea>
    </form>
    </body>
</html>

Berikut penjelasan dari script tersebut :

<head><title>Membuat textarea</title>

Berfungsi untuk membuat judul web

<h5>Isikan Pesan dan kesan</h5>

Script untuk membuat pesan dengan tebal 5 cm jika angka tersebut makin besar maka makin tebal juga text tersebut

Induknya text area jika tidak ada script itu maka textarea tidak akan muncul

<textarea name=textbox1 rows=5 cols=40>Pesan anda:</textarea>

script untuk membuat text area dengan variabel textbox1 dengan panjang 5 dan lebar 40 dan di dalam text box tersebut ada komentar yaitu "Pesan Anda :"

Sekian dari tutorial Cara Membuat Text Area di HTML,semoga bermanfaat

jika anda ingin copy paste artikel ini,tolong sertakan sumber ini demi menghargai seorang penulis Terima Kasih

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Tabel di HTML

7:40 PM | Labels: HTML Tutorial

Cara Membuat Tabel di HTML

http://www.rhyshaden.com/images/web14net.gif

Cara Membuat Tabel di HTML - Kali ini kita akan membahas tentang Cara Membuat Tabel di HTML,langsung saja berikut kodingnya :

Bahan dan Alat :

-Notepad

-Browser(Firefox,Internet Explorer,Safari,Google Chrome)

Cara Membuat Table di HTML

<html>
    <body>
    <table border = 2 align=center bordercolor=blue bgcolor=red cellspacing=4 cellpadding=8>
            <caption align=top><b><u>Daftar Alamat</b></u></td></caption>
        <tr>
            <td bgcolor=purple colspan=2 align=center>Kelas</td>
            <td rowspan=2>Keterangan</td>

        </tr>
        <tr>
            <td width=200 bgcolor=blue align=center>I</td>
            <td width=200 >II</td>

        </tr>
        <tr>
            <td align=center>2.</td>
            <td>Ari Mulyaningsih</td>
            <td>Serang Banten</td>
        </tr>
    </table>

    </body>
</html>

Berikut penjelasan dari kode tersebut :

<table border = 2 align=center bordercolor=blue bgcolor=red cellspacing=4 cellpadding=8><table>

Memiliki ketebalan table 2 ,berada di tengah,warna garis table adalah biru,background table adalah merah, mempunyai lebar 4 dan panjang 8

<td rowspan=2>Keterangan</td>
Menggabungkan 2 kolom menjadi 1

<td bgcolor=purple colspan=2 align=center>Kelas</td>
Memiliki warna background biru menggabungkan 2 baris menjadi 1,berada di tengah dan Captionya kelas.Maka hasilnya akan seperti ini :

Sekian dari tutorial Cara Membuat Tabel di HTML

jika anda ingin copy paste artikel sertakan sumber artikel ini,tolong hargai seorang penulis Terima Kasih

Baca Selengkapnya »»

Read User's Comments(0)

Cara Membuat Submit di HTML

12:55 AM | Labels: HTML Tutorial

Cara Membuat Submit di HTML

http://farm5.static.flickr.com/4109/4976391733_2d9b2a3c6e.jpg

Cara Membuat Submit di HTML - kali ini kita akan belajar tentang Cara Membuat Submit di HTML langsung aja tutorialnya di bawah ini :

Alat dan Bahan

-Notepad

-Browser (IE,Firefox,dll)

Berikut kode submit html

<html>
    <head><title>Tutorial membuat Submit</title></head>
    <body>
    <h3><p align=center>Buku Tamu</p></3>
    <form method=post>
    <table border=0 align=center width=500>
    <tr>
        <td width=11% >Nama</td>
        <td width=3% >:</td>
        <td width=86%><input type=text name=nama size=20></td>
    </tr>
    <tr>
        <td width=11%>Alamat</td>
        <td width=3%>:</td>
        <td width=86%><input type=text value=Jl. name=alamat size=30></td>
    </tr>
    <tr>
        <td width=11%>Email</td>
        <td width=3%>:</td>
        <td width=86%><input type=text name=email size=20></td>
    </tr>
    <tr>
        <td width=11%>Website</td>
        <td width=3%>:</td>
        <td width=86%><input type=text value=http:// name=website size=30></td>
    </tr>
    <tr>
        <td width=11% valign=top>Homepage</td>
        <td width=3% valign=top>:</td>
        <td width=86%><input type=radio value=hebat name=saran checked>Bagus Sekali<br>
        <input type=radio value=bagus name=saran>Bagus<br>
        <input type=radio value=biasa name=saran>Biasa aja<br></td>
    </tr>
    </table>
    <p align=center>
    <input type=submit value=kirim name=b1>
    <input type=reset value=batal name=b2>
    <hr>
    </form>
</body>
</html>

Berikut penjelasan :

untuk membuat form tanpa kode di atas submit tidak akan muncul

untuk membuat table dengan border 0 dan berada di tengah dan lebar 500

nah kode ini yang kita pakai untuk membuat type submit dengan nama kirim lalu variabelnya b1

Sekian penjelasan dari saya semoga berguna ,maka hasilnya akan seperti ini :

Cara Membuat Submit di HTML

Baca Selengkapnya »»

Read User's Comments(4)

Blog Cyber Terkeren Lebih Keren Dari yang Terkeren

About

Followers

Categories

Archives

Eksternal Style Sheet

Internal Style Sheet

Inline Styles

Web Layouts

HTML Layouts - Menggunakan Tabel

Menggunakan Elemen Div

Elemen elemen HTML Obyek

HTML Pembantu (Plug-Ins)

Bermain Gelombang Audio Menggunakan QuickTime

Bermain MP4 Video Menggunakan QuickTime

Bermain SWF Video Menggunakan Flash

Memainkan WMV Movies Menggunakan Windows Media Player

Masalah dan Solusi

Cara termudah untuk Tambah Audio untuk Situs Anda

Menggunakan Plugin

Memainkan Audio di HTML

Menggunakan Elemen <embed>

Solusi HTML Terbaik

Menggunakan Yahoo Media Player

Menggunakan Google

Menggunakan Hyperlink

Inline Suara

Apa itu Multimedia?

Browser Dukungan

Multimedia Format

Video Format

Apa Format Untuk Gunakan?

HTML Atribut