Tampilkan postingan dengan label Pemrograman HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Pemrograman HTML. Tampilkan semua postingan

Minggu, 09 Oktober 2011

Nomor 1

Ini coding dari tugas yang dikasih oleh Pak Agung, guru PHP. Di mana tugas ini diberikan secara serentak kecuali kelas 2R3
------------------------------------------------------------------------------------------------
<html>
<head>
<title>No 1</title>
</head>
<body>
<script type="text/javascript">
<!--

var kolom;
var baris;
var input=prompt("Masukkan nilai");

for(kolom=1;kolom<=input;kolom++)
{
for(baris=1;baris<=kolom;baris++)
{
document.write("*");
}
document.write("</br>");
}
for(baris=input-2;baris>=0;baris--)
{
for(kolom=input;kolom>=input-baris;kolom--)
{
document.write("*");
}
document.write("</br>");
}
//-->
</script>
</body>
</html>
-------------------------------------------------------------------------------------------------


Nah ini tampilan di browsernya:
Diposting oleh di Tidak ada komentar:
Label: ,

Kamis, 22 September 2011

HTML

HTML berupa kode-kode tag yang menginstruksikan penjelajah web untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan penjelajah web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka surel ataupun dari PDA dan perangkat lunak lain yang memiliki kemampuan browser. Dengan menggunakan perintah-perintah HTML memungkinkan pengguna untuk melakukan tugas-tugas berikut:
  • Menentukan ukuran dan alur tulisan.
  • Mengintegerasikan gambar dengan tulisan.
  • Membuat Pranala.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat form interaktif.
HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formating di dalam halaman web daripada menentukan penampilannya.Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala. 

Menyunting Format Tulisan

HTML memungkinkan kita untuk menyunting tampilan atau format berkas yang akan kita kirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah :
  • Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Kita dapat menampilkan tulisan dalam bentuk cetakan tebal
  • Kita dapat menampilkan sekelompok kata dalam bentuk miring
  • Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Kita dapat mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

Markup/Tanda

Secara garis besar, terdapat 4 jenis elemen dari HTML:
  • structural. tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
  • presentational. tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
  • hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
  • Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>), Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web,
Ada tiga macam link yang dapat kita gunakan :
  • Link menuju bagian lain dari page
  • Link menuju page lain dalam satu web site
  • Link menuju resource atau web site yang berbeda.
Selain markup presentational , markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh HTML Sederhana 

<!DOCTYPE html>
<html>
  <head>
    <title>'''Selamat Datang''' HTML</title>
  </head>
  <body>
    <p>Nama saya Juni!</p>
  </body>
</html>
HEAD
Bagian header dari document HTML di apit oleh tag  <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE  yang menampilkan judul dari halaman pada titlenya browser. Selain itu  Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site.  Browser menyimpan “titile” sebagai bookmark dan juga untuk keperluan  pencarian (searching) biasanya title di gunakan sebagai keyword. Header  juga memuat tag META yang biasanya di gunakan untuk menentukan informasi  tertentu mengenai document HTML, anda bisa menentukan author name,  keywords, dan lainyan pada tag META.

Contoh:


<meta name="author" nober="ubuntu-online">
Elemen Body
Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>,  merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan  informasi yang akan ditampilkan pada browser.
Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari  suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang  ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil  (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu  pasangan yang disebut dengan : 1. Tag awal, dinyatakan dalam bentuk  <nama tag> 2. Tag akhir, dinyatakan dalam bentuk </nama tag>

Format : <nama tag> teks yang ditampilkan </nama tag> Contoh : untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>




Atribute
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya :

digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai  atribut ALIGN hanya bisa berupa center, left, right atau justify.











Diposting oleh



di





Tidak ada komentar:
  

















Label:
























Apa itu HTML????










HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web  Internet dan formating hypertext sederhana yang ditulis kedalam berkas  format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.  Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata  dan disimpan kedalam format ASCII  normal sehingga menjadi home page dengan perintah-perintah HTML.  Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia  penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium  (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee  robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah  lembaga penelitian fisika energi tinggi di Jenewa)


  1. Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan  mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM  kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan  perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup  Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya.  IBM menamakan sistemnya ini sebagai Generalized Markup Language atau  GML.
    2. 

  2. Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang  dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (  ISO 8879 ) yang menyatakan markup language sebagai standar untuk  pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM,  tetapi memberinya nama lain, yaitu SGML ( Standard Generalized Markup Language ).
    3. 

ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk  pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar  perkiraan ISO,  SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk  menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide  Web. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah  berkembang XHTML yang merupakan pengembangan dari HTML








Diposting oleh



di





Tidak ada komentar:
  

















Label:

























HTML 5











 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997 dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium,  W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat  ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas  pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah,  dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak  pembuat web.



Sejarah HTML 5 



Kelompok Kerja Teknologi Aplikasi Web Hyperteks (Web Hypertext Application Technology Working Group, WHATWG) mulai membuat standar baru ini pada tahun 2004  ketika Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 di masa  depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000. Sejak tahun 2009, W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.

Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web."

  


Proses standarisasi W3C



Kelompok kerja untuk teknologi aplikasi web hypertext (WHATWG) mulai menspesifikasikan HTML5 pada bulan juni 2004 dengan nama Web Applications 1.0.,  hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft  standar di WHATWG, dan ke dalam bagian pengurusan draft di W3C. Ian  Hickson mewakili Google ,Inc menjadi editor HTML5

Pada tahun 2007 Spesifikasi HTML5 diadopsi sebagai pekerjaan  permulaan untuk grup baru yang mengurus HTML di World Wide Web  Consorsium (W3C). Grup ini pertama kali mempublikasikan hasil draft  pekerjaan pertama mereka pada tanggal 22 januari 2008.  Spesifikasi ini berstatus dalam tahap pengerjaan, dan diperkirakan akan  tetap demikian selama bertahun-tahun, meskipun sebagian dari HTML5  sudah dalam tahap penyelesaian dan diimplementasikan pada penjelajah web  sebelum keseluruhan spesifikasinya mencapai status rekomendasi final.

Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi  kandidat rekomendasi pada akhir tahun 2010. Namun, publikasi pertama  draft HTML 5 meleset selama 8 bulan. Permintaan dokumen terakhir dan  tahap kandidat rekomendasi diharapkan dapat dicapai pada tahun 2008, tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.

Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012.  Kriteria di W3C agar sebuah spesifikasi dapat berstatus -  Direkomendasikan - adalah "yang kedua: 100% selesai dan penerapannya  dapat dilakukan pada dua atau lebih sistem yang berbeda" . Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya. Meski demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan pada produk.




Markup



Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan tipikal penggunaan website modern. Beberapa diantaranya adalah pergantian yang bersifat semantik pada blok yang umum digunakan: yaitu elemen (<div>) dan inline (<span>), sebagai contoh (<span>) (sebagai blok navigasi website) dan <footer>  (biasanya dikaitkan pada bagian bawah suatu website atau baris terakhir  dari kode html). Banyak elemen lain yang memberikan kegunaan baru  melalui antar muka yang telah distandarkan, seperti elemen multimedia <audio> dan <video>.Beberapa elemen yang telah ditinggalkan juga ditiadakan, termasuk elemen presentasi semata seperti <font> dan <center>, yang sebenarnya dapat dikerjakan menggunakan Cascading Style Sheet (CSS). 



API baru



Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan pengkodean application programming interfaces (APIs).  antarmuka document object model (DOM) yang ada dikembangkan dan fitur  de facto didokumentasikan. Beberapa APIs terbaru pada HTML5 antara  lain :


  • Elemen canvas, sebagai mode untuk menggambar object dua dimensi (2D). Lihat spesifikasi 1.0 untuk canvas 2D.
    • 

  • Timed media playback
    • 

  • Media penyimpanan luring (aplikasi web luring). Lihat Web Storage
    • 

  • Penyuntingan dokumen
    • 

  • Drag-and-Drop
    • 

  • Cross-document messaging
    • 

  • Manajemen sejarah kunjungan penjelajah web
    • 

  • Tipe MIME dan penanggung jawab protokol registrasi.
    • 

Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C,  meski teknologi tersebut telah termaktub dalam spesifikasi milik WHATWG  HTML. Beberapa teknologi yang juga terkait namun tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan WHATWG HTML5 adalah :


  • Geolocation
    • 

  • Web SQL Database, media penyimpanan database lokal.
    • 

  • API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB)
    • 

#diambil dari Wikipedia 























Diposting oleh



di





Tidak ada komentar:
  

















Label:
















        

      









Langganan:
Postingan (Atom)