Apa Itu Html Dan Fungsinya

Apa Itu HTML? Khasiat dan Cara Kerja HTML

Apa Itu HTML? Fungsi dan Cara Kerja HTML

HTML adalah singkatan dari
Hypertext
Markup
Language, yaitu bahasa markup standar bagi takhlik dan menyusun halaman dan permohonan web.

Biasanya, pendayagunaan umum HTML adalah buat menyusun bagian paragraf, heading, maupun link pada halaman web. Tapi, kendatipun susunannya seperti coding, perlu diketahui bahwa HTML bukanlah bahasa pemrograman.

HTML tidak dianggap sebagai bahasa pemrograman karena tidak bisa memasrahkan fungsi yang dinamis. Sekarang, bahasa markup ini dianggap bak standar web sahih, dikelola makanya World Wide Web Consortium (W3C), yang juga bertugas merilis perbaikan rutin HTML.

Nah, di artikel ini, selain membahas mengenai apa itu HTML, kami pun akan membincangkan sejarah, pendirian kerja HTML, dan lain sebagainya. Selamat mendaras!

Tuntunan Video

Merasa makin mudah menyimak kursus melangkahi video atau suara tinimbang mengaji? Antap, kami sudah lalu mempersiapkannya. Berikut tutorial video akan halnya apa itu HTML:

Takdirnya ingin membaca semuanya secara lebih mendetail, silakan lanjutkan ke pelajaran di bawah ini. Selamat membaca!

Konotasi HTML dan Sejarahnya

Hypertext Markup Language atau HTML yakni bahasa markup standar nan digunakan lakukan membuat halaman website dan tuntutan web. Sejarah HTML diciptakan maka dari itu Skuat Berners-Lee, seorang ahli fisika di lembaga penekanan CERN nan berlokasi di Swiss.

Versi pertama HTML dirilis makanya Tim Berners Lee lega tahun 1991, yang punya 18 tag. Sejak saat itu, saban-saban ada versi barunya, pasti akan gelojoh terserah tag dan attribute (tag modifier) nan pun baru.

Ketika bekerja dengan bahasa markup ini, Beliau menggunakan struktur kode terlambat (tag dan
attribute) untukmark up
jerambah website. Misalnya, Anda membentuk sebuah paragraf dengan menempatkan
enclosed text
di antara tag pembuka
<p>

dan tag penutup
</p>.

<p>This is how you add a paragraph in HTML.</p> <p>You can have more than one!</p>

Beruntung popularitasnya yang terus meningkat, bahasa markup ini kini dianggap sebagai standar web normal.

Perincisan HTML dikelola dan dikembangkan oleh World Wide Web Consortium (W3C). Berlandaskan HTML Element Reference milik Mozilla Developer Network, ketika ini ada 140 tag HTML, kendatipun sebagiannya mutakadim tidak lagi didukung oleh beberapa varian terbaru browser.

Kemudian, plong musim 2022,
HTML5
mulai diperkenalkan. Dengan diperkenalkannya HTML5, terletak semantic mentah seperti

<artcile>
,
<header>,
dan
<footer>

nan memperjelas bagian-babak dalam konten.

Nah, sehabis Kamu luang apa itu HTML, lebih lanjut kami akan mengomongkan cara kerjanya.

Bagaimana Pendirian Kerja HTML?

Ekstensi file HTML adalah
.html
ataupun.htm, yang boleh dilihat dengan mengunakan web browser apa pun (begitu juga Google Chrome, Safari, alias Mozila Firefox). Browser tersebut mendaras file HTML dan merender kontennya sehingga user internet bisa melihat dan membacanya.

Biasanya, galibnya situs web menyertakan sejumlah halaman HTML yang berbeda-beda. Contohnya, halaman beranda, ‘Akan halnya Kami’, halaman kontak memiliki dokumennya sendiri-koteng.

Tiap-tiap pekarangan tersebut terdiri atas serangkaian
tags
(bisa disebut jugaelements), yang tersusun cak bagi membentuk sebuah halaman website. Tag tersebut mewujudkan hierarki yang menyusun konten sampai menjadi episode, paragraf, heading, dan
block
konten lainnya.

Sebagian besar zarah bahasa markup ini memiliki tag pembuka dan akhir yang menggunakan syntax

<tag></tag>
.

Berikut paradigma kode bersumber susunan atau struktur HTML:

<div>   <h1>The Main Heading</h1>    <h2>A catchy subheading</h2>   <p>Paragraph one</p>    <img src="/" alt="Image">    <p>Paragraph two with a <a href="https://example.com">hyperlink</a></p> </div>
  • Elemen teratas dan terbawah adalah division sederhana (<div></div>) yang boleh Dia gunakan untukmark up
    adegan konten yang lebih besar.
  • Korespondensi di atas terdiri atas heading (
    <h1></h1>
    ), subheading (<h2></h2), dua paragraf (<p></p>), dan satu lembaga (
    <img>
    ).
  • Paragraf kedua meliputi sebuah link (
    <a></a>
    ) dengan attribute href yang terdiri atas URL pamrih.
  • Tag rancangan memiliki dua attribute,
    src

    bakal path gambar dan
    alt
    bakal deskripsi kerangka.

Selain itu, beberapa teoretis penggunaan awam HTML adalah:

  • Ekspansi web. Developer menggunakan kode HTML bagi mendesain tampilan elemen halaman web di browser, sama dengan teks, hyperlink, dan file media.
  • Navigasi internet. Pemakai bisa menelusuri dan menyisipkan link antara halaman dan website terkait karena HTML banyak digunakan untuk menyematkan hyperlink.
  • Dokumentasi web. HTML bisa digunakan untuk menata dan memformat kopi, mirip dengan Microsoft Word.

Pengertian Tag HTML dan Fungsinya

Tag HTML memiliki dua keberagaman utama:block-level
daninline tags.

  1. Zarahblock-level
    memakai semua ira yang terhidang dan selalu menciptakan menjadikan line bau kencur di dalam sahifah. Contoh dari tag
    block
    adalah heading dan gugus kalimat.
  2. Elemeninline
    saja memakai space sesuai dengan kebutuhannya dan tidak takhlik line baru di halaman. Umumnya partikel ini akan memformat isi konten dari anasirblock-level. Paradigma dari tag inline adalah link danemphasized strings.

Tag Block-Level

Tiga tag block-level yang harus dimiliki maka dari itu setiap dokumen HTML adalah<html>, <head>,dan<body>.

  1. Tag<html></html>
    merupakan elemen level termulia yang melibatkan setiap halaman HTML.
  2. Tag<head></head>
    menyimpan informasi meta, sama dengan judul dancharset
    halaman.
  3. Tag<body></body>melampirkan semua konten yang muncul pada suatu pelataran.
<html>   <head>     <!-- META INFORMATION -->     </head>   <body>     <!-- PAGE CONTENT -->   </body> </html>
  • Heading memiliki 6 level. Level tersebut berjenis-jenis, mulai mulai sejak

    <h1></h1>

    sampai

    <h6></h6>
    , di mana h1 yakni level heading tertinggi dan h6 yakni level terendah. Alinea dibuka dan ditutup dengan tag
    <p></p>
    , sedangkan blockquote menggunakan tag
    <blockquote></blockquote>
    .
  • Division merupakan babak konten nan lebih samudra dan rata-rata terdiri atas beberapa paragraf, gambar, kadang-kadang blockquote, dan elemen makin kecil lainnya. Kita bisa membuatmark updengan menggunakan tag
    <div></div>
    . Di dalam unsur div pula terdapat tag div lainnya.
  • Anda juga bisa memperalat tag
    <ol></ol>
    untuk list yang berurutan dan
    <ul></ul>

    untuk list nan tidak berurutan. Saban list item harus dibuka dan ditutup dengan tag
    <li></li>
    . Sebagai contoh, di bawah ini  yaitu tampilan dasar daftar tak berantai kerumahtanggaan HTML:
<ul>     <li>List item 1</li>     <li>List item 2</li>     <li>List item 3</li> </ul>

Tag Inline

Sebagian ki akbar tag inline digunakan cak bagi memformat referensi. Sebagai contoh, tag<strong></strong>
akan render elemen ke ukuranbold,sedangkan tag<em></em>
akan ditampilkan kerumahtanggaan format
italic.

Hyperlink adalah zarah inline yang mewajibkan adanya tag
<a></a>

dan attributehref
untuk mengindikasi tujuan link:

<a href="https://example.com/">Click me!</a>

Gambar (image) juga merupakan elemen inline. Ia bisa menambahkan satu gambar dengan menggunakan
<img>

tanpa harus membubuhkan tag penutup. Saja tetapi, Anda disarankan menggunakan attribute
src

cak bagi menentukan path rang, misalnya:

<img src="/images/example.jpg" alt="Example image">

Jika ingin mempelajari lebih privat tentang pengertian tag HTML serta tag HTML dan funsginya, yuk baca artikel cheat sheet kami, teoretis dengan link unduhan dokumen PDF bikin membantu Sira mempelajarinya.

Barang apa yang Membedakan HTML dengan HTML5?

Sejak permulaan diperkenalkan, bahasa ini telah melewati jalan yang cukup signifikan. W3C terus merilis versi dan update terbaru sekali lalu mencetak sejarah dan mengukuhkan keberadaannya.

HTML4 (dikenal perumpamaan “HTML”) dirilis lega tahun 1999 dan versi terbarunya diperkenalkan pada publik puas tahun 2022, yaitu
HTML5, versi terbaru ini menambahkan lebih banyak fitur plonco ke bahasa mark up ini.

Salah satu fitur usil di HTML5 adalah dukungan bakal embed audio dan video. Kaprikornus, alih-alih menunggangi Flash player, kita boleh menyematkan file video dan audio ke halaman website dengan memanfaatkan tag

<audio></audio>
dan
<video></video>
. Fitur tersebut juga mempunyai dukungan bawaan bagi SVG dan MathML kerjakan rumus  matematika dan ilmiah.

HTML5 pun memopulerkan beberapa perbaikan pada semantic. Tag semantic baru mengangkut pesiaran pada browser tentang arti konten, yang  bukan hanya signifikan untuk pembaca, tapi pula mesin pencari.

Tag semantic yang paling banyak digunakan adalah
<article></article>, <section></section>, <aside></aside>, <header></header>,
dan
<footer></footer>
. Jikalau ingin mempelajari selanjutnya, silakan baca kata sandang kami adapun perbedaan HTML dan HTML5.

Keefektifan dan Kekurangan HTML

Sama seperti kejadian teknis lainnya n domestik dunia web, bahasa markup ini pula punya guna dan kekurangannya.

Berikut
kelebihan HTML:

  • Digunakan secara luas dan memiliki banyak sumber serta komunitas yang besar.
  • Dijalankan secara alami di setiap web browser.
  • Mudah dipelajari.
  • Open-source dan selengkapnya gratis.
  • Rapi dan patuh.
  • Menjadi standar biasa web, dikelola makanya (W3C).
  • Integrasi mudah dengan bahasa
    backend, seperti PHP dan Node.js.

Kemudian,
kesuntukan HTML
ialah:

  • Umumnya digunakan untuk halaman web statis. Buat fitur dinamis, Anda dapat menggunakan JavaScript atau bahasa backend, begitu juga PHP.
  • Tidak bisa menjalankan
    logic. Jadinya, semua jerambah web harus dibuat terpisah sungguhpun menggunakan elemen yang sama, sama dengan header dan footer.
  • Fitur yunior tidak bisa digunakan dengan cepat di sebagian browser.
  • Perilaku browser adakalanya rumit diprediksi. Misalnya, browser lama tidak demap bisa merender tag yang lebih baru.

Kontak HTML, CSS, dan JavaScript

Sungguhpun dinyatakan andai bahasa markup nan usil dan mudah, HTML tak seutuhnya bisa menciptakan menjadikan website nan profesional dan paham. Bahasa ini hanya bisa digunakan untuk meninggi elemen dan membuat struktur konten.

Cuma di suatu sisi, bahasa ini boleh bekerja secara maksimal dengan bilingual frontend: CSS (Cascading Style Sheets) dan JavaScript. Takdirnya digabungkan, kedua bahasa frontend ini boleh meningkatkan asam garam user dan memberikan keistimewaan nan kian canggih.

  • CSS erat kaitannya denganstyling, seperti background, warna, layout, spacing, dan animiasi.
  • JavaScript memungkinkan Ia menambahkan fungsionalitas yang dinamis, seperti slider, pop-up, dan galeri foto.

Jikalau digambarkan, berikut perbedaan HTML dan CSS dan JavaScript: HTML adalah individu yang enggak melingkarkan busana segala apa lagi, kemudian CSS merupakan bajunya, kemudian JavaScript merupakan aktivitas dan sikap orang tersebut.

Kaprikornus, HTML Yakni…

Sampai di sini, Anda sudah mempelajari apa itu HTML, pengertiannya, dan cara kerjanya.

HTML yakni bahasa markup, bukan bahasa pemrograman, dan tidak memiliki kemampuan bakal membuat fungsionalitas nan dinamis. Dengan bahasa markup ini, user bisa mengelola dan memformat dokumen secara statis, sama seperti Microsoft Word.

Beralaskan cara kerja HTML, Sira bisa menggunakannya untuk membuat struktur konten plong website dan permohonan web (menggunakan coding sederhana).

HTML adalah level terbawah semenjak teknologi frontend dan berfungsi seumpama dasar
styling
yang bisa Anda tambahkan dengan CSS dan fungsionalitas yang boleh dijalakan menggunakan JavaScript.

Author

Faradilla, yang lebih akrab disapa Ninda, ialah Content Manager di Hostinger. Engkau demen mengikuti tren seputar teknologi, digital marketing, dan belajar bahasa. Melampaui latihan Hostinger ini, Ninda ingin berbagi informasi dan membantu pembaca menyelesaikan kebobrokan nan dialami.

Source: https://www.hostinger.co.id/tutorial/apa-itu-html

Posted by: gamadelic.com