Wednesday, 2 April 2014

Tag-tag dasar pada html


Assalamualaykum wr. wb.

ini adalah tag dasar pada HTML
Berikut tag – tag dari HTML.

1. HTML

Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. Tag ini merupakan satu keharusan bagi pemrograman web untuk menuliskannya sebagai tag pertama dalam dokumen HTML.


<html> di awal dokumen dan </html> di akhir dokumen.


2. Head

Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.

<head> di awal setelah <html>, dan </head> di akhir section head.

3. Title

Merupakan Tag di dalam head yang harus dituliskan untuk memberikan judul/informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam web browser.

<title> Judul dokumen </title>



4. Body

Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan.

<body> di awal, segera setalah tag </head>

</body> di akhir, diletakkan sebelum tag </html>



5. Paragraf

Setiap paragraf harus dimulai dengan memberi tag <p>. Di akhir paragraf tidak diharuskan menuliskan </p> sebagai akhir paragraf, karena tag <p> tidak didefinisika mempunyai tag akhir. Setiap pergantian paragraf harus dimulai dengan kembali.

<html>

<head>

<title>Contoh HTML sederhana</title>

</head>

<body>

<p>HTML mudah dibuat. Selamat datang di dunia HTML.</p>

</body>

</html>



6. Line Break

Untuk menampilkan suatu teks ditampilkan pada baris yang baru dalam suatu paragraf, maka harus digunakan tag <br> sebelum teks yang dimaksud tersebut dituliskan.

<html>

<head>

<title>Contoh ganti baris</title>

</head>

<body><p>

Memotong <br>gunakan tag br.</p>

</html>



7. Heading

Teks dalam dokumen umumnya mempuny judul topik, pada dokumen HTML judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan.

<h1> Heading 1 </h1>

<h2> Heading 2 </h2>

<h3> Heading 3 </h3>

<h4> Heading 4 </h4>

<h5> Heading 5 </h5>

<h6> Heading 6 </h6>



8. Mengatur Letak Heading

Tak heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris - align. Alignment:

- kiri ( left )

- tengah ( center )

- kanan ( right )

<body>

<h1 align="center">heading 1 di tengah<h1>

<p> Heading di atas diposisikan di tengah baris. Heading di atas

diposisikan di tengah baris. Heading di atas diposisikan di tengah

baris. Heading di atas diposisikan di </p>

<h1 align="right">heading 1 di kanan</h1>

<p> Heading di atas diposisikan di kanan baris. Heading di atas

diposisikan di kanan baris. Heading di atas diposisikan di kanan

baris. Heading di atas diposisikan di kanan baris. </p>

</body>



9. Penggaris Mendatar

Sebuah garis dapat disisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antarbagian atau paragraf.

<body>

<p>Tag hr untuk definisi garis:</p><hr>

<p>Disini paragraf.</p><hr>

<p>Disini paragraf.</p>

<hr><p>Disini paragraf.</p>

</body>



10. Komentar

Komentar disisipkan pada section body, diletakkan pada bagian-bagian teks dokumen yang memang perlu dikomentari. Komentar ini umumnya sebagai catatan untuk menyajikan dokumen pada masa mendatang. Teks yang berfungsi sebagai komentar disimpan dalam dokumen ditandai dengan tag <!-- sebagai awal, kemudian teks yang dikomentari, dan tag --> sebagai akhir tag.

<html>

<head>

<title>Contoh Penggunaan Komentar</title>

</head>

<body>

<!--Komentar ini tidak akan ditampilkan -->

<p> Paragraf normal.</p>

</body>

</html>

0 comments:

Post a Comment

Pembaca yang baik pasti akan meninggalkan jejak dengan cara meninggalkan komentar

berkomentarlah dengan bijak :)