HTML
- 1. Apa itu Dokumen HTML?
Ada 2 cara untuk membuat webpage dengan HTML editor atau dengan editor teks (misalnya Notepad). Untuk latihan atau untuk mencoba materi pada tulisan ini sebaiknya menggunakan notepad, setelah iu pada bagian mendekati akhir dapat menggunakan editor HTML, hal ini di maksudkan agar anda memahami dan terbiasa secara primitif membuat dokumen web.
- 2. Penamaan Dokumen
Ekstensi dkumen HTML yang menggunakan tiga karakter (.html) awalnya adalah untuk mengakomoda sistem penamaan file yang ada pada sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersfat case sensitiv, artinya nama dokumen yang sama tetapi di tulisan dengan case yang berbeda akan di anggap sebagai dokumen yang berbeda. Misalnya dokumen.html akan berbeda dengan DOKUMEN.html . khasus case sensitive aan di jumpai pada dokumen web yang di hosting didalam server yan berbasis *mix (keluarga sistem operasi UNIX).
- 3. Definisi Elemen
- 4. Definisi Tag
Nama elemen di tunjukkan dengan nama tagnya suatu elemen didalam dokumen HTML harus di tandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya ditulis secara berpasangan diantaranya adalah:
- Paragraf dengn tag <p>
- Ganti garis_Line break dengan tag <br>
- Garis datar_Horizontal rul dengan tag <br>
- List sistem denan tag <li>
<nama tag>. . .</nama tag>
CATATAN:
| Untuk tag-tag yang tidak mengharuskan pasangannya (tag akhirnya) sebaiknya dituliskan juga oleh pemrogram web. Untuk mendeskplinkan dampak kedepan adalah untuk mengantisipasi standar rekomendasi HTML generasi medatang. Sehingga pada saat kita misalnya menyusun paragraf dengan tag <p> selalu di akhiri denan </p>. |
Penulisan penamaan tag bebas dapat menggunakan huruf besar, hurf kecil, ataupun campuran (tidak Case Sensitive) tetapi untuk antisipasi pada standar penulisan tag direkomendasikan untuk penulisan tag dengan menggunakan huruf kecil semuanya.
Tag mark ini digunakan sebenarnya memberitahu browser web bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
- 5. Elemen HTML yang dibutuhkan
Secara umum dokumen web di bagi menjadi 2 section (bagian) yaitu section head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebaga berikut:
<html>
<head>
…informasi tentang dokumen HTML
</head>
<body>
…informasi yang ditampilkan dalam browser web
</body>
</html>
Setiap dokumen HTML harus diawali dengan menulis tag <html> dan tag </html> diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML dalam satu dokumen hanya ada satu elemen HTML.
Section atau elemen head di tandai dengan tag <head> diawal tag </head> diakhir section. Ini berisi informasi tentang dokumen-dokumen. Judul ini ditampilkan pada section bar dan window ditandai dengan menggunakan tag <title> dan diakhiri dengan </title>.
Section atau elemen body ditandai dengan tag <body> diawal dan tag </body> diakhir.
Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi-isi dokumen yang akan ditampilkan pada browser meliputi: paragraf, link, tabel, dan sebagainya.
Petunjuk untuk menggunakan Tag:
- Tag HTML di apit dengan menggunakan dua karakter bersudut atau tanda lebih kecil dan lebih besar ( <, > ).
- Tag HTML secara normal selalu berpasangan.
- Tag HTML tidak Case Sensitive, misalnya, <b> = <B>.
- Jika dalam suatu tag ada tag lagi maka penulisan tag akhir tidal boleh bersilang tapi harus berurutan. Misalnya <b> <i> huruf tebal dan miring </B> </I>.
Tag dasar berarti dasar dokumen HTML, secara mendasar dan terdiri atas teks informasi.
Judul atau topk utama dokumen dsimpulkan dalam section/elemen head, disimpan dalam elemen titk dengan tag <title>…</title>.
Titik ini akan ditampilkan pada bagian caption dari window browser. Hanya elemen title saja dalam elemen head, yang ditampilkan dibrowser, elemen lainnya dari head tidak di taampilkan sebagai dokumen yang menjelaskan tentang dokumen HTML yang bersangkutan.
Teks informasi ini akan ditampilkan dalam section/elemen body didalam teks <body> dan </body>. Teks disusun dalam paragraf-paragraf tag <p>. Teks juga mempunyai judul-judul yang menunjukkan topik-topik atau bagian-bagin dalam dokumen judul disebut sebagai heading-heading dalam HTML mempunyai level 1 sampai dengan 6, dinyatakan dengan tag <h1> sampai dengan <h6> demikian juga pasangannya </h1> sampai dengan </h6>.
