HTML adalah singkatan dari Hyper Text Markup Language, yang merupakan kode, atau bahasa yang digunakan untuk pembuatan website. Belajar HTML mungkin bisa membuat sedikit frustasi dan susah dipahami, dan detail yang rumit membuktikan sulitnya memahami HTML. Anda mungkin berppikir belum pernah melih HTML, tetapi jika memiliki profil MySpace misalnya, maka mungkin berarti pernah. Walaupun mungkin tampak menakutkan, HTML adalah alat yang sangat berguna bagi setiap orang yang menggunakan internet, dan memelajari dasar-dasarnya hanya membutuhkan sedikit waktu dari yang Anda pikirkan.
1. Memahami tag markup. Tag markup menginformasikan web browser Anda bagaimana untuk menampilkan halaman dan isinya. Mereka biasanya muncul dengan tag awal dan tag akhir, dengan isi elemen di antara tag.
Sebuah braket di sudut kiri, atau tanda (<) mulai tag dan braket sudut kanan (>) tanda akhir tag.
Untuk mengetahui apakah tag itu bagian awal atau akhir, perhatikan bahwa tag akhit memiliki garis miring (/) setelah braket pertama: <tag>element content</tag>.
2. memahami format dokumen HTML. Ada dua bagian untuk dokumen HTML. Seluruh dokumen yang dimulai dan diakhiri dengan tag, yang ada untuk menginformasikan browser Anda yang seharusnya menafsirkan kode sebagai HTML. Dokumen ini kemudian dibagi menjadi dua bagian: kepala (kade dalam tag) dan badan (dalam tag):
Misalnya: <title> Belajar HTML Prinsip Dasar Bagi Pemula- blog.sribu</title>
Ini adalah dokumen HTML minimal.
3. Pelajari penggunaan tag kepala. Kepala itu berarti bagian pertama, dan berisi semua kode non-konten, termasuk:
Judul halaman, contohnya:
<title> Belajar HTML Prinsip Dasar Bagi Pemula- blog.sribu</title>
Meta tag, yang digunakan untuk menyediakan meta data tentang halaman web. Data ini dapat digunakan oleh mesin pencari ketika menentukan lokasi dan daftar website:
<meta name=”description” content=”Sebuah deskripsi halaman Anda “>
<meta name=”keywords” content=”daftar dari kata kunci, masing-masing dipisahkan oleh sebuah koma”>
<meta name=”robots” content=”options untuk enabling/disabling kemampuan tertentu untuk pencarian di mesin pencari”>
<meta content=”en-gb” http-equiv=”Content-Language”>
<meta content=”text/html” http-equiv=”Content-Type”>
Tag link digunakan untuk menghubungkan halaman ke file lain, misalnya stylesheet – (tipe CSS dari elemen di halaman) dan Favicons (ikon yang berhubungan dengan halaman web, ditampilkan di sebelah url di address bar dan tempat-tempat lainnya):
<link type=”text/css” stylesheet”> href = “styles.css”>
<link href=”favicon.ico”>
Script tag digunakan untuk menghubungkan halaman file JavaScript (meskipun hal ini tidak selalu harus di bagian kepala). Tag ini juga dapat berisi kode JavaScript bukan file eksternal:
<script src=”scripts.js” language=”javascript” type=”text/javascript”> </ script>
4. Pelajari penggunaan badan tag. Badan muncul setelah kepala, dan berisi semua kode konten – konten yang benar-benar ditampilkan di jendela browser, termasuk tag yang paling umum:
Tag untuk paragraf:
<p>element content</p>
Tag untuk tulisan tebal:
<strong>element content</strong>
atau
<b>element content</b>
Tag untuk huruf miring:
<i>element content</i>
atau
<em>element content</em> (untuk penekanan)
Tag untuk strikethrough:
<s>element content</s>
Tag untuk superscript:
<sup>element content</sup>
Tag untuk subscribe:
<sub>element content</ sub>
Tag untuk teks terformat (ditampilkan persis bagaimana Anda masukkan itu termasuk spasi dalam isi elemen):
<nowiki>element content</nowiki>
Tag untuk marquee (teks bergulir) (Usang):
<marquee>element content</marquee>
Tag kode teks (ditampilkan seperti ini):
<code>element content</code>
Tag untuk judul:
<h1>header text</h1>: the largest header
<h2>header text</h2> (the 2nd level header)
<h3>header text</h3> (the 3rd level header)
<h4>header text</h4> (the 4th level header)
<h5>header text</h5> (the smallest header)
Tag untuk link dan anchor:
Link:
<a href=”URL dari webpage, atau nama anchor dalam halaman untuk link ke”> teks / gambar untuk ditampilkan sebagai link </a>
Contoh:
<a href=”http://blog.sribu.com”>blog.sribu</a>
Anchor (poin dalam halaman untuk dihubungkan ke internal, seperti Link ini ke bagian Tips:
<a name=”Tips”>element content, dalam hal ini bagian Tips</a>
Tag untuk daftar:
Daftar bernomor dan bullet:
Daftar dengan bullet (tak berurutan):
<ul><li>Item 1</li><li>Item2</li><li>Item 3</li></ul>
Daftar bernomoer (berurutan):
<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li>
Daftar definisi:
<dl><dt>Coffee</dt><dd>-Minuman Panas</dd><dt>Leite</dt><dd>-Minuman Dingin</dd></dl>
Tag untuk tabel:
<table>table marks</table>
Baris: <tr>
Kolom header: <th>
Cell: <td>
Contoh:
<table><tr><th>Mês</th><th>Savings</th></tr><tr><td>January</td><td>Rp100</td></tr></table>
Untuk membuat bentuk web ada beberapa tag yang diperlukan, tapi tag akan bervariasi tergantung kebutuhan halaman.
5. Pelajari semua tag lainnya. Ada berbagai sumber di internet yang bisa Anda gunakan, seperti W3Schools atau Codecademy, atau Anda dapat memperluas pengetahuan dengan melihat ke dalam sumber HTML halaman web. Anda dpat melakukannya dengan klik kanan lalu klik “View Source” atau yang serupa, atau dengan melihat bagian View di Menu browser Anda.
6. Pelajari atribut dan parameter tag. Seperti sebelumnya, Anda bisa menggunakan sumber untuk belajar HTML dari internet dan buku, atau mencoba belajar dengan trial and error dan dengan melihat atribut serta parameter yang digunakan dalam halaman web lainnya.
0821-2121-4811
