Sabtu, 13 Februari 2010

Dasar-Dasar HTML Minggu ke-1

Memasukan Isi:
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Ini Isinya :)
</BODY>
</HTML>

Mengubah Background:

Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY BGCOLOR="aqua">
Ini Isinya :)
</BODY>
</HTML>


Menyertakan Komentar:

Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY BGCOLOR="aqua">
<!Ini
adalah keterangan yang ditulis
dengan diapit penanda komentar dan
tidak ditampikan oleh web browser >
Ini Isinya :)
</BODY>
</HTML>

Mengenal Tag <BR>:

tag <BR> digunakan untuk membuat tulisan di baris yang berbeda atau sama dengan fungsi tombol enter
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Mbah Boedy <BR>
akan menururnkan ilmu <BR>
web ke siswanya <BR>
</BODY>
</HTML>

Mengenal Tag <P> dan <DIV>:

Pada dokumen HTML untuk mengelompokkan suatu text ke dalam suatu paagraf dapat menggunakan
tag <P> atapu tag <DIV>.
Kedua tag ini akan memberikan efek yang sama.
Code HTML nya:

<html>
<head>
<title>Ini Judul</title>
</head>
<body>
<p align="CENTER">
Bagian ini dibuat <br />
dengan menggunakan <br />
tag P
</p>
<div align="RIGHT">
Kalau yang ini<br />
dengan menggunakan<br />
tag DIV<br />
Keduanya berefek sama
</div>
</body>
</html>
</div>
</div></div><span style="font-weight: bold;">
</span></div></div></div></div></div>

Mengenal Tag Heading:

Pada dokumen HTML terdapat 6 ukuran heading mulai dari <H1> sampai dengan <H6>
<H1> adalah heading dengan ukuran terbesar dan <H6> dalah heading dengan ukuran terkecil
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Heading 1</H1>
<H2 ALIGN="RIGHT">Heading 2</H2>
<H3 ALIGN="LEFT">Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 6</H5>
<H6>Heading 6</H6>
</BODY>
</HTML>

Mengenal Tag <HR>:

Pada dokumen HTML untuk membuat suatu garis mendatar / horisontal dapat menggunakan tag
<HR>
Tag <HR> memiliki attribut seperti WIDTH untuk mengatur panjang garis, SIZE untuk mengatur
ketebalan garis, ALIGN untuk mengatur alignment, NOSHADE untuk menghilangkan efek bayangan,
dan COLOR untuk mengatur warna garis.
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Salam Hangat
<HR>
Dari Mbah Boedy
<HR WIDTH="5%" SIZE="20" ALIGN="CENTER" NOSHADE>
<HR WIDTH="10%" SIZE="20" ALIGN="CENTER" NOSHADE>
<HR WIDTH="20%" SIZE="20" ALIGN="CENTER" NOSHADE>
<HR WIDTH="40%" SIZE="20" ALIGN="CENTER" NOSHADE>
</BODY>
</HTML>

Mengenal Tag <SUB>, <SUP>, <TT>, dan <DEL>:
Pada dokumen HTML tag <SUB> digunakan untuk memberikan efek subscript
pada suatu teks, dan
tag <SUP> digunakan untuk memberikan efek superscript
pada suatu teks sedangkan tag <TT>
digunakan untuk memberikan efek mesin ketik pada suatu teks. Tag <DEL> digunakan untuk
memberikan efek coretan pada suatu teks.
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Percobaan yang <DEL>salah</DEL><BR>
<TT>Senyawa dan Satuan</TT><BR>
H<SUB>2</SUB>SO<SUB>4</SUB><BR>
Satuan Luas adalah
meter<SUP>2</SUP><BR>
Satuan Volume adalah
meter<SUP>3</SUP><BR>
</BODY>
</HTML>

Mengenal Tag <PRE>:

Teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode
HTML nya.
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<PRE>
Mbah Boedy melakukan pengembaraan
ke Bumi Parahyangan
untuk menambah wawasan dan kesaktian
</PRE>
</BODY>
</HTML>

Mengenal Tag <ACRONYM>:

Tag <ACRONYM> pada dokumen HTML digunakan untuk memberi keterangan tambahan terhadap
suatu istilah ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE.
Code HTML nya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Mbah Boedy sangat mendukung<BR>
upaya pemberantasan<BR>
<ACRONYM TITLE="Korupsi, Kolusi, dan Nepotisme">KKN</ACRONYM>
</BODY>
</HTML>

diposting oleh PEMROGRAMAN WEB @ 20.18   0 Komentar

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda