• About
  • Advertise
  • Privacy & Policy
  • Contact
Cart / Rp0
No products in the cart.
  • Login
  • Register
Oke Teknologi
  • Home
  • Umum
    • Pengetahuan Umum
    • Teknologi
    • Gadget
    • Sepak Bola
  • Design
    • Adobe
      • Adobe After Effects
      • Adobe Photoshop
      • Adobe Premiere
    • 2D
    • 3D
      • Blender
    • Seputar Design
  • Programming
    • Program
      • Javascript
      • PHP
      • Python
      • Css
      • Html
    • Framework
      • Bootstrap
      • Tailwind
      • Codeigniter
      • Laravel
      • Django
      • React JS
      • Vue JS
    • Library
      • Jquery
    • Node JS
    • Game Development
      • Javascript Game Develoment
      • Unity Game Development
    • Seputar Programming
  • WordPress
    • Tutorial WordPress
    • Tema WordPress
    • Plugin WordPress
    • Seputar WordPress
  • Linux
    • Data Security
    • Linux Tutorial
    • Seputar Linux
  • ShopNew
  • Others
    • Jasa
      • Jasa Pembuatan Website
      • Jasa Pasang Iklan
    • Tools & Fitur
    • Info Covid 19
No Result
View All Result
  • Home
  • Umum
    • Pengetahuan Umum
    • Teknologi
    • Gadget
    • Sepak Bola
  • Design
    • Adobe
      • Adobe After Effects
      • Adobe Photoshop
      • Adobe Premiere
    • 2D
    • 3D
      • Blender
    • Seputar Design
  • Programming
    • Program
      • Javascript
      • PHP
      • Python
      • Css
      • Html
    • Framework
      • Bootstrap
      • Tailwind
      • Codeigniter
      • Laravel
      • Django
      • React JS
      • Vue JS
    • Library
      • Jquery
    • Node JS
    • Game Development
      • Javascript Game Develoment
      • Unity Game Development
    • Seputar Programming
  • WordPress
    • Tutorial WordPress
    • Tema WordPress
    • Plugin WordPress
    • Seputar WordPress
  • Linux
    • Data Security
    • Linux Tutorial
    • Seputar Linux
  • ShopNew
  • Others
    • Jasa
      • Jasa Pembuatan Website
      • Jasa Pasang Iklan
    • Tools & Fitur
    • Info Covid 19
Cart / Rp0
No products in the cart.
No Result
View All Result
Oke Teknologi
No Result
View All Result
Home Programming Program Html

Belajar HTML : #1 Pengenalan Heading dalam HTML

Pada artikel kali ini akan dibahas mengenai Heading dalam HTML. Belajar HTML pengenalan dasar Bagian 1..

Nursodik Assalam by Nursodik Assalam
November 4, 2021
Reading Time: 3 mins read
0 0
A A
0
Belajar HTML : #1 Pengenalan Heading dalam HTML
ADVERTISEMENT
Share on FacebookShare on Twitter

Sebelumnya Admin pernah menjelaskan dalam artikel Apa itu HTML ? Apakah salah satu bahasa pemrograman. Dalam Artikel tersebut berisikan mengenai sejarah, fungsi HTML dan juga pengenalan sintaks dasar HTML. Dalam artikel kali ini Admin akan membahas dan menjelaskan kembali mengenai Aturan penulisan Sintaks HTML dengan struktur yang baik dan benar. Juga akan membahas mengenai heading dalam HTML.

Aturan Penulisan Sintaks HTML yang Baik dan Benar

Heading dalam HTML

Artikel Terkait

Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3

Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman

HTML adalah sebuah bahasa markup dan kependekan dari Hyper Text Markup Language. HTML digunakan untuk membangun strukur dari sebuah website. Diikuti oleh CSS untuk memberikan style pada HTML, dan juga Javascript untuk Interaksi terhadap pengguna.

Sebenarnya penulisan sintaks HTML tidak apa jika dibuat tidak beraturan strukturnya karna tetap akan dapat ditampilkan di web Browser. Akan tetapi ini akan mempersulit nantinya jika pengembangan sudah terlalu besar. Kemungkinan juga akan terjadi beberapa error pada program yang terkait seperti Javascript. Maka dari itu dibutuhkan aturan penulisan dari struktur HTML yang baik.

Struktur penulisan HTML yang baik dapat dilihat pada sintaks berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>This for Heading Text.</h1>
    <p>This for Paragraph Text.</p>
    <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. 
        Maiores nesciunt inventore voluptatem earum laudantium animi 
        hic quibusdam nostrum nisi quasi numquam, quae consequatur 
        repellat doloribus. Id, voluptate! Maxime, a sequi?
    </p>
</body>
</html>

Dapat dijelaskan dari susunan program diatas:

  • dimulai dengan bagian tag <!DOCTYPE html> yang digunakan sebagai penanda dokumen HTML.
  • Selanjutnya tag <html></html> digunakan untuk memulai struktur bagian HTML.
  • Bagian tag <head></head> yang menjelaskan sebagai header dokumen HTML.
  • Dan didalam tag Head terdapat tag seperti <title></title> yang digunakan untuk mengisi bagian dokumen judul Website.
  • Lalu ada Tag <body></body>, di tag inilah nantinya tampilan website yang kamu lihat pada web browser disusun.

untuk lebih detilnya Admin sudah menjelaskan pada artikel sebelumnya di Apa itu HTML ? Apakah salah satu bahasa pemrograman.

Pengenalan Heading dalam HTML

Heading dalam HTML

Umumnya Tag HTML memiliki 6 ukuran atau tingkatan yaitu <h1>, <h2>, <h2>, <h4> ,<h5> dan <h6>. Ukuran paling besar dimulai dari tag <h1> dan sampai paling terkecil  <h6>. Tag heading pada HTML ini secara default dalam keadaan bold (huruf tebal).

Contoh penulisan tag heading dapat dilihat pada program berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>This for Heading 1.</h1>
    <h2>This for Heading 2.</h2>
    <h3>This for Heading 3.</h3>
    <h4>This for Heading 4.</h4>
    <h5>This for Heading 5.</h5>
    <h6>This for Heading 6.</h6>
</body>
</html>

Berikut adalah hasil dari program diatas jika dieksekusi oleh web browser

Heading dalam HTML

Tag HTML heading berguna sebagai sebuah penekanan isi dari konten yang ditampilkan. Dalam search engine seperti Google, Title page biasanya akan diambil tag heading. Tag heading yang lebih besar akan dilebih dahulukan untuk dipakai sebagai titlenya.

Mungkin sampai disini dahulu untuk pembahasan mengenai tag heading. Selanjutnya kita akan membahas mengenai Tag Paragraph pada HTML.

Was this article helpful?
YesNo
Tags: Bahasa KomputerBahasa MarkupDasar HTMLHeading HTMLHTMLHTML5Markup LanguagePemprograman DasarTag HTML
ADVERTISEMENT
Previous Post

Belajar PHP Dasar : #3 Penggunaan Variable dan Konstanta

Next Post

Perintah Dasar Linux Beserta Dengan Penjelasannya

Nursodik Assalam

Nursodik Assalam

Seorang pengembang Website dan aplikasi Web Based. Kini juga fokus untuk menuliskan artikel mengenai Linux, WordPress dan seputar dunia Programming.

Artikel Terkait Lainnya

Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3

Membuat Heading Pada HTML 5, Cara Dan Kegunaan #3

by admin
June 5, 2022
0
50

Pada artikel sebelumnya kita sudah mempelajari mengenai Tag Paragraph HTML 5. Selanjutnya pada artikel kali ini akan memasuki pembahasan mengenai...

Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman

Rekomendasi Text Editor Untuk Menulis Sintaks Kode Pemprograman

by admin
February 20, 2022
0
67

Dalam membuat sebuah software, sudah pastinya kita memerlukan sebuah aplikasi yang berguna untuk menuliskan kode program kita. Banyak sekali aplikasi...

Tag Paragraph HTML ✓: Fungsi Untuk Membuat Baris Paragraph Baru #2

Tag Paragraph HTML ✓: Fungsi Untuk Membuat Baris Paragraph Baru #2

by admin
June 5, 2022
0
177

Oketeknologi.com - Membahas lanjutan mengenai HTML 5. Sebelumnya Admin sudah menjelaskan mengenai Tag Heading dalam HTML. Untuk pembahasan pada artikel...

Belajar Unity C# dasar : Apa Itu C# dan Buat Projek Unity

Belajar Unity C# dasar : Apa Itu C# dan Buat Projek Unity

by Imam Malik
January 13, 2022
2
533

Pada artikel ini Admin akan membawa sebuah Tutorial Belajar Unity C# Dasar. saya akan mengenalkan sebuah bahasa pemprograman C# Untuk...

Next Post
Perintah Dasar Linux Beserta Dengan Penjelasannya

Perintah Dasar Linux Beserta Dengan Penjelasannya

Google Berhentikan Dukungan Chrome pada Windows 7

Google Berhentikan Dukungan Chrome pada Windows 7

Cara Membuat Akun Google di Handphone dan Desktop Dengan Mudah

Cara Membuat Akun Google di Handphone dan Desktop Dengan Mudah

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Saya setuju untuk Syarat & Ketentuan dan Kebijakan Privasi.

Categories

  • 2D
  • Adobe
  • Adobe Photoshop
  • Design
  • Game Development
  • Html
  • Javascript
  • Liga Inggris
  • Linux
  • Pengetahuan Umum
  • PHP
  • Plugin Wordpress
  • Program
  • Programming
  • Sepak Bola
  • Seputar Design
  • Seputar Linux
  • Seputar Programming
  • Seputar Wordpress
  • Teknologi
  • Tema Wordpress
  • Tutorial Wordpress
  • Umum
  • Unity Game Development
  • Wordpress

Oke Teknologi memberikan kamu update artikel/tutorial setiap harinya, pastikan kamu sudah mengsubscribe untuk terus medapatkan update informasi yang kami unggah.

KONTEN

  • Kebijakan Privasi
  • Syarat & Ketentuan
  • Kebijakan Cookie
  • Kelola Pemberitahuan Situs
  • Disclaimer
  • Aksebilitas
  • Sitemap

SHOP

  • Shop
  • Shop Account
  • Keranjang
  • Whishlist
  • Cara Pembelian
  • Konfirmasi Pembayaran
  • Refund

SOSIAL LINK

  • +62 895-2609-6938
  • [email protected]
  • [email protected]
Facebook Instagram Telegram
Dukungan Pembayaran

Copyright © 2022 Oke Teknologi. All Rights Reserved.

No Result
View All Result
  • Home
  • Umum
    • Pengetahuan Umum
    • Teknologi
    • Gadget
    • Sepak Bola
  • Design
    • Adobe
      • Adobe After Effects
      • Adobe Photoshop
      • Adobe Premiere
    • 2D
    • 3D
      • Blender
    • Seputar Design
  • Programming
    • Program
      • Javascript
      • PHP
      • Python
      • Css
      • Html
    • Framework
      • Bootstrap
      • Tailwind
      • Codeigniter
      • Laravel
      • Django
      • React JS
      • Vue JS
    • Library
      • Jquery
    • Node JS
    • Game Development
      • Javascript Game Develoment
      • Unity Game Development
    • Seputar Programming
  • WordPress
    • Tutorial WordPress
    • Tema WordPress
    • Plugin WordPress
    • Seputar WordPress
  • Linux
    • Data Security
    • Linux Tutorial
    • Seputar Linux
  • Shop
  • Others
    • Jasa
      • Jasa Pembuatan Website
      • Jasa Pasang Iklan
    • Tools & Fitur
    • Info Covid 19
  • Login
  • Sign Up
  • Cart

Copyright © 2021 Oke Teknologi - All Rights Reserved.

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
Sign Up with Google
OR

Fill the forms below to register

*Dengan mendaftar di situs kami, berarti Anda telah menyetujui Syarat & Ketentuan dan Kebijakan Privasi.
All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist

Situs ini menggunakan Cookie, harap setujui untuk dapat terus mengakses situs. Lihat Kebijakan Privasi & Cookie Kami.
Go to mobile version