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- mountkeykoding</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- mountkeykoding</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=”https://mountkeykoding.com”>mountkeykoding</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.
Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.
0 komentar:
Posting Komentar