Belajar HTML Dasar #3 - Heading Pada HTML

Heading Pada HTML

Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki 6 tingkatan yang berurutan yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/element <h1> lebih besar dari element <h2> dan seterusnya.

Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :

<h1> adalah heading yang digunakan untuk penulisan judul utama dari dokumen

<h2> adalah heading yang digunaakan sebagai sub dari <h1>

<h3> adalah heading yang digunaakan sebagai sub dari <h2>

Untuk penggunaan <h4>, <h5>, <h6> tergantung programer sendiri untuk memperindah halaman web sesuai keperluan.

Berikut ini adalah contoh dari penerapan masing-masing element/tag heading :

<!DOCTYPE html>
<html>
<head>
        <title></title>
</head>
<body>
        <h1>ini adalah heading 1</h1>
</body>
</html>

Hasil Outputnya

Contoh Lainnya :

<!DOCTYPE html>
<html>
<head>
        <title></title>
</head>
<body>
        <h1>ini adalah heading 1</h1>
        <h2>ini adalah heading 2</h2>
        <h3>ini adalah heading 3</h3>
        <h4>ini adalah heading 4</h4>
        <h5>ini adalah heading 5</h5>
        <h6>ini adalah heading 6</h6>
</body>
</html>

Hasil Outputnya

Dari contoh diatas, dapat anda lihat perbedaan antara masing-masing heading. penulisan heading ini boleh digunakan didalam jenis tag yang lain. berikut contoh penggunaan element heading di dalam tag lain :

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <a href="https://anakampus3.blogspot.com/"><h1>ini adalah heading 1 - Belajar HTML Dasar #2 </h1></a>
</body>
</html>

Hasil Outputnya

contoh diatas yaitu penggunaan tag heading yang berada dalam tag . sedangkan atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada “ini adalah heading 1 - Belajar HTML Dasar #2” maka halaman akan di alihkan ke halaman https://anakampus3.blogspot.com

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai heading pada HTML, untuk selanjutnya kita akan belajar mengenai format text pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...

Daftar Belajar HTML Dasar

1. Belajar HTML Dasar #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Comments

Artikel Populer

Cara Instal Windows 7 lengkap dengan Gambarnya

Assalammualaikum wr.wb Pada kesempatan kali ini kita akan belajar tentang bagaimana cara install ulang windows7. Tapi sebelum itu, Apa sih itu Install Ulang?. Nah, jadi Install ulang windows itu merupakan sebuah usaha untuk memasukan kembali file-file windows kedalam sebuah part/drive tertentu pada sebuah hardisk, sehingga komputer bisa berjalan normal. Instal ulang bisa di lakukan jika laptop/komputer kita mengalami gannguan seperti komputer lelet, dll. Okee tanpa berlama-lama lagi, kita langsung saja ke tutorialnuya Proses Installasi Persiapan alat dan bahan PC/Laptop Flasdisk berisi program windows 7 Proses Installasi Masukan bios dengan menekan tombol F2 atau yang lainnya disetiap komputer/laptop berbeda-beda silahkan coba-coba saja. Setelah itu lalu setting bios untuk booting lewat CD ROOM pada boot device priority Masukan CD/DVD windows 7 dan tunggu sampai muncul press any key to boot from cd or dvd kemudian tekan enter Kemudian akan muncul tampilan starting windows Tunggu ...

Analisis Sistem Informasi

Paada artikel kali ini kita akan menbahas mengenai Analisis Sistem Informasi. Apa itu sistem informasi?, ada yang sudah tau?. Mari kita cari tau di sini. Apa itu Analisis Sistem? Analisis sistem informasi adalah pejabaran dari sebuah sistem informasi kedalam bagian-bagian tertentu dengan magsud untuk mengidentifikasi dan mengevaluasi sebuah permasalahan, kesempatan, hambatan, dan kebutuhan-kebutuhan yang diharapkan agar bisa di usulkan untuk memperbaikinya. Didalam analisis sistem terdapat langkah-langkah dasar yang perlu dilakukan oles analisis sistem, yaitu: Identify, yaitu proses untuk mengidentifikasi sebuah permasalahan Understand, yaiitu memahami dari sistem yang sudah ada Analyze, yaitu proses untuk menganalisis sistem Report, yaitu membuat sebuah laporan dari hasil analisis Mengidentifikasi Masalah Masalah mmerupakan sebuah pertanyaan yang harus diselesaikan karena masalah inilah yang menyebabkan sasaran dari sistem tidak dapat di capai. Untuk itu langkah perta...

Belajar Bahasa C

Assallammualaikum wr.wb Pada Kesempatan kali ini, kita akan belajar mengenai bahasa pemprogaman C. Apakah sudah ada yang tau apa itu bahasa pemprogaman C, Jika belum mari kita pelajari di sini bersama sama. Mengapa Harus Bahasa C Pada dasarnya pemprogaman dengan menggunakan bahasa C sangat cocok bagi pemula yang belum pernah mencoba coding untuk memahami konsep pemprogaman. walaupun Usi bahasa pemprogaman C sudah Tua, Tapi sampai saat ini pemprogamanm bahasa C masih digunakan banyak orang. berikur ini merupakan manfaat ketika kita mempelajari bahasa C Cocok untuk pemula yang belum pernah mencoba coding Sangat mudah untuk di pelajari Merupakan induk dari semua bahasa pemprogaman Masih banyak orang yang menggunakan sampai saat ini Dapat di gunakan di berbagai platform Tool Untuk Belajar Bahasa C Ketika kita akan memulai belajar mengenai bahasa C, pasti kalian akan bertanya apa aja seh yang harus kita siapkan/kita install? Dalam memulai belajar bahasa C sebenarnya kita hanya membutuhkan d...

Pengertian CMS WordPress

Pada Artikel sebelumnnya kita sudah mempelajari apa itu CMS (Content Manajement Sistem) serta dengan contoh-contohnya sekaligus. Nah pada kesempatan kali ini mari kita bahas mengenai salah satu CMS yaitu WordPress. Apakah sudah ada yang tau apa itu WordPres?, bagaimana cara kerjanya?, yuuu kita cari tau bareng-bareng pada artikel kali ini. Daftar Belajar CMS ( Content Manajement System ) Pengertian CMS dan contohnya CMS WordPress Cara membuat CMS dst. Apa itu WordPress? WordPres adalah sebuah CMS (Content Management system) yang dapat membantu kita dalam membuat serta mengelola sebuah website tanpa menggunakan sebuah codingan. Dengan menggunakan wordpresskita bisa menata tampilan, menambah fitur-fitur, dan membuat sebuah konten website dengan mudah. WordPress diluncurkan oleh matt mullenweg dan mike little pada tahun 2004. WordPress merupakan sebuah CMS yang bisa kita gunakan secara gratis atau biasa kita sebut dengan open source. WordPress ada 2 macam, yaitu WordPress.org dan Wordpres...

anaKampus

Search This Blog