Belajar Html Dengan Mudah Dan Praktis

Belajar Html Dengan Mudah Dan Praktis

pashakoding.com > hai? Apakah kalian sering mendengar istilah Html? Apa sih html? Bagai mana cara kerjanya? Apa saja yang bisa di gunakan? Meri simak penjelasan berikut.

Apa itu html?

Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets dan bahasa scripting seperti JavaScript dan VBScript.

Pengenalan html


HTML kependekan dari Hyper Text Markup
Language. Dokumen HTML adalah file teks murni
yang dapat dibuat dengan teks editor. 

Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam web browser.

Penamaan Dokumen


Dokumen HTML diberi nama sembarang
kemudian diberi tambahan ekstensi .htm atau .html 

Definisi Elemen 


Dokumen HTML disusun elemen-elemen atau komponen dasar pembentu HTML. 

Contoh dari elemen dokumen HTML adalah: head, body, table, paragraf, list. 

Elemen HTML


Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body>, Setiap dokumen terdiri atas tag head dan body. Elemen Head berisi informasi tentang dokumen tersebut dan elemen body
berisi teks yang akan ditampilkan di browser.

Tag digunakan untuk menandai elemen dalam suatu dokumen HTML. Tag HTML terdiri atas sebuah sudut kiri (<, tanda lebih kecil), nama sebuah tag, dan sebuah tanda kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan, sebagai contoh <H1> Dengan </H1>. Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag» - </namatag»

Tag Head

Tag head merupakan tag untuk menuliskan
keterangan tentang dokumen HTML. Isi teks
diantara <head> dengan </head> tidak akan
ditampilkan di dalam browser

Contoh:
<head>
<title>Belajar HTML</title>
</head>

Tag Title

Tag title merupakan tag yang digunakan untuk menuliskan judul dokumen HTML. Hasil tag ini akan ditampilkan dalam window caption browser.

Contoh:
<title>Belajar HTML</title>
Hasil:


Tag Body


Tag body merupakan section dalam dokumen HTML yang akan ditampilkan dalam browser.

Contoh:

<body>
Belajar HTML
</body>
Hasil:



Heading


Heading dimanfaatkan untuk menandai judul topic atau untuk menunjukkan tingkat
keberartian dati teks yang akan dituliskan. Ada 6 tingkat heading dalam HTML, dinomori dari satu sampai dengan 6. Nomor 1 merupakan heading yang terbesar.

Contoh:

<body>
<h1>Heading 1<h1>
<h2>Heading 2<h2>
<h3>Heading 3<h3>
<h4>Heading 4<h4>
<h5>Heading 5<h5>
<h6>Heading 6<h6>
</body>

Hasil :