Me N Friend

Mengenai Saya

     Nama saya Irma Dianti, sehari-hari di panggil irma, saya Berasal dari RIAU.
saya anak 3 dari 5 bersaudara. saya lahir di Lubuk Jambi 08-09-1992. saya sekarang sekolah di universitas yang berada di MEDAN.
 cukup sekian dulu mengenai saya

Trim's

Format Text HTML

 Untuk format teks tentang bagaimana membuat paragraf dan baris baru anda bisa membacanya di Belajar HTML tentang Format text HTML.
Disana juga telah dibuat beberapa contoh tag untuk memanipulasi tampilan teks, namun sebagian dari tag-tag tersebut merupakan Deprecated Tags dimana saat ini sudah dihindari pemakaiannya karena dapat digantikan dengan atribut style atau CSS dengan lebih baik.
Sebagai contoh tag <b> alternatifnya bisa menggunakan tag <strong> atau atribut style dengan properti font-weight.

<p><strong>Tulisan ini tebal</strong></p>
<p style="font-weight:bold">Tulisan ini juga tebal</p>

Hasil:
Tulisan ini tebal

Tulisan ini juga tebal

Untuk tag <strike> (teks tercoret) dan tag <u> (underline) dapat diganti dengan properti text-decoration.

<p style="text-decoration:line-through;">Contoh teks tercoret</p>
<p style="text-decoration:underline;">Contoh teks dengan garis bawah</p>

Hasil:

Contoh teks tercoret

Contoh teks dengan garis bawah

Berikut adalah contoh text-decoration yang lainnya.

<p style="text-decoration:overline;">Contoh teks dengan garis atas</p>
<p style="text-decoration:blink;">Contoh teks berkedip</p>

Hasil:

Contoh teks dengan garis atas

Contoh teks berkedip

Untuk mengubah teks dari huruf besar ke huruf kecil dan sebaliknya digunakan properti text-transform.

<p style="text-transform:uppercase">tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.</p>

Hasil:

tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.

<p style="text-transform:lowercase">TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.</p>

Hasil:

TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.

<p style="text-transform:capitalize">text-transform:capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.</p>

Hasil:

text-transform: capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.

Kemudian untuk memposisikan teks digunaka properti text-align

<p style="text-align:left">Membuat teks ke kiri</p>
<p style="text-align:center">Membuat teks di tengah</p>
<p style="text-align:right">Membuat teks ke kanan</p>

Hasil:

Membuat teks ke kiri

Membuat teks di tengah

Membuat teks ke kanan

Gunakan style yang sama untuk membuat tulisan rata kiri, di tengah dan rata kanan dan untuk membuat rata kiri dan kanan ganti nilai atau value-nya dengan justify.

<p style="text-align:justify">Lorem ipsum dolor sit amet, habitasse feugiat malesuada nulla volutpat nibh, elementum cursus leo arcu tincidunt at rutrum, a imperdiet eu pellentesque nunc in. Augue suscipit, vel nulla ipsum nulla id, mauris cras nisl feugiat augue, natoque arcu bibendum nisl vitae luctus curabitur. Ut vestibulum, lectus neque commodo sapien.</p>

Hasil:

Lorem ipsum dolor sit amet, habitasse feugiat malesuada nulla volutpat nibh, elementum cursus leo arcu tincidunt at rutrum, a imperdiet eu pellentesque nunc in. Augue suscipit, vel nulla ipsum nulla id, mauris cras nisl feugiat augue, natoque arcu bibendum nisl vitae luctus curabitur. Ut vestibulum, lectus neque commodo sapien.

Pengenalan HTML

HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

Pengertian HTML bila di jabarkan berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext

Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup

Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

Language

Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.

Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.

Apa yang dapat dilakukan dengan HTML ?

Memodifikasi format teks

Penggunaan HTML memungkinkan kita untuk memodifikasi tampilan atau format dokumen yang akan kita transmisikan melalui media Internet. Beberapa hal yang dapat dilakukan dalam menentukan format dokumen ini adalah :

• Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
• Kita dapat menampilkan teks 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 font untuk suatu karakter tertentu.

Menampilkan daftar sesuatu dalam bentuk point-point (item)

Dengan HTML kita dapat menampilkan daftar atau deretan informasi dalam bentuk point-point sehingga lebih mudah dibaca dan dipahami Membuat link.

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 :

1. Link menuju bagian lain dari page
2. Link menuju page lain dalam satu web site
3. Link menuju resource atau web site yang berbeda

Menyisipkan citra

Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan informatif untuk mendukung data-data lainnya dalam bentuk teks.

Menampilkan informasi dalam bentuk tabel

Penampilan informasi dalam bentuk tabel ini akan mempermudah pembaca untuk memahami informasi yang kita tawarkan. Penggunaan tabel ini juga dapat dilakukan untuk menambah nilai estetika dari page yang akan kita rancang.

HTML5 dan Kelebihannya

.

Pengertian HTML5

Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana 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 hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

• Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
• Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
• Penanagan kesalahan yang lebih baik
• Lebih markup untuk menggantikan scripting
• HTML5 merupakan perangkat mandiri
• Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

• Unsur kanvas untuk menggambar
• Video dan elemen audio untuk media pemutaran
• Dukungan yang lebih baik untuk penyimpanan secara offline
• Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
• Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut

<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>

Contoh diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini

<object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" >
<param name="source" value="SilverlightApplication1.xap"/>
</object>

HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut

<video src=tutorialku.mp4>
</video>

Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.

Apakah Browser Saya Support HTML5?

Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

http://html5test.com

Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.

Pengertian dan Sejarah HTML

Bagi seorang blogger pasti sering melihat kata ini “HTML”.  Dan mungkin banyak dari kita yang bertanya apa sih HTML itu? Dan bagaimana cara menggunakannya,. Oleh karena itu dalam artikel ini saya akan mencoba menjelaskan sedikit apa itu HTML?. Bagaimana sejarahnya serta kegunaannya.

Pengertian HTML

Langsung saja dari pengertian yang saya dapatkan di wikipedia: HTML yang  singkatan dari HyperText Markup Language merupakan 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.

HTML sendiri terdiri dari sejumlah perintah dimana kita bisa men-set judul, garis, table, gambar dan lain- lain yang disebut tag atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.  Setiap tag masih dapat dilengkapi lagi oleh sejumlah attribute. Dibawah ini sebagian contoh tag dan attributenya:

<html>
<head>
<title>cuma nyoba aja</title>
</head>
<body bgcolor=”red”>
<font face=”arial black” color=”yellow” size=”5″ >Ngung Xi Yuk Choi</font>
</body>
</html>

Tulisan berwarna biru adalah tag, hijau adalah attribute dan orange adalah nilai/value dari attribute. Itu sedikit contoh apa itu tag dan atribbute pada html

Sejarah HTML

Dari bacaan di Wikipedia 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).

Konsep HTML diciptakan pertama kali oleh IBM pada tahun 1980 pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Lalu, pada akhirnya elemen-elemen itu menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis. Bahasa pemprograman untuk melakukan tugas tersebut disebut markup language, atau lebih lengkapnya IBM menamai program tersebut sebagai Generalized Markup Language (GML).

Konsep ini pada tahun 1986 disetujui oleh ISO (International Standard Organization) sebagai standar bagi pembuatan dokumen-dokumen dengan keluarnya ISO 8879. ISO menamai GML ini menjadi SGML (Standard Generalized Markup Language).

Nah itulah sedikit sejarah dari HTML untuk lebih lengkapnya bisa dibaca di Wikipedia.

Perkembangan HTML

Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat. Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.

HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2

HTML versi 4.0
HTML versi 4 ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.

HTML versi 5
HTML versi 5 ini merupakan HTML versi terakhir pada saat sumber ini diambil. Pada HTML ini memiliki fitur baru yaitu  : Unsur kanvas untuk menggambar, Video dan elemen audio untuk media pemutaran, Dukungan yang lebih baik untuk penyimpanan secara offline, Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section, Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Berbagai macam Web browser beserta kekurangan dan kelebihannya

1. Web Browser Mozilla Firefox 

Dibuat oleh mozilla corporation, Mozilla firefox adalah salah satu dari web browser open source yang dibangun dengan Gecko layout engine. Web Browser merupakan salah satu dari macam macam Web Browser yang handal karena didukung oleh sejumlah Add-ons yang dapat diinstall secara terpisah yang memungkinkan pengguna melakukan sesuai dengan kegunaan Add-ons tersebut.

(+) Kelebihan Web Browser Mozilla Firefox:

• Banyak fitur tambahan add ons alias pengaya, ibarat kepingan puzzle, add ons ini bisa dibongkar pasang sesuai dengan kebutuhan user
• Bandel, cocok untuk membuka situs-situs multimedia
• Updatenya mudah
• Sistem security kuat
• Hemat resource memory
• Interface/tampilan lay out yang simple sehingga mudah digunakan oleh pengguna pemula.

(-) Kekurangan Web Browser Mozilla Firefox

• Terkadang loadingnya cukup lama saat mulai start awal, terlebih lagi jika banyak adds-on yang terinstall. 
• Saat memulai mode Private,  harus menutup terlebih dahulu semua halaman dalam mode regular 

2.  Web Browser Google Chrome

Google Chrome mulai diliris pada tanggal 2 September 2008 yang lalu.

(+) Kelebihan Web Browser Google Chrome:

• Memiliki kemampuan browsing yang lumayan cepat
• Secara otomatis dapat membookmark situs situs yang pernah dibuka sebelumnya selain histori, dan halaman yang sering dikunjungi
• Keunggulan browser addressnya karena dapat berfungsi sebagai search engine
• Memiliki fitur Google Chrome diantaranya mendukung flash dan java (terintegrasi)
• Penggunaan memori tab yang terpisah
• Mendukung Bahasa Indonesia.

(-) Kekurangan Web Browser Google Chrome:

• Masih terlalu banyak security holenya sehingga tidak disarankan untuk pakai bertransaksi keuangan
• Penggunaannya masih terbatas pada Windows XP dan Vista
• Makin banyak tab baru dibuka, maka butuh lebih banyak memori saat browsing
• Statis, fiturnya kurang banyak

3. Web Browser Opera

Opera dikembangkan oleh Opera Software company adalah salah satu Web Browser dan juga Internet Suite. Jika firefox punya Add-ons,  Opera punya “Opera Widgets”, sebuah aplikasi  web kecil yang dijalankan bersamaan dengan Opera yang mempunyai kegunaan tertentu, layaknya Add-ons firefox.

(+) Kelebihan Web Browser Opera :

• Ringan dan cepat
• Memiliki email client dan rss sendiri, jadi kita tidak perlu memakai email client lain seperti Outlook, Thunderbird dan lainnya
• Fitur mouse gestures, membuat browsing experience semakin asyik
• Fitur Turbo yang mampu mengkompres halaman saat koneksi lambat se hingga halaman terbuka lebih cepat
• Memiliki fitur penyimpan halaman dalam bentuk .mht (single file), yang belum dimiliki Chrome & Firefox dalam versi standar
• Banyak fitur pengaya/addons widgetdan aplikasi
• Fitur Opera yang paling unik adalah fitur "Voice Interaction". Dengan fitur ini, Anda dapat memerintahkan Opera untuk mereload halaman, log in, membuka tab baru, mengklik link dan lain-lain dengan suara Anda 

(-) Kekurangan Web Browser Opera :

• Gagal dalam membaca script pada situs-situs tertentu
• Tampilannya yang kelewat "advance", membuat pengguna pemula kesulitan saat awal menggunakannya
• Untuk mengupdatenya pengguna Opera harus mendownload kembali file masternya

4.  Web Browser Safari

Safari adalah sebuah penjelajah web buatan Apple Inc. yang awalnya ditujukan khusus bagi sistemoperasi Mac OS. Safari dibundel bersama Mac OS X dan merupakan penjelajah web default di sistemoperasi tersebut sejak Mac OS X v10.3. Pada 11 Juni 2007, versi preview untuk Windows dari Safari diperkenalkan pada Konferensi Pengembang Sedunia Apple di SanFrancisco.

(+) Kelebihan Web Browser Safari :

• Mempunyai fitur Nitro Engine yang bisa mengevakuasi java script lebih cepat
• Mendukung web dengan html 5 yang lebih dinamis
• Memiliki tampilan browser yang simple.

(-) Kekurangan Web Browser Safari :

• Sistem keamanan kurang
• Tampilan terlihat asing bagi windows
• Tidak tersedianya plug in pada versi windows

5. Web Browser Internet Exporer

Internet Exporer besutan Microsoft Corporation. Sering di kenal singkatan IE. Sejak tahun 1995 Internet Exporer mulai di masukkan sebagai default sotware pada saat instalasi Sistem Operasi Windows

(+) Kelebihan Web Browser Internet Explorer :

• Menyediakan add ons, walaupun tidak sebanyak Firefox
• Khusus Internet Explorer 9 (IE9), tampilannya lebih simpel, elegan dan menarik
• Browser ini sangat terintegrasi dengan Sistem Operasi Windows karena menjadi browser standar dari Microsoft
• Untuk pengguna Windows Live pengguna akan di manjakan dengan tersedianya tab bookmark yang terhubung ke fitur-fitur milik Windows Live.

(-) Kekurangan Web Browser Internet Explorer

• Adakalanya tidak bisa/gagal dalam membaca script yang ada dibeberapa halaman situs (khususnya CSS)
• Seringkali berat pada saat awal start atau saat pengguna sedang membuka tab baru.
• Khusus IE9 tidak mendukung Sistem Operasi Windows XP