Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Heading HTML Menggunakan Tag Head

Tag head pada HTML digunakan untuk mendefinsikan porsi heading dari dokumen yang mengandung informasi yang berhubungan dengan dokumen.

3 Contoh Program Penggunaan Tag Head pada HTML
Ilustrasi Tag Head HTML

Sebelum memahami lebih dalam materi tentang Membuat Heading HTML Menggunakan Tag Head, terlebih dahulu pelajari materi tentang: Mengatur Ukuran Huruf HTML Menggunakan Tag Heading [klik], Menggunakan Tag Frameset HTML dan Fungsinya [klik], dan Membuat Frame HTML Menggunakan 10 Atribut Utama dan Fungsinya [klik].

Tag head mengandung elemen head lainnya seperti titlemetalinkstyle, dan lain sebagainya. Pada HTML4.1 elemen heading merupakan elemen yang wajib berada pada dokumen html, tetapi pada HTML5 elemen tersebut tidak wajib ada pada dokumen html.

Atribut:
  • profile: digunakan untuk menentukan url yang menuju dokumen yang mengandung satu atau lebih dari profil metadata browser guna memahami informasi secara jelas.

Sintak:
<head>
<title>Judul Dokumen</title>
</head>


Berikut adalah contoh ilustrasi program dari penggunaan elemen head.

Baca Juga: 

Contoh:

<!DOCTYPE html>

<html lang="en">

 

<head>

<title>

HTML Tag Head

</title>

</head>

 

<body>

 

<p>

Blog tentang ilmu komputer.

</p>

 

<hr>

 

</body>

 

</html>

Output:

Blog tentang ilmu komputer.



Contoh: menggunakan style pada tag head

<!DOCTYPE html>

<html>

 

<head>

<style>

body 

{

background: skyblue;}

 

h1 

{

color: red;}

 

p {

color: blue;}

</style>

</head>

 

<body>

<h1>

Elfan Mauludi

</h1>

 

<p>

Blog tentang ilmu komputer.

</p>

</body>

 

</html>

Output:

Elfan Mauludi

Blog tentang ilmu komputer.



Contoh: menggunakan tag link pada tag head:

<!DOCTYPE html>

<html>

 

<head>

 

<link 

rel="stylesheet" 

type="text/css" 

href="mystyle.css">

 

</head>

 

<body>

<h1>

Elfan Mauludi

</h1>

 

<p>

Portal tentang ilmu komputer.

</p>

</body>

 

</html>

Output:

Elfan Mauludi

Portal tentang ilmu komputer.


Artikel ini didedikasikan kepada: Husna Niswatan Afifah, Izaaz Waskito Widyarto, Khoirotun Nisa'Privani, Lailatul Mafiqroh, dan Lavenia Fitri.

6 komentar untuk "Membuat Heading HTML Menggunakan Tag Head"

  1. Apa yang dimaksud dengan elemen head pada html?

    BalasHapus
    Balasan
    1. Elemen head merupakan wadah untuk metadata dan terletak diantara tag < html > dan tag < body >.

      Hapus
  2. Apa yang dimaksud dengan metadata pada html?

    BalasHapus
    Balasan
    1. Metadata merupakan data tentang dokumen html yang biasanya menentukan judul dokumen, kumpulan karakter, style, script, dan informasi meta lainnya.

      Hapus
  3. Apakah pemberian heading penting dalam pembuatan dokumen html?

    BalasHapus
    Balasan
    1. Iya,

      heading diperlukan dan harus digunakan sekali saja pada setiap dokumen. Tag ini harus dimulai segera setelah tag html dibuka dan diakhiri langsung sebelum bagian body dibuka.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -