Tag Dasar HTML
tag pada HTML dapat dikelompokan menjadi 5 bagian ,yaitu document type definition (DTD/doctype), html,head, title, dan body.
<!doctype
berfungsi untuk menjelaskan versi HTML pada skrip yang kita buat ditulis pada bagian paling atas. contoh penulisan
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01
Transitional // EN" "http://www.w3.org/TR/html14/loose.dtd">
kode diatas menunjukan bahwa kita menggunakan HTML versi 4.01 , sebenarnya tanpa menyertakan Doctype pun halaman website masih bisa dibuka. namun W#C ( word wide web consortium) sebagai menyedia pembanggunan teknologi yang
berhubungan dengan web mengajurkan untuk selalu menggunakan tag ini diawal halaman web
<html> .......</html>
digunakan untuk membuka dan menutup dokumen HTML
<head>.......</head>
digunakan unuk menulis keterangan dokumen HTML, misalnya judul halaman
<title>......</title>
digunakan untuk menuliskan judul halaman
<title>jalikarya-Tag dasar HTML</title>
<body>.....</body>
digunakan untuk menulis tag tag yang akan menjadi konten website
berikut ini contoh susunan tag HTML
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01
Transitional // EN" "http://www.w3.org/TR/html14/loose.dtd">
<html>
<head>
<title> jalikarya-Tag dasar HTML</title>
</head>
<body>
</body>
</html>
beberapa atribut untuk Tag Body
Tag Kegunaan
<body bgcolor="warna yang disuka"> menentukan warna latar
<body text="warna text yang disuka"> menentukan warna teks
<body link="warna link"> menentukan warna link sebelum diklik
<body Vlink="warna link setelah diklik"> menentukan warna link setelah diklik
<body alink="warna link saat diklik"> menenukan warna link keika sedang diklik
beberapa atribut untuk tag untuk teks
Tag Kegunaan
<b>...<b> untuk membuat huruf tebal ( BOLL)
<i>...</i> membuat huruf miring.
<tt>...</tt> untuk membuat huruf seperti font mesin ketik
<em>...</em> untuk membuat huruf miring
<strong>...</strong> untuk membuat huruf tebal
< font color="warna yang disuka"></font> untuk menentukan warna huruf
<font size="ukuran">...</font> untuk menentukan besar huruf
beberapa atribut untuk tag format tekx
Tag Kegunaan
<p>...</p> membuat paragraf
<p align ="?" menetukan perataan teks,rata kiri , kanan, atau tengah
<br> membuat baris baru
<ol>...</ol> membuat daftar item dengan urutan nomor
<ul>...</ul> membuat daftar tanpa nomor urutan
<li>...</li> menentukan awal dan akhir setiap baris pada daftar item
beberapa atribut untuk tag gambar
Tag Kegunaan
<img src="file"> menetukan lokasi file gambar
<img src "file" border=?> menentukan broder gambar
<img src "=file" alt="nama_gambar"> menentukan nama alternatif untuk gambar,, diperlukan jika berwoser tidak mengatifkan gambar
beberapa atribut untuk Tag label
Tag Kegunaan
<tabel>...</tabel> membuat awal dan akhir sebuah tabel
<tr>...</tr> menentukan sebuah baris pada tabel
<td>...</td> membuat sel data pada tabel
<th>...</th> membuat judul kolom
tag pada HTML dapat dikelompokan menjadi 5 bagian ,yaitu document type definition (DTD/doctype), html,head, title, dan body.
<!doctype
berfungsi untuk menjelaskan versi HTML pada skrip yang kita buat ditulis pada bagian paling atas. contoh penulisan
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01
Transitional // EN" "http://www.w3.org/TR/html14/loose.dtd">
kode diatas menunjukan bahwa kita menggunakan HTML versi 4.01 , sebenarnya tanpa menyertakan Doctype pun halaman website masih bisa dibuka. namun W#C ( word wide web consortium) sebagai menyedia pembanggunan teknologi yang
berhubungan dengan web mengajurkan untuk selalu menggunakan tag ini diawal halaman web
<html> .......</html>
digunakan untuk membuka dan menutup dokumen HTML
<head>.......</head>
digunakan unuk menulis keterangan dokumen HTML, misalnya judul halaman
<title>......</title>
digunakan untuk menuliskan judul halaman
<title>jalikarya-Tag dasar HTML</title>
<body>.....</body>
digunakan untuk menulis tag tag yang akan menjadi konten website
berikut ini contoh susunan tag HTML
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01
Transitional // EN" "http://www.w3.org/TR/html14/loose.dtd">
<html>
<head>
<title> jalikarya-Tag dasar HTML</title>
</head>
<body>
</body>
</html>
beberapa atribut untuk Tag Body
Tag Kegunaan
<body bgcolor="warna yang disuka"> menentukan warna latar
<body text="warna text yang disuka"> menentukan warna teks
<body link="warna link"> menentukan warna link sebelum diklik
<body Vlink="warna link setelah diklik"> menentukan warna link setelah diklik
<body alink="warna link saat diklik"> menenukan warna link keika sedang diklik
beberapa atribut untuk tag untuk teks
Tag Kegunaan
<h1>...</h1>,<h2>...</h2>,<h3>...</h3> untuk membuat heading teks dari yang besar <h1> sampai yang terkecil <h6>
<h4>...</h4>,<h5>...</h5>,<h6>...</h6><b>...<b> untuk membuat huruf tebal ( BOLL)
<i>...</i> membuat huruf miring.
<tt>...</tt> untuk membuat huruf seperti font mesin ketik
<em>...</em> untuk membuat huruf miring
<strong>...</strong> untuk membuat huruf tebal
< font color="warna yang disuka"></font> untuk menentukan warna huruf
<font size="ukuran">...</font> untuk menentukan besar huruf
beberapa atribut untuk tag format tekx
Tag Kegunaan
<p>...</p> membuat paragraf
<p align ="?" menetukan perataan teks,rata kiri , kanan, atau tengah
<br> membuat baris baru
<ol>...</ol> membuat daftar item dengan urutan nomor
<ul>...</ul> membuat daftar tanpa nomor urutan
<li>...</li> menentukan awal dan akhir setiap baris pada daftar item
beberapa atribut untuk tag gambar
Tag Kegunaan
<img src="file"> menetukan lokasi file gambar
<img src ="file" align =?> menentukan penempatan gambar : kiri , kanan , tengah ,bawah ,atas
<img src "=file" alt="nama_gambar"> menentukan nama alternatif untuk gambar,, diperlukan jika berwoser tidak mengatifkan gambar
beberapa atribut untuk Tag label
Tag Kegunaan
<tabel>...</tabel> membuat awal dan akhir sebuah tabel
<tr>...</tr> menentukan sebuah baris pada tabel
<td>...</td> membuat sel data pada tabel
<th>...</th> membuat judul kolom
semoga apa yang saya pamparkan dihalaman ini dapat membantu pembaca dan sangat bermanfaat buat pembaca ,,, dan tidak cukup jika pembaca hanya membaca atau mendownload yang ini saja mungkin anda dapat melihat halaman ini ... liat semua game untuk menabah ilmu atau game koleksian anda,,, sekian dan terimakasih... muuuuuuuaccccch...............
Written by Unknown
We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.
0 SILAHKAN TINNGALKAN SENYUM ADA PADA RUANG COMENT:
Posting Komentar