Contoh-contoh penggunaan Tag dalam Html

Web Design
Web Design

Yuk Mari Kita latihan dalam  membuat file-file dasar html mungkin berguna dalam pembelajaran “Pembrograman Dasar” Di sekolah ..

Latihan 1

<html>
<head>
<title> Latihan Pertamaku </title>
</head>
<body bg color=”#000000″>
<p align=”left”>
Paragraf ini akan rata kiri<br>
Paragraf ini akan rata kiri<br>
Paragraf ini akan rata kiri<br>
<p>
br digunakan untuk membuat Baris baru atau berpindah baris <br><br>
<b>Kalimat ini akan dicetak Bold </b> <br>
<i>Kalimat ini akan dicetak Italic </i> <br>
<b><i>Kalimat ini akan dicetak Bold dan Italic</i></b>
<hr width=”500″><br>
Perintah hr digunakan untuk membuat garis
</body>
</html>
Simpan perkerjaan Anda dengan nama latihan_1.html

Latihan 2

Tag <P> digunakan untuk membuat paragraf. Contoh :
<HTML>
<HEAD>
<TITLE>Contoh Membuat Paragraf</TITLE>
</HEAD>
<BODY>
Smk Negeri 1 gunungsitoli <P>
Memiliki tujuh Jurusan <BR>
Yang semuanya memiliki Keunggulan masing-masing <BR>
Serta Memiliki Guru-guru yg kompeten <BR>
</BODY>
</HTML>

Latihan 3

HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Tag-tag  judul ini berupa :

<H1> … </H1>
<H2> … </H2>
<H3> … </H3>
<H4> … </H4>
<H5> … </H5>
<H6> … </H6>
Contoh Penggunaan :

<HTML>
<HEAD><TITLE>Tag H1-H6</TITLE>
</HEAD>
<BODY>
<H1>ini adalah Tag H1</H1>
<H2>ini adalah Tag H2</H2>
<H3> ini adalah Tag H3</H3>
<H4> ini adalah Tag H4</H4>
<H5> ini adalah Tag H5</H5>
<H6> ini adalah Tag H6</H6>
</BODY>
</HTML>

Latihan 4
Tag <HR>

Untuk mempercantik halaman, seringkali pembuat dokumen Web menambahkan garis horisontal. Garis ini sebenarnya dapat dibuat dengan mudah, yakni dengan menyertakan tag <HR>. Contoh

<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
<BODY>
<H2>JENIS JURUSAN DI SMK NEGERI 1 GUNUNGSITOLI</H2>
<HR>
1. Teknik komputer dan jaringan
<HR>
2. Usaha Perjalanan Wisata
<HR>
3. Administrasi Perkantoran
<HR>
4. Agribisnis Aneka Ternak
<HR>
5. Agribisnis Tanaman Pangan dan Hortikultura
<HR>
6. Jasa Boga
<HR>
7. Tata Busana <HR>

</BODY>
</HTML>

Simpan perkerjaan Anda dengan nama latihan_1.html dst…

Belajar HTML Dasar

Web Design
Web Design

HTML  (Hyper Text Markup Language) adalah bahasa dasar pembangunan web. Sebelum mulai belajar web programming, anda dituntut untuk menguasai HTML terlebih dahulu.

HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web.
Namun untuk saat kita bahas yang dasar serta struktur html.
Adapun struktur HTML adalah sbb:

Adapun struktur HTML adalah sbb:

<HTML>
<HEAD>
<TITLE> … </TITLE>
</HEAD>
<BODY>
…
</BODY>
</HTML>

Keterangan:
– Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>
– Tag   <HEAD> … </HEAD> merupakan tag kepala sebelum badan. Tag kepala ini akan terlebih dulu dieksekusi sebelum tag badan.
tag <TITLE>… </HTML> adalah tag judul. Sebaiknya setiap halaman
web memiliki judul, dan judul tersebut dituliskan di dalam  <TITLE> … </TITLE> Judul ini akan muncul dalam titlebar dari browser.
– Sedangkan tag  <BODY> … </BODY>adalah tag berisi content dari suatu halaman web.
Setelah tag tersebut di atas ditulis, simpan dalam format .htm atau .html (missal index.htm) akan tetapi terlebih dahulu ubah Save as type ke dalam All Files.
Kemudian tentukan letak direktori mana file tersebut akan disimpan, selanjutnya klik Save.
Selanjutnya document HTML tersebut dipanggil dengan browser untuk melihat hasilnya.