Dasar Dasar Kode HTML Web Desain


Dasar Dasar Kode HTML Web Desain

Saya mencoba mengelompokkan kode-kode HTML ini berdasarkan fungsinya. Pada tahap awal ini, saya menuliskan Dasar dasar kode HTML hasil Copas di bawah ini.
<!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text.
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font>
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset>; Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah


      Itu tadi dari yang pertama saya cari di internet.. Sebenarnya pengen naruh sumber tapi udah lupa.. hee
Ini yang kedua:

Tag <!DOCTYPE>

Definisi dan Penggunaan :

Deklarasi doctype ini mestinya merupakan hal pertama dalam dokumen HTML, sebelum tag <html>.
Deklarasi doctype mengacu pada definisi tipe dokumen (Document Type Definition/DTD). DTD menentukan aturan untuk markup language, sehingga browser dapat merender konten dengan benar.

Tag <html>

Tag <html> memberitahukan browser bahwa dokumen ini sebuah dokumen HTML. Elemen html merupakan elemen utama dalam dokuen HTML dan XHTML. Elemen html juga dikenal sebagai elemen dasar.

Tag <body>

The body element defines the document's body.

Elemen body berisi semua konten dari sebuah dokumen HTML, seperti teks, hyperlinks, gambar, tabel, daftar, dsb.

Tag <h1> sampai <h6>

Tag <h1> sampai <h6> digunakan untuk mendefinisikan heading pada HTML. <h1> mendefinisikan heading terbesar sedangkan <h6> mendefinisikan heading terkecil.

Tag <p>

Tag <p> mendefinisikan sebuah paragraf. Elemen p secara otomatis membuat beberapa space sebelum dan setelahnya. Spasi dapat secara otomatis diaplikasikan oleh browser, atau bisa juga kita tentukan terlebih dahulu lewat style sheet (CSS).

Tag <br>

Tag <br> berfungsi untuk memasukkan baris baru. Tag <br> merupakan tag kosong, artinya tag ini tidak memiliki tag akhir.

Tag <hr>

Tag <hr> menciptakan sebuah garis horisontal dalam sebuah halaman HTML. Elemen hr dapat digunakan untuk memisahkan komten dalam halaman HTML.

Tag <>

Tag <> (tag komentar) digunakan untuk memasukkan komentar dalam source code. Komentar tersebut akan dilewatkan oleh browser (tidak tampil di browser). Komentar ini dapat digunakan untuk menjelaskan kode kita, yang dapat membantu saat kita mengedit source code tersebut di kemudian hari.

</span> <span style="font-style: italic;">Jika browser user tidak mendukung frame</span><br> <span style="font-weight: bold;"><ol> </span> <span style="font-style: italic;">Mendefinisikan awal dan akhir list</span><br> <span style="font-weight: bold;"><p> </span> <span style="font-style: italic;">Ganti paragraf</span><br> <span style="font-weight: bold;"><pre> </span> <span style="font-style: italic;">Membuat teks dengan ukuran huruf yg sama</span><br> <span style="font-weight: bold;"><script></span> <span style="font-style: italic;">Mendefinisikan awal script</span><br> <span style="font-weight: bold;"><table></span> <span style="font-style: italic;">Membuat tabel</span><br> <span style="font-weight: bold;"><td></span> <span style="font-style: italic;">Kolom pada tabel</span><br> <span style="font-weight: bold;"><title></span> <span style="font-style: italic;">Mendefinisikan title</span><br> <span style="font-weight: bold;"> <tr> </span><span style="font-style: italic;"> Baris pada tabel</span><br> <span style="font-weight: bold;"><u></span> <span style="font-style: italic;">Membuat teks bergaris bawah</span><br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Itu tadi dari yang pertama saya cari di internet.. Sebenarnya pengen naruh sumber tapi udah lupa.. hee<br> Ini yang kedua:<br> <span class="fullpost"><br>Tag <span style="font-weight: bold;"><!DOCTYPE></span><br><br><span style="font-style: italic;">Definisi dan Penggunaan :</span><br><br>Deklarasi <span style="color: red;">doctype</span> ini mestinya merupakan hal pertama dalam dokumen HTML, sebelum tag <html>.<br>Deklarasi <span style="color: red;">doctype</span> mengacu pada definisi tipe dokumen (Document Type Definition/DTD). DTD menentukan aturan untuk markup language, sehingga browser dapat merender konten dengan benar.<br><br><span style="font-weight: bold;">Tag <html></span><br><br>Tag <html> memberitahukan browser bahwa dokumen ini sebuah dokumen HTML. Elemen html merupakan elemen utama dalam dokuen HTML dan XHTML. Elemen html juga dikenal sebagai elemen dasar.<br><br><span style="font-weight: bold;">Tag <body></span><br><br>The body element defines the document's body.<br><br>Elemen body berisi semua konten dari sebuah dokumen HTML, seperti teks, hyperlinks, gambar, tabel, daftar, dsb.<br><br><span style="font-weight: bold;">Tag <h1> sampai <h6> </span><br><br>Tag <h1> sampai <h6> digunakan untuk mendefinisikan heading pada HTML. <h1> mendefinisikan heading terbesar sedangkan <h6> mendefinisikan heading terkecil.<br><br><span style="font-weight: bold;">Tag <p> </span><br><br>Tag <p> mendefinisikan sebuah paragraf. Elemen p secara otomatis membuat beberapa space sebelum dan setelahnya. Spasi dapat secara otomatis diaplikasikan oleh browser, atau bisa juga kita tentukan terlebih dahulu lewat style sheet (CSS).<br><br><span style="font-weight: bold;">Tag <br></span><br><br>Tag <br> berfungsi untuk memasukkan baris baru. Tag <br> merupakan tag kosong, artinya tag ini tidak memiliki tag akhir.<br><br><span style="font-weight: bold;">Tag <hr> </span><br><br>Tag <hr> menciptakan sebuah garis horisontal dalam sebuah halaman HTML. Elemen hr dapat digunakan untuk memisahkan komten dalam halaman HTML.<br><br><span style="font-weight: bold;">Tag <></span><br><br>Tag <> (tag komentar) digunakan untuk memasukkan komentar dalam source code. Komentar tersebut akan dilewatkan oleh browser (tidak tampil di browser). Komentar ini dapat digunakan untuk menjelaskan kode kita, yang dapat membantu saat kita mengedit source code tersebut di kemudian hari.</span></div> <div class="post-body entry-content"> <span class="fullpost"><br></span></div> <div class="post-body entry-content"> <span class="fullpost">sumber :&nbsp;http://materisch.blogspot.com</span></div>

Comments