Cara Mudah Bikin Website Pertama: Oktober 2012

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

Tag	Description
<!--...-->	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>Baru	Menyatakan sebuah artikel
<aside>Baru	Menyatakan isi disamping isi halaman
<audio>Baru	Menyatakan 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>Baru	Isolates 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>Baru	Digunakan 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>Baru	Menyatakan sebuah command button that sebuah user can invoke
<datalist>Baru	Specifies 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>Baru	Menyatakan 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>Baru	Menyatakan sebuah container untuk sebuah external (non-HTML) application
<fieldset>	Groups related elements dalam sebuah form
<figcaption>Baru	Menyatakan sebuah caption untuk sebuah <figure> element
<figure>Baru	Specifies self-contained content
<font>	Tidak digunakan lagi pada HTML5. Menyatakan font, color, dan size untuk teks
<footer>Baru	Menyatakan 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>Baru	Menyatakan sebuah header untuk sebuah dokumen or section
<hgroup>Baru	Groups 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>Baru	Menyatakan 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>Baru	Menyatakan marked/highlighted teks
<menu>	Menyatakan sebuah list/menu of commands
<meta>	Menyatakan metadata tentang sebuah HTML dokumen
<meter>Baru	Menyatakan sebuah pengukuran skalar dalam jarak yang diketahui
<nav>Baru	Menyatakan 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>Baru	Menyatakan hasil sebuah perhitungan
<p>	Menyatakan sebuah paragraph
<param>	Menyatakan sebuah parameter untuk sebuah object
<pre>	Menyatakan teks yang diformat sebelumnya
<progress>Baru	Menyatakan progres sebuah tugas
<q>	Menyatakan sebuah quotation pended
<rp>Baru	Menyatakan apa yang harus diperlihatkan pada browser yand tidak mendukung bahasa ruby
<rt>Baru	Menyatakan sebuah penjelasan/pelafalan pada huruf (East Asian typography)
<ruby>Baru	Menyatakan 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>Baru	Menyatakan sebuah section dalam sebuah dokumen
<select>	Menyatakan sebuah daftar drop-down
<small>	Menyatakan smaller teks
<source>Baru	Menyatakan 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>Baru	Menyatakan 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>Baru	Menyatakan sebuah tanggal atau waktu
<title>	Menyatakan sebuah judul dokumen
<tr>	Menyatakan sebuah baris pada sebuah tabel
<track>Baru	Menyatakan 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>Baru	Menyatakan sebuah video atau film
<wbr>Baru	Menyatakan sebuah kemungkinan line-break

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 :

Buka applikasi Ms-Paint. Program Ms-Paint biasanya terletak di bagian Accessories.

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.

Click halaman facebook yang akan kita gunakan sebagai halaman percobaan.
Pada keyboard Anda, tekan "Print Screen" atau "SysRq". Biasanya terletak di bagian ujung kanan atas. Bagi pengguna laptop bagian ini akan menjadi tantangan tersendiri :)
Kembali ke Ms-Paint
Tekan / Pilih Paste, (Pada keyboard: Ctrl+"V". Penjelasan: tekan dan tahan "Ctrl", kemudian tekan dan tahan huruf "V", kemudian lepaskan bersamaan)
Simpan gambar.