Menyusun Kode HTML Dengan Heading

 TUJUAN PEMBELAJARAN :

Setelah mempelajari bab ini anda di harapkan mampu :

menyusun kode html dengan heading - mengidentifikasi pemakaiandan keguanaan heading yang ada pada Hypertext Markup Language sabagai bahasa pendukung yang digunakan sebagai bahasa pendukung yang digunakan untuk desain Web dan dapat mengetahui perbedaan yang ditampilkan dengan menggunakan heading.

Pada bab ini akan dijelaskan kegunaan dari teks heading pada awal pembuatan web, heading merupakan bagian dari teks yang muncul di halaman web yaitu mulai dari heading yangpaling besar sampai heading yang paling kecil sehingga kita dapat memodifikasi teks yang ada di halaman web.

A. MENGGUNAKAN TEKS HEADING

Untuk teks heading yang akan muncul di halaman web maka ada 6 level heading yang digunakan untuk menentukan besarnya header yang kita desain atau tuliskan di editor, sehingga akan tampil di halaman web, 6 macam level heading tersebut antara lain :

H1,H2,H3,H4,H5 dan H6.

Ingat pendeklarasian heading diawali dengan <Nama Level Heading> dan diakhiri dengan </Nama Level Heading>.Semakin rendah nilai heading yang kita buat semakin besar tampilan yang kita dapatkan dihalaman web.

Contoh :

<H1>HALO INI HALAMAN WEBKU</H1>

B.CONTOH PENGGUNAAN HEADING

Untuk lebih jelasnya buat contoh pengunaan heading berikut ini

Berikut ini adalah contoh tampilan heading dari pembuatan halaman web sesuai dengan level heading yang telah dijelaskan.

<html>

<head>

<title>ANDRE PERMANA B.</title>

</head>

<body bgcolor="blue"

SELAMAT DATANG DI WESITEKU

<h1>HALO INI HALAMAN WEBKU</h1>

<h2>HALO INI HALAMAN WEBKU</h2>

<h3>HALO INI HALAMAN WEBKU</h3>

<h4>HALO INI HALAMAN WEBKU</h4>

<h5>HALO INI HALAMAN WEBKU</h5>

<h6>HALO INI HALAMAN WEBKU</H6>

</body>

</html>

Langkah yang dilskukan adalah :

  • Buat teks di atas menggunakan editor Notepad sehingga akan tampil kotak dialog sebagai berikut : 

KODE HTML HEADING

  • Setelah teks tersebut kita buat pada tampilan Notepad, maka simpan dengan exstension dot html (.html), misalnya lat2.html
  • Kemudian pada tampilan layar monitor akan terbentuk file html yang dapat kita browse menggunakan browser Mozilla, internet Explorer atau browser lainnya.
  • Klik pada bagian Lat2 yang sudah terbentuk file html, maka akan menghasilkan tampilan berikut ini.

TAMPILAN KODE HEADING

tag <HTML> : digunakan untuk mengawali pembuatan struktur kode pada notepad.
tag </HTML> : digunakan untuk mengakhiri pembuatan struktur kode pada notepad
tag TITLE : berfungsi sebagai judul yang akan tampil dihalaman web yang kita desain atau buat, diakhiri dengan tag </TITLE>
tag BODY : digunakan untuk mendefinisikan awal dari isi web site.Dan diakhiri dengan </BODY>
body bgcolor : digunakan untuk menampilkan warna pada halaman web.
Heading 1 : digunakan untuk menentukan teks dengan tulisan yang sangat besar.
Heading 2 : digunakan untuk menentukan teks dengan tulisan yang besar
Heading 3 : digunakan untuk menentukan teks dengan tulisan yang sedang.
Heading 4 : digunakan untuk menentukan teks dengan tulisan yang kecil.
Heading 5 : digunakan untuk menentukan teks dengan tulisan yang lebih kecil.
Heading 6 : digunakan untuk menentukan teks dengan tulisan yang sangat kecil.

Menyusun Kode HTML Dengan Heading Menyusun Kode HTML Dengan Heading Reviewed by andre permana on August 22, 2020 Rating: 5

No comments:

Theme images by wibs24. Powered by Blogger.