Macam-Macam Heading Pada HTML
Sebelum belajar heading sebaiknya anda belajar dasar-dasar HTML terlebih dahulu.
kemudian beranjak ke heading,,ok deh kembali ke pembahasan kita belajar membuat heading web,,sebenarnya sayasih agak malas membuat blog tapi ini tuntuan hasu dibuat sih tuntutan dari asisten dosen saya di kampus itung" belajar juga kan.
Setelah di dua tutorial sebelumnya tentang HTML kita telah belajar bagaimana kondep dasar HTMLdan memahami konsep elemen pada HTML, pada kesempatan kali ini kita akan coba belajar bagaimana cara membuat heading atau judul pada HTML.
Mengenal Heading HTML
Heading atau lebih tepatnya TAG Heading merupakan TAG khusus yang disediakan oleh HTML untuk membuat sebuah judul pada teks dalam sebuah halaman web. TAG Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dan lebih tebal (bold) dari teks biasa. Tidak hanya sekedar untuk memberikan penampilan yang lebih tegas dan penekanan, TAG Heading juga sangat penting dalam kaitannya dengan teknik Search Engine Optimization (SEO).TAG Heading dalam HTML terdiri dari 6 tingkatan berdasarkan tingkat penting dan ukurannya. TAG Heading tersebut adalah <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>. TAG H1 memiliki ukuran paling besar, sedangkan TAG h6 memiliki ukuran paling kecil.
Perlu diperhatikan bahwa walaupun TAG Heading ini memiliki ukuran yang bervariasi dan lebih tebal serta besar dari tag biasa, namun jangan gunakan TAG Heading ini hanya untuk membuat tulisan yang lebih besar. Gunakanlah TAG Heading hanya untuk membuat judul dan subjudul, bukan untuk membuat tulisan berukuran besar. Karena pada dasarnya untuk membuat tulisan besar kita bisa menggunakan CSS.
Contoh Penggunaan TAG Heading
Berikut contoh penggunaan Heading dalam kode HTML<!DOCTYPE HTML>
<html>
<head>
<title>TAG Heading HTML</title>
</head>
<body>
<h1>Heading H1</h1>
<h2>Heading H2</h2>
<h3>Heading H3</h3>
<h4>Heading H4</h4>
<h5>Heading H5</h5>
<h6>Heading H6</h6>
</body>
</html>
Berikut penampakannya jika dijalankan melalui browser:
Berikut contoh penggunaan HTML untuk membuat tulisan dan sub judul:
<!DOCTYPE HTML>
<html>
<head>
<title>Tengatang HML</title>
</head>
<body>
<center>
<h1>BAB I</h1>
<h3>A. Latar Belakang</h3>
<h2>PENDAHULUAN</h2>
</center>
<p align="justify" style="text-indent:50px;"><font size="50px">W</font>eb merupakan
media untuk menanpilkan halaman.
Web terbagi menjadi dua yaitu web statis dan web dinamis.
Web statis adalah media untuk menampilkan halaman statis atau tetap,
tetapi yang mengatur nya <p style="margin-left:25px;">adalah web browser.
Contoh teknologi yang berkaitan dengan web statis adalah Client Side seperti HTML,
Java script.
<p align="justify" style="text-indent:50px;">
Dibuat nya makalah ini adalah untuk mempermudah dalam pembelajaran,
maksudnya walaupun kita tidak begitu mengerti terhadap pembahasan tetapi kita
sudah mengenal dan mngetahui nya. </p></p></p>
<p align="justify" style="text-indent:50px;">Makalah ini disusun dengan tujuan
untuk mengetahui dan mendeskripsikan tentang HTML.
<h3>B. Rumusan Masalah</h3>
<ol>
<li>Apa saja yang mendasari HTML?</li>
<li>Bagaimana struktur HTML?</li>
<li>Atribut-atribut apa saja saat kita ingin membuat sebuah web?</li>
</ol>
<h3>C. Tujuan Makalah</h3>
</p>
<h3>D. Kegunaan Makalah</h3>
</p>
<p align="justify" style="text-indent:50px;">Makalah ini dapat digunakan sebagai contoh
untuk pembelajaran dan pengenalan dasar dari HTML dan Java Script.
</p>
<h3>E. Prosedur Makalah</h3>
<p align="justify" style="text-indent:50px;">Penyusunan Makalah ini menggunakan
metode deskriptif yaitu teknik mengumpulkan data dari berbagai sumber buku dan internet.
</body>
</html
Berikut penampakannya jika dijalankan melalui browser:
Penutup
0 komentar:
Post a Comment