Jika Anda seorang blogger atau senang membuka situs - situs di internet mungkin kata HTML tidak lah asing di telinga Anda.
Ada banyak sekali kode - kode HTML yang ada, namun di sini kita akan membahas dasar - dasarnya saja, tentu saja untuk para pemula harus mengerti betul dasar - dasarnya sebelum menumuikode - kode yang lebih rumit lagi.
- Pengenalan Kode HTML
<html>
...
</html>
...
</html>
Masing - masing baris di atas di sebut tag. Tag adalah kode yang di gunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap teks di apit dengan tanda kurung runcing. Ada teks pembuka yaitu <html> dan teks penutup yaitu </html> yang di tandai dengan tanda slash (garis miring) di depan tulisan. Teks tersebut memberikan kaidah bahwa yang akan ditulis di antara kedua teks tersebut adalah isi dari dokumen HTML.
- Definisi Elemen dan Tag HTML
Untuk menandai sebuah elemen dalam suatu kode HTML di gunakan tag. Tag HTML terdiri dari sebuah [ (<) (nama tag) (>) ] misalnya <h1> dengan </h1>, tanda / pada tag pasangan memberikan tanda bahwa tag tersebut merupakan pembatas elemen yang di buka oleh tag awal.Secara umum penulisannya adalah <nama tag> ... </nama tag>.
Elemen dasar yang harus di miliki dalam pembuatan dokumen HTML adalah tag html, tag body, dan tag head. Elemenn tag head berisi informasi tentang dokumen, sedangkan elemen body berisi teks dan atau elemen lainnya. Lebih jelasnya adalah sebagai berikut:
.<html>
<head>
. . . informasi dokumen . . .
</head>
<body>
. . . informasi yang di tampilkan di halaman browser . . .
</body>
</html>
<head>
. . . informasi dokumen . . .
</head>
<body>
. . . informasi yang di tampilkan di halaman browser . . .
</body>
</html>
- Tag - Tag Dasar HTML
Merupakan tag dasar yang mendefinisikan bahwa dokumen adalah dokumen html. Tag ini merupakan tag pertama dalam dokumen html.
<html>
....
</html>
....
</html>
Head
Tag di gunakan untuk menuliskan keterangan tantang dokumen web yang akan di tampilkan. penulisannya sebagai berikut ini :
<html>
<head>
....
</head>
....
</html>
<head>
....
</head>
....
</html>
Title
Merupakan tag di dalam head yang di gunakan untuk menuliskan judul dokumen HTML, yang akan muncul pada caption halaman browser jika halaman tersebut di akses. Berikut penulisannya :
<html>
<head>
<title> judul dokumen </title>
<head>
....
<html>
<head>
<title> judul dokumen </title>
<head>
....
<html>
Body
Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan di tampilkan di dalam browser harus di tuliskan. Penulisannya sebagai berikut :
<html>
<head>
<title> Judul Dokumen </title>
</head>
<body>
... isi dokumen ...
</body>
</html>
<head>
<title> Judul Dokumen </title>
</head>
<body>
... isi dokumen ...
</body>
</html>
Heading
Tag Heading (hx) digunakan untuk memformat heading (judul dan subjudul) dari suatu halaman web. Ada enam buah heading yang di kenal dengan HTML, yaitu dari h1 sampai dengan h6.
<html>
<head>
<title> Judul dokumen </title>
</head>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
</html>
<head>
<title> Judul dokumen </title>
</head>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
</html>
Horizontal Ruler
Tag Horizontal ruler <hr> berfungsi untuk menampilkan garis horizontal tiga dimensi di dalam halaman web.
Atribut elemen horizontal ruler:
Align : [left, center, right] default center
size : pixel (tebal garis, default 2)
width : panjang (lebar garis, pixel atau persen, default 100%), noshade (garis solid)
Contoh:
<html>
<head>
<title> Horizontal Ruler </title>
</head>
<body bgcolor="#000000" text="#222222">
<h1> Ricogaptek </h1>
<hr width="90%">
</body>
</html>
<head>
<title> Horizontal Ruler </title>
</head>
<body bgcolor="#000000" text="#222222">
<h1> Ricogaptek </h1>
<hr width="90%">
</body>
</html>
Paragraph
Tag paragraph <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web.
Atributnya meliputi: Align=(left - center - right) yang berfungsi untuk membuat perataan paragraf.
Contoh:
<html>
<head>
<title> paragraphr </title>
</head>
<body bgcolor="#000000" text="#222222">
<h1> Ricogaptek </h1>
<hr width="90%" align="left">
<h4> tempat nongkrong blogger berdasi </h4>
<p>Bimonet : Bisnis Modal Internet</p>
</body>
</html>
<head>
<title> paragraphr </title>
</head>
<body bgcolor="#000000" text="#222222">
<h1> Ricogaptek </h1>
<hr width="90%" align="left">
<h4> tempat nongkrong blogger berdasi </h4>
<p>Bimonet : Bisnis Modal Internet</p>
</body>
</html>
Tidak ada komentar:
Posting Komentar