kalau sebelumnya kita sudah belajar sintaks-sintaks dasar untuk membuat link, gambar, judul, dll. sekarang kita belajar tentang elemen HTML.
Dokumen HTML didefinisikan oleh elemen HTML.
Elemen HTML
pengertian dari sebuah elemen HTML adalah segala sesuatu dari tag pembuka dengan tag penutup:
Mulai tag * Elemen konten End tag *<p> Ini adalah sebuah paragraf </ p><a href="default.htm"> Ini adalah link </ a><br />* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
Elemen HTML Sintaks
Sebuah elemen HTML dimulai dengan tag tag / pembukaan awalElemen HTML diakhiri dengan tag tag / penutupan akhirIsi elemen adalah segalanya antara awal dan tag akhirBeberapa elemen HTML memiliki konten kosongElemen Kosong ditutup pada tag awalSebagian besar unsur HTML dapat memiliki atributTip: Anda akan belajar tentang atribut dalam bab selanjutnya dari tutorial ini.
Nested HTML Elemen
Sebagian besar unsur HTML dapat bersarang (dapat berupa elemen HTML lainnya).
Dokumen HTML terdiri dari elemen HTML bersarang.
Dokumen HTML Contoh
<html>
<body><p> Ini adalah paragraf pertama saya. </ p></ Body>
</ Html>Contoh di atas berisi 3 elemen HTML.
Contoh HTML Dijelaskan
Unsur <p>:
<p> Ini adalah paragraf pertama saya. </ p>Unsur <p> mendefinisikan sebuah paragraf dalam dokumen HTML.Elemen ini memiliki <p> awal tag dan tag akhir </ p>.Isi elemen adalah: Ini adalah paragraf pertama saya.
Unsur <body>:
<body><p> Ini adalah paragraf pertama saya. </ p></ Body>Unsur <body> mendefinisikan tubuh dokumen HTML.Elemen ini memiliki <body> awal tag dan tag penutup </ body>.Isi elemen adalah elemen HTML (ap elemen).
Unsur <html>:
<html>
<body><p> Ini adalah paragraf pertama saya. </ p></ Body>
</ Html>Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.Elemen ini memiliki tag awal <html> dan tag akhir </ html>.Isi elemen adalah elemen HTML (elemen body).
Jangan Lupakan Tag Akhir
Beberapa elemen HTML mungkin muncul dengan benar bahkan jika Anda lupa tag penutup:
<p> Ini adalah sebuah paragraf<p> Ini adalah sebuah paragrafContoh di atas bekerja di hampir semua browser, karena tag penutup dianggap opsional.
Jangan bergantung pada ini. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.
Kosong Elemen HTML
Elemen HTML tanpa konten yang disebut elemen kosong.
<br> merupakan elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).
Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan garis miring di dalam tag mulai, seperti <br />, adalah cara yang tepat untuk menutup elemen kosong dalam XHTML (dan XML).
HTML Tip: Gunakan Tag Lowercase
Tag HTML tidak case sensitif: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML huruf besar.
W3Schools menggunakan tag huruf kecil karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan menuntut tag huruf kecil dalam XHTML.
SUMBER: http://www.w3schools.com/html/html_elements.asp
Minggu, 01 April 2012
materi selanjutnya dari HTML
langsung aja kita ke materi selanjutnya. sebelumnya kita mulai dengan perkenalan, nah sekarang kita buka dengan macam" sintak dalam html yang disebut tags. langsung aja kita lihat: check this out:
HTML Headings
untuk membuat judul-judul, kita bisa gunakan headlings. HTML headings didefinisikan dengan tags <h1>sampai<h6>
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Try it yourself »
HTML Paragraphs
paragraph ini dignakan untuk membuat narasi-narasi. untuk HTML paragraphs didefinisikan dengan <p> tags. contohnya bisa langsung dicoba dibawah ini:
HTML Links
nah,, kan kita sering tuh ngeliat web orang ng-link ke blog lainnya. untuk me-link ke web lain atau situs-situs lainnya maka kita gunakan HTML links. cara mendefinisikannya dengan tag<a>. contohnya bisa langsung dicoba dibawah ini:
Note: Alamat link yang ditetapkan dalam atribut href.
HTML Images
nah,, satu lagi yang ngak kalah penting,, kita insert gambar bair lebih menarik. caranya dengan sintak HTML images didefinisikan dengan <img> tag. contohnya bisa langsung dicoba dibawah ini:
Note: Nama dan ukuran gambar disediakan sebagai atribut.
SUMBER: http://www.w3schools.com/html/html_primary.asp
Selasa, 27 Maret 2012
program konversi biner to ascii sederhana
listing:
output
Sintak untuk dicoba:
int d;
int inte[6];
int main( )
{
inte[0] = 64;
inte[1] = 32;
inte[2] = 0;
inte[3] = 0;
inte[4] = 0;
inte[5] = 0;
inte[6] = 1;
printf ("binernya: 1100001\n");
printf("konversi ke desimal menjadi: %d %d %d %d %d %d %d\n", inte[0], inte[1], inte[2], inte[3], inte[4], inte[5], inte[6]);
d=inte[0]+inte[1]+inte[2]+inte[3]+inte[4]+inte[5]+inte[6];
printf("\ntotal desimalnya : %d\n",d);
if(d==97)
{
printf("asciinya = a\n");
}
system("pause");
}
Logika programnya:
int d;
saya membuat variable “d” yang bertipe integer yang nanti akan digunakan sebagai variable penampung nilai dari penjumlahan angka-angka dalam array “inte” tersebut.
int inte[6];
disini saya mendeklarasikan arraynya yg bernama “inte” sebanyak 6 kotak.
int main( ) Ã fungsi utamanya
{
inte[0] = 64;Ã array ke 0 yg menjadi bagian digit biner yang paling kiri
inte[1] = 32; Ã array ke 1 yg menjadi bagian digit biner ke 2 dari yang paling kiri
inte[2] = 0; Ã array ke 2 yg menjadi bagian digit biner ke 3 dari yang paling kiri
inte[3] = 0; Ã array ke 3 yg menjadi bagian digit biner ke 4 dari yang paling kiri
inte[4] = 0; Ã array ke 4 yg menjadi bagian digit biner ke 5 dari yang paling kiri
inte[5] = 0; Ã array ke 5 yg menjadi bagian digit biner ke 6 dari yang paling kiri
inte[6] = 1; Ã array ke 6 yg menjadi bagian digit biner ke 7 dari yang paling kiri
printf ("binernya: 1100001\n");
disini ceritanya saya ingin mengkonversi nilai biner yaitu ”1100001” menjadi ASCIInya yaitu huruf “a”. caranya melalui bagian proses dibawah ini.
printf("konversi ke desimal menjadi: %d %d %d %d %d %d %d\n", inte[0], inte[1], inte[2], inte[3], inte[4], inte[5], inte[6]);
disini saya akan mencetak angka –angka yang berada dalam array “inte” 0 sampai 6. Fungsi %d yang paling kiri itu sebagai penampung nilai dari inte[0] dan begitu seterusnya sampai %d terakhir yang berpasangan dengan inte[6].
d=inte[0]+inte[1]+inte[2]+inte[3]+inte[4]+inte[5]+inte[6];
disini kita menjumlahkan angka-angka dari array tsb yang ditampung di variabel “d” yang sebelumnya sudah saya deklarasikan.
printf("\ntotal desimalnya : %d\n",d);
ini sintak untuk menampilkan nilai yang tersimpan dalam variable “d”. Hasil dari penjumlahan array tsb.
if(d==97)
{
printf("asciinya = a\n");
}
Kemudian pada bagian ini, saya hanya ingin memastikan jika variable “d”=97, maka ASCIInya “a”. sebenarnya ini tidak terlalu penting juga sii. Kita juga bisa langsung menggunakan printf("asciinya = a\n"); tapi percuma dong kita sii program ngitung. Toh nanti yang tercetak pasti “asciinya = a”. Tapi sekali lagi saya ingin memastikan bahwa perhitungan itu tidak percuma dan bisa digunakan. Makanya saya menggunakan if(d==97).
system("pause");}
ini sintak untuk menghentikan program sementara sebelum keluar. Karena kalau tidak menggunakan ini. Programnya langsung cepet banget keluarnya tanpa kita berhasil melihat output yang ditampilkan.
Minggu, 25 Maret 2012
tugas Pemrograman Berbasis Objek(PBO)
Tugas PBO membuat program yang membuffer data dari keyboard yang berisi input data kemudian operasi lalu output.
berikut ini listingan programnya berikut dengan logika dibagian komentar.
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package perhitungan;
/**
*
* @author Ridhwan
*/
import java.io.*;
/*kita ingin meng-import semua kelas yang ada pada paket java.io.*/
public class Perhitungan {
/*kita disini menggunakan class yang bernama Perhitungan*/
public static void main(String[]args)
/*ini bersifat public tipenya static memanggil metode main memanggil type 1 string*/
throws IOException{
/*bagi yang membaca bentuk metode dengan klausa throws akan menangani sendirikesalahan
* akibat menagani kesalahan akibat pemanggilan metode tsb.
*
*/
BufferedReader dataBaris=new BufferedReader(new InputStreamReader(System.in));
/*disini kita menciptakan objek berkelas bufferedreader yang dihubungkan dengan system.in. */
System.out.println("penjualan anggur kiloan");
/*disini kita akan mencetak kata-kata dalam tanda kutip dan akan pindah ke baris elanjutnya*/
System.out.print("harga anggur per-kilonya ''dalam dollar'': ");
/*disini kita akan mencetak kata-kata dalam tanda kutip*/
String st=dataBaris.readLine();
/*disini variable 'st' akan menampung nilai yang diinputkan dari keyboard*/
double harga=Double.valueOf(st).doubleValue();
/*disini membuat variabel harga berisi nilai dari data string yang terkandung pada variabel st yang bertipe double*/
System.out.print("berapa kilo:");
/*disini kita akan mencetak kata-kata dalam tanda kutip*/
st=dataBaris.readLine();
/*disini variable 'st' akan menampung nilai yang diinputkan dari keyboard*/
double kilo=Double.valueOf(st).doubleValue();
/*disini membuat variabel kilo berisi nilai dari data string yang terkandung pada variabel st yang bertipe double*/
double total=(harga)*(kilo);
/*disini akan mengoperasikan variabel harga dengan variabel kilo yang nanti akan ditampung divariabel total*/
System.out.println("jdi yang harus anda bayar: "+total);
/*disini kita akan mencetak kata-kata dalam tanda kutip dengan tambahan data dari variabel total*/
}
}
Kamis, 15 Maret 2012
Pengenalan HTML
Pengertian HTML
HTML adalah bahasa pemrograman dasar yang digunakan untuk membangun sebuah situs. HTML sangat mudah digunakan dan diaplikasikan, oleh karena itu apabila kalian ingin belajar membangun sebuah situs sendiri maka bahasa HTML wajib kalian pelajari. Pelajaran HTML ini akan diberikan dalam bahasa yang mudah dimengerti sehingga kalian dapat belajar mulai dari nol alias tidak tahu apa-apa tentang html.
HTML adalah bahasa pemrograman dasar yang digunakan untuk membangun sebuah situs. HTML sangat mudah digunakan dan diaplikasikan, oleh karena itu apabila kalian ingin belajar membangun sebuah situs sendiri maka bahasa HTML wajib kalian pelajari. Pelajaran HTML ini akan diberikan dalam bahasa yang mudah dimengerti sehingga kalian dapat belajar mulai dari nol alias tidak tahu apa-apa tentang html.
Singkatnya 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.
Untuk membuat suatu dokumen HTML, hal-hal yang kamu perlukan hanyalah sebuah text editor biasa seperti : Notepad atau Wordpad (program standar bawaan dari windows) lalu kamu mengetikkan kode HTML didalamnya kemudian di save (simpan) dengan akhiran (ekstensi) .htm atau .html. Sebagai contoh kamu bisa menyimpan dokumen HTML kamu dengan nama belajar.html Bila kamu ingin sebuah HTML editor yang lebih profesional lagi, mungkin kamu bisa menggunakan program MS FrontPage atau bahkan Dreamweaver (editor HTML yang paling terkenal), tetapi tentunya kedua program (software) diatas merupakan software berbayar yang tentunya disini kami amat tidak menyarankan kamu untuk mencari crack-nya atau menggunakan software ilegal. Kemudian apabila file kamu telah disimpan dengan akhiran .html atau .htm maka selanjutnya kamu dapat membukanya dengan sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) tujuannya 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.
| 1 2 3 4 5 6 7 8 9 | <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.
Kamis, 05 Januari 2012
Selasa, 03 Januari 2012
KONSEP DESIGN NEW MEDIA
new media adalah istilah yang dimaksudkan untuk mencakup kemunculan digital, komputer, atau jaringan teknologi informasi dan komunikasi di akhir abad ke-20. Sebagian besar teknologi yang digambarkan sebagai “media baru” adalah digital, seringkali memiliki karakteristik dapat dimanipulasi, bersifat jaringan, padat, mampat, interaktif dan tidak memihak. Beberapa contoh dapat Internet, website, komputer multimedia, permainan komputer, CD-ROMS, dan DVD. Media baru bukanlah televisi, film, majalah, buku, atau publikasi berbasis kertas.
Perkembangan New Media
Media yang digunakan dalam perkembangannya banyak sekali,dimulai dari media elektronik dan media cetak dimana media elektronik itu sendiri dapat dibilang bahwa ini adalah media yang mengalami perkembangan yang paling cepat.Sifatnya yang compatible memungkinkan banyak hal-hal baru yang dapat dijadikan ide dalam hal pengembangannya.Contoh dari media elektronik antara lain televisi,radio dan yang paling cepat dalam hal pembaharuannya adalah internet.Internet inilah yang akan saya bahas dalam pembahasan new media yang memberikan pengaruh besar terhadap perkembangan budaya.
Dewasa ini hampir semua orang terutama mereka yang dalam usia produktif mengenal dan menggunakan internet.Internet adalah media yang mengalami perubahan yang berlangsung dalam hitungan detik dimana informasi yang didapat juga tidak terbatas berasal dari satu daerah saja.Pengaksesan media internet juga mudah sehingga keterbatasan bisa dikatakan hampir tidak ada.Semua yang mengakses internet tidak diketahui siapa,apakah anak kecil atau orang dewasa,mereka hanya dapat dilacak berdasarkan lokasinya karena itulah dikatakan bahwa keberadaan internet saat ini telah banyak memberikan dampak kepada budaya.
Sebenarnya keberadaan new media saat ini yang memberikan dampak terhadap kebudayaan bukan saja internet tetapi interaksi yang dilakukan antara penggunanya dengan computer.Keberadaan kondisi ini yang membuat sebagian orang mengabiskan waktu di depan computer untuk menyelesaikan banyak dari pekerjaan mereka.Interaksi yang terjadi antara manusia dan computer bahkan tidak jarang melebihi interaksi antar manusia dengan manusia terlebih dari banyak kemudahan yang ada pada media-media yang ditawarkan.
Pengaruh positif dalam keberadaan media-media tersebut tentu saja banyak dimana kemajuan informasi yang mudah diperoleh mengakibatkan hampir dalam segala aspek kehidupan berkembang dalam waktu yang tidak lama.Ide-ide,informasi,gagaan,tulisan,karya atau bahan-bahan mentah yang dapat dimuat dalam media elektronik membuat hidup serba cepat,persaingan pun semakin ketat.
Pengaruh buruknya adalah kebiasaan yang banyak berubah karena kemudahan tersebut.Kebudayaan interaksiyang juga bisa didapt dalam internet,bahkan kapanpun dan dimanapun sedikit banyak memberikan dampak social.karena hubungan social tersebut dapat dilakukan tanpa tatap muka,pergeseran budaya lainnya yang terjadi adalah gaya hidup contohnya cara belanja.Hampir semua barang sekarang dapat dibeli secara online,yaitu dengan memberikan contoh gambar barang yang sebenarnya dengan menyertakan keterangan singkat.Pola hidup dan kebiasaan yang berubah ini sebenarnya bukanlah hal yang harus dikhawatirkan selama para pengguna internet dapat bijaksana menggunakannya sesuai dengan kebutuhan dan tidak berlebihan.
sumber:wikipedia.org
Langganan:
Postingan (Atom)