sistemit24.com

Belajar Html Heading

21-January-2017 - Publish Admin HTML TAGS

Heading banyak digunakan dalam pembuatan judul, di HTML sendiri telah disiapkan beberapa bentuk ukuran judul diantaranya yaitu:

<h1>, <h2>,<h3>, <h4>, <h5>, dan <h6>

<h1> digunakan untuk mendefinisikan judul yang paling penting sedangkan <h6> digunakana untuk mendefinisikan bagian judul yang tidak penting.

Berikut cara penggunaan Heading di dalam dokumen HTML


Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <body>
                                        
Ini adalah judul dengan menggunakan h1 

                                        
Ini adalah judul dengan menggunakan h2 

                                        
Ini adalah judul dengan menggunakan h3 

                                        
Ini adalah judul dengan menggunakan h4 

                                        
Ini adalah judul dengan menggunakan h5 

                                        
Ini adalah judul dengan menggunakan h6 

                                    </body>
                                    </html>


Seberapa pentingkah Heading pada suatu dokumen HTML?

Pada umumnya mesin pencarian menggunakan judul untuk mengindeks struktur dan isi dari halaman web yang kita buat.

Gunakan Heading ketika akan membuat judul, hal ini sangat penting untuk mengetahui struktur dari suatu dokumen.

<h1> digunakan untuk judul utama, diikuti dengan <h2> dan heading berikutnya untuk judul yang tidak penting sampai <h6>.


HTML Garis Lurus

Garis lurus digunakan untuk memisahkan antara perubahan atau bisa juga dibuat untuk memisahkan konten tergantung keperluan.

Pada dokumen HTML garis lurus didefinisikan sebagai <hr/>

Berikut contoh penggunaan <hr/>

Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <body>
                                        
Belajar

                                        

                                        
Belajar HTML

                                        
Belajar HTML Sangat menyenangkan

                                        

                                        
Belajar HTML Heading

                                        
Belajar HTML Heading sangat menyenangkan

                                    </body>
                                    </html>


HTML <head> Element

HTML <head> tidak ada hubunganya dengan judul HTML.

HTML <head> adalah bagian atas pada suatu dokumen HTML ditempatkan di antara tag <html> dan tag <body>

<head> elemen merupakan tempat untuk meletakan metadata. metadata itu sendiri adalah data tentang dokumen HTML dan metadata tidak akan ditampilkan.

Berikut contoh penggunaan <head>

Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Titel Halaman
                                    </title>
                                    <meta charset="UTF-8">
                                    </head>
                                    <body>
                                        
Belajar

                                        

                                        
Belajar HTML

                                        
Belajar HTML Sangat menyenangkan

                                        

                                        
Belajar HTML Heading

                                        
Belajar HTML Heading sangat menyenangkan

                                    </body>
                                    </html>


HTML Tag Reference

Tag <head> adalah pembelajaran tambahan pada bab ini, kita akan belajar lebih lanjut pada bab-bab berikutnya.

Tag Keterangan
<html> Definisi suatu dokumen HTML
<body> Definisi halaman body pada suatu dokumen HTML
<head> Suatu tempat untuk meletakan element header seperti (title, javascript, styles, metadata dan banyak lagi)
<h1> sampai <h6> Mendefinisikan judul suatu dokumen
<hr/> Mendefinisikan garis lurus pada suatu dokumen

HTML TUTORIAL
;