Minggu, Oktober 07, 2012

Element HTML 5

Berikut kami tampilkan element HTML yang digunakan pada HTML 5. Mungkin banyak yang belum teredit ...




TagDescription
<!--...-->Menyatakan sebuah catatan (tidak ditampilkan pada halaman website)
<!DOCTYPE>Menyatakan tipe dokumen
<a>Menyatakan sebuah hyperlink
<abbr>Menyatakan sebuah singkatan
<acronym>Tidak digunakan lagi pada HTML5. Menyatakan sebuah akronim
<address>Menyatakan informasi  untuk menghubungi pengarang atau pemilik dokumen
<applet>Tidak digunakan lagi pada HTML5.  Menyatakan sebuah embedded applet
<area>Menyatakan sebuah area di dalam sebuah image-map
<article>BaruMenyatakan sebuah artikel
<aside>BaruMenyatakan isi disamping isi halaman
<audio>BaruMenyatakan isi sound
<b>Menyatakan bold teks
<base>Specifies the base URL/target untuk all relative URLs dalam sebuah dokumen
<basefont>Tidak digunakan lagi pada HTML5.  Specifies sebuah default color, size, dan font untuk all teks dalam sebuah dokumen
<bdi>BaruIsolates sebuah part of teks that might be formatted dalam sebuah different direction from other teks outside it
<bdo>Overrides the current teks direction
<big>Tidak digunakan lagi pada HTML5. Menyatakan big teks
<blockquote>Menyatakan sebuah bagian yang dikuotasi dari sumber yang berbeda
<body>Menyatakan the dokumen's body
<br>Menyatakan sebuah single line break
<button>Menyatakan sebuah tombol yang bisa di klikl
<canvas>BaruDigunakan untuk menggambar grafis, on the fly, melalui pemrograman (biasanya JavaScript)
<caption>Menyatakan sebuah tabel caption
<center>Tidak digunakan lagi pada HTML5.  Menyatakan centered teks
<cite>Menyatakan the title of sebuah work
<code>Menyatakan sebuah piece of computer code
<col>Specifies column properties untuk each column within sebuah <colgroup> element
<colgroup>Specifies sebuah group of one or more columns dalam sebuah tabel untuk formatting
<command>BaruMenyatakan sebuah command button that sebuah user can invoke
<datalist>BaruSpecifies sebuah list of pre-defined options untuk input controls
<dd>Menyatakan sebuah description of sebuah item dalam sebuah definition list
<del>Menyatakan teks that has been deleted from sebuah dokumen
<details>BaruMenyatakan additional details that the user can view or hide
<dfn>Menyatakan sebuah definition term
<dir>Tidak digunakan lagi pada HTML5.  Menyatakan sebuah directory list
<div>Menyatakan sebuah section dalam sebuah dokumen
<dl>Menyatakan sebuah definition list
<dt>Menyatakan sebuah term (an item) dalam sebuah definition list
<em>Menyatakan emphasized teks
<embed>BaruMenyatakan sebuah container untuk sebuah external (non-HTML) application
<fieldset>Groups related elements dalam sebuah form
<figcaption>BaruMenyatakan sebuah caption untuk sebuah <figure> element
<figure>BaruSpecifies self-contained content
<font>Tidak digunakan lagi pada HTML5.  Menyatakan font, color, dan size untuk teks
<footer>BaruMenyatakan sebuah footer untuk sebuah dokumen or section
<form>Menyatakan sebuah HTML form untuk user input
<frame>Tidak digunakan lagi pada HTML5. Menyatakan sebuah window (a frame) dalam sebuah frameset
<frameset>Tidak digunakan lagi pada HTML5. Menyatakan sebuah set of frames
<h1> to <h6>Menyatakan HTML headings
<head>Menyatakan information about the dokumen
<header>BaruMenyatakan sebuah header untuk sebuah dokumen or section
<hgroup>BaruGroups heading (<h1> to <h6>) elements
<hr>Menyatakan sebuah thematic change dalam the content
<html>Menyatakan root sebuah HTML dokumen
<i>Menyatakan sebuah bagian teks dalam sebuah alternate voice or mood
<iframe>Menyatakan sebuah inline frame
<img>Menyatakan sebuah gambar
<input>Menyatakan sebuah input control
<ins>Menyatakan sebuah teks that has been inserted into sebuah dokumen
<kbd>Menyatakan keyboard input
<keygen>BaruMenyatakan sebuah key-pair generator field (for forms)
<label>Menyatakan sebuah label untuk sebuah <input> element
<legend>Menyatakan sebuah caption untuk sebuah <fieldset>, < figure>, or <details> element
<li>Menyatakan sebuah list item
<link>Menyatakan the relationship between sebuah dokumen dan sebuah external resource (most used to link to style sheets)
<map>Menyatakan sebuah client-side image-map
<mark>BaruMenyatakan marked/highlighted teks
<menu>Menyatakan sebuah list/menu of commands
<meta>Menyatakan metadata tentang sebuah HTML dokumen
<meter>BaruMenyatakan sebuah pengukuran skalar dalam jarak yang diketahui
<nav>BaruMenyatakan navigation links
<noframes>Tidak digunakan lagi pada HTML5. Menyatakan sebuah isi alternatif untuk users that do not support frames
<noscript>

Menyatakan sebuah isi alternatif untuk users yang tidak mendukung client-side scripts

<object>Menyatakan sebuah embedded object
<ol>Menyatakan sebuah daftar yang berurutan
<optgroup>Menyatakan sebuah group of related options dalam sebuah daftar drop-down
<option>Menyatakan sebuah option dalam sebuah daftar drop-down
<output>BaruMenyatakan hasil sebuah perhitungan
<p>Menyatakan sebuah paragraph
<param>Menyatakan sebuah parameter untuk sebuah object
<pre>Menyatakan teks yang diformat sebelumnya
<progress>BaruMenyatakan progres sebuah tugas
<q>Menyatakan sebuah quotation pended
<rp>BaruMenyatakan apa yang harus diperlihatkan pada browser yand tidak mendukung bahasa ruby
<rt>BaruMenyatakan sebuah penjelasan/pelafalan pada huruf (East Asian typography)
<ruby>BaruMenyatakan sebuah ruby annotation (for East Asian typography)
<s>Menyatakan teks yang tidak lagi benar
<samp>Menyatakan sample output from sebuah computer program
<script>Menyatakan sebuah client-side script
<section>BaruMenyatakan sebuah section dalam sebuah dokumen
<select>Menyatakan sebuah daftar drop-down
<small>Menyatakan smaller teks
<source>BaruMenyatakan sumber multiple media untuk media elements (<video> dan <audio>)
<span>Menyatakan sebuah section dalam sebuah dokumen
<strike>Tidak digunakan lagi pada HTML5.  Menyatakan strikethrough teks
<strong>Menyatakan important teks
<style>Menyatakan style information untuk sebuah dokumen
<sub>Menyatakan subscripted teks
<summary>BaruMenyatakan sebuah visible heading untuk sebuah <details> element
<sup>Menyatakan superscripted teks
<table>Menyatakan sebuah tabel
<tbody>Mengelompokkan body content dalam sebuah tabel
<td>Menyatakan sebuah cell dalam sebuah tabel
<teksarea>Menyatakan sebuah multiline input control (teks area)
<tfoot>Mengelompokkan is footer dalam sebuah tabel
<th>Menyatakan sebuah header cell dalam sebuah tabel
<thead>Mengelompokkan isi header dalam sebuah tabel
<time>BaruMenyatakan sebuah tanggal atau waktu
<title>Menyatakan sebuah judul dokumen
<tr>Menyatakan sebuah baris pada sebuah tabel
<track>BaruMenyatakan teks tracks untuk media elements (<video> dan <audio>)
<tt>Tidak digunakan lagi pada HTML5. Menyatakan teletype teks
<u>Menyatakan teks that should be stylistically different from normal teks
<ul>Menyatakan sebuah unordered list
<var>Menyatakan sebuah variable
<video>BaruMenyatakan sebuah video atau film
<wbr>BaruMenyatakan sebuah kemungkinan line-break





Rabu, Oktober 03, 2012

Teknik Membuat Screenshot Layar Tanpa Software (Microsoft Windows)

Screenshot adalah pengambilan gambar atas apa yang ada pada layar monitor Anda. Fungsinya adalah sebagai dokumentasi.

Di dunia Internet banyak sekali ditawarkan program/aplikasi untuk membuat/mengambil screenshot, entah itu jenis bayar (license), trial (trial-base), maupun gratis (GPL. freeware, dll). Untungnya rekans pengguna OS Microsoft Windows entah itu Windows 98, Windows NT, Windows 2000, Windows XP, Windows Vista, Windows 7, Windows 8, dapat membuat screenshot dengan cara mudah dan sederhana tanpa bersusah payah mencari maupun mendownload applikasi tambahan.

Ok, let's start ! dengan penjelasan langkah per langkah. Step-by-step kata New Kids On The Block

Step by Step :

  1. Buka applikasi Ms-Paint. Program Ms-Paint biasanya terletak di bagian Accessories.
  2. Tidak ada ? Silahkan cari di C:/Windows/System32/mspaint.exe. Caranya ?

    • Silahkan buka Windows Explorer (Pada keyboard: Logo Windows+"E". Penjelasan: tekan dan tahan Logo Windows, kemudian tekan dan tahan huruf "E", kemudian lepaskan bersamaan)
    • Double Click My Computer
    • Double Click C:
    • Double Click System32
    • Double Click mspaint

    Tidak ada ? Pilihan:

    • Anda bisa mendownload program mspaint sesuai versi Windows.
    • Anda bisa meninggalkan tutorial ini dan langsung mendownload program screen capture.
  3. Click halaman facebook yang akan kita gunakan sebagai halaman percobaan.
  4. Pada keyboard Anda, tekan "Print Screen" atau "SysRq". Biasanya terletak di bagian ujung kanan atas. Bagi pengguna laptop bagian ini akan menjadi tantangan tersendiri :)
  5. Kembali ke Ms-Paint
  6. Tekan / Pilih Paste, (Pada keyboard: Ctrl+"V". Penjelasan: tekan dan tahan "Ctrl", kemudian tekan dan tahan huruf "V", kemudian lepaskan bersamaan)
  7. Simpan gambar.

Hasil screen shot kira-kira seperti berikut:

Selasa, Oktober 02, 2012

OpenOffice Org Writer - Konversi PDF dengan URL http

Kali ini kita bahas cara membuat file PDF dimana gambar di dalamnya mengandung hyperlink (kata atau kalimat yang mengandung URL, yang apabila di click akan secara otomatis mengaktifkan -jika belum aktif- default browser yang kemudian membuka halaman tercantum pada URL. Contoh Membuka situs kura-kura).

Bahasan tentang konversi PDF ini ngga melenceng dari tema blog, karena di jaman ini website telah menggunakan berbagai media (multimedia) dan PDF adalah salah satu file yang sering digunakan dalam berkomunikasi dengan pengunjung website.

Peralatan yang digunakan: Program OpenOffice - Download, install dan gunakan secara GRATIS. Luar binasa ! Ukuran file cukup kecil dibanding kegunaannya, hanya 130Mb. Namun selamat berjuang untuk mendownload.

Kemudian :

  1. Buka OpenOffice Writer
  2. Copy file gambar yang ingin digunakan dan paste ke dokumen OpenOffice Writer
  3. Setting gambar sesuai yang diinginkan
  4. Klik 2 kali (double click) pada gambar yang bersalah, sehingga muncul kotak "Picture"
  5. Pilih tab Hyperlink
  6. Masukkan pada bagian "URL" : http://kura-kura.emilights.com
  7. Pilih "OK"
  8. Kemudian pilih konversi ke PDF
  9. Dan yang terpenting, CENTANG, "V" di depan Tagged PDF
  10. Silahkan tersenyum

Perhatian: Silahkan tes hasil konversi ke PDF tersebut.

  • Apabila tidak bisa dibuka, maka anda belum memiliki program PDF reader (lalu kenapa ngikutin sejaoh ini ? ntar gwe update deh buat programnya. ).
  • Apabila bisa dibuka, silahkan click atau double click pada gambar dan pasti akan membuka halaman http://kura-kura.emilights.com. Kenapa ? karena pada bagian URL tadi dimasukkan "http://kura-kura.emilights.com"





Berlangganan artikel dari Blog ini Gratis !!!
[Valid RSS]Via Feed
Atau via E-mail dengan cara memasukkan alamat E-mail di bawah ini: