Basic Tag HTML, Mengenal Perintah Dasar Pada HTML

Basic Tag HTML, Mengenal Perintah Dasar Pada HTML

Hypertext Markup Language atau biasa di sebut HTML memiliki fungsi untuk membuat atau membangun suatu halaman WEB. banyak orang yang mengira ini adalah sebuah bahasa pemrograman. HTML sama sekali bukanlah bahasa pemrograman. melaikan suatu Bahasa Markup atau penandaan pada suatu Dokumen Teks. dan pada artikel kali ini saya akan membahas Basic Tag HTML

BASIC TAG HTML

Tag HTML ditandai dengan tanda lebih kecil (<) dan lebih besar (>). tag ini biasanya selalu berpasangan, awal dan akhir. tÂg Awal dinyatakan dengan <elemen> dan tÂg Akhir </elemen>. ada beberapa bentuk tag yang di kenal pada htmI
  1. Berpasangan
    format: <elemen>Teks</elemen>
  2. Tunggal
    format: <elemen>
  3. Tag yang disertai attribute
    format <elemen attribute=argumen>Teks</elemen>

Perintah - Perintah Dasar HTML

ada banyak perintah dasar untuk Membuat Web agar menjadi lebih sempurna. dan disini saya akan memberikan contoh perintah - perintah atau tag dasar pada HTML.

1. HEAD

sebenarnya tag ini tidaklah harus ada pada dokumen HTML. tetapi pemakaian HEAD yang benar akan meningkatkan kegunaan dari dokumen. isi pada bagian HEAD tidak akan terlihat oleh para pembaca dokumen, kecuali judul Dokumen.

elemen yang terdapat pada Tag Head berfungsi untuk:
  • Menampilkan judul dokumen pada browser
  • Menghubungkan antar dokumen HTML
  • Unutk menguatkan kata kunci pada mesin pencarian (Search Engine)
  • Menyediakan metode untuk mengirimkan pesan ke tipe browser
A. Elemen Yang Mungkin Terdapat Pada Bagian HEAD
  1. <title>, digunakan untuk memberikan judul pada dokumen
    format: <title>judul</title>
  2. <base>, digunakan untuk menentukan basis URL sebuah dokumen.
    format: <base href="www.freakprogrammer.com">
  3. <link>, untuk menunjukan relasi antar dokuken HTML
  4. <meta>, digunakan untuk mendefinisikan informasi-informasi di luar HTML
Tag meta, paling sering di gunakan untuk menambahkan properti Keyword dan Description kedua tag ini sangat membantu untuk memaksimalkan kerja pada Search Enggine seperti Google.com

2. BODY

didalam tag ini lah isi konten pada web di tampilkan. tag ini berfungsi untuk menyimpan informasi atau data yang akan di tampilkan pada halaman web. tag ini di awali dengan <body> dan di akhri dengan </body>.
contoh format penulisan body: <body bgcolor=”……” background=”….”>

3. Format Penulisan HTML

pada saat membuat suatu konten didalam tag <body> diperlukan beberapa tag berikut untuk membuat suatu dokumen HTML
  • <br>, digunakan untuk membuat baris baru
  • <p>, memulai paragraf baru (tidak perlu memerlukan penutup </p>)
    contoh format: <p align=left/right/center/justify>
  • <hn>, heading pada suatu dokumen, nilai n berkisar 1 sampai 6.
    contoh fotmat: <h1>FREAK PROGRAMMER </h1>
  • <pre>, untuk membuat tampilan HTML pada browser sama dengan tampilan pada teks editor. dengan menggunakan tag ini maka <pre>, <p>, dan <br> tidak perlukan lagi selama itu masih didalam tag <pre>
    contoh format: <pre>kode html</pre>
  • <blockquote>, membuat tampilan menjorok kedalam seperti identasi.
    contoh format: <blockquote>.....................</blockquote>

4. Contoh Penulisan HTML

kalian bisa mencoba source code berikut untuk mencobanya. dan silahkan berekperimen atau mencoba tag tag dasarnya.


<html>
<head>
    <title>The Cool Web Movie Database</title>
</head>
<body>
Welcome to the Cool Web Movie Database. So far we
offer<br>
information on the many brilliant films of David
Lean:<br>
soon, a lot more will be online.
<hr width=75% size=3 color="blue" align=left>
<h1>Films with Sam Spiegel Productions</h1>
<h2>The Bridge on the River Kwai (1957)</h2>
<p>Produced by Sam Spiegel, this film was the first of
the Lean blockbuster movies, and featured a young Alec
Guinness, William Holden, and a brilliant performance
from Sessue Hayakawa.
<h3>Lawrence of Arabia (1962)</h3>
One of my all-time favorite movies, this epic
adventure starring Peter O’Toole established Lean as
a director who could truly envision film on a grand
scale.
<hr>
<h4>The Later Years</h4>
<h5>Doctor Zhivago (1965)</h5>
<h6>Ryan’s Daughter (1970)</h6>
<hr>
This information maintained by Dave Taylor
</body>
</html>
silahkan copy dan pastekan code di atas pada notepad dan simpan dengan format namafile.html dan buka filenya. ketika di jalankan file tersebut akan menampilkan seperti berikut
Basic Tag HTML, Mengenal Perintah Dasar Pada HTML

oke mungkin itu saja pembahasan saja mengenai "Basic Tag HTML, Mengenal Perintah Dasar Pada HTML" jika ada kesalahan dari penulisan konten atau script silahkan komen di bawah ini agar nantinya dapat di perbaiki dan dapat bermanfaat bagi para pembaca.

You might also like

0 Comments

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & P*RN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon