HTML ialah singkatan dari Hypertext Markup Language yang berisi standar bahasa pengaturan makro keberadaan dan aplikasi web seperti halaman dan lain-lain.
Biasanya penggunaan HTML umumnya digunakan pada bagian paragraf, huruf kemudi dan link pada halaman web. Meskipun tampilan seperti kode, harus diingat bahwa HTML bukanlah bahasa pemrograman.
HTML tidak dianggap sebagai bahasa pemrograman karena tidak memberikan fungsi yang dinamis. Sekarang, bahasa markup ini dianggap sebagai standar web resmi. W3C memegang bagian dari pengaturan HTML; mereka juga mempromosikan untuk semakin banyaknya orang yang terlibat aktif dengan HTML.
Sejarah HTML
HTML berasal dari United States Amerika Serikat dan dimulai pada tahun 1990. Tim Berners-Lee, seorang pendiri World Wide Web (Internet), merilis sebuah program bernama HTML. HTML pertama kali dirilis pada tahun 1991 dan sejak saat itu setiap versinya liter punya tag dan attribute yang baru.
Ketika Anda bekerja dengan bahasa markup ini, Anda menggunakan struktur kode sederhana (tag dan attribute) untuk mark up halaman website Anda. Dengan struktur itu, Anda bisa membuat sebuah paragraf yang sempurna dengan menyimpannya antara tag <p> dan tag </p>.
<p>Selamat datang!</p>
Dikarenakan popularitasnya yang tak pernah berhenti bertumbuh, bahasa markup ini kini diyakini sebagai standar web resmi. Spesifikasi HTML dipelihara dan dikembangkan oleh World Wide Web Consortium (W3C). Berdasarkan milik Mozilla Developer Network, saat ini ada 140 tag HTML, meski sebagiannya sudah tidak lagi mendukung oleh beberapa versi terbaru browser.
Kemudian, pada tahun 2014 HTML5 mulai dikenalkan. Dengan kehadiran HTML 5, ada semantik baru seperti <artcile>, <header>, dan <footer> yang memperjelas bagian-bagian dalam konten. Nah, setelah Anda tahu apa itu HTML, selanjutnya kami akan membahas caranya.
Contoh Dasar HTML
Membuat file HTML dengan nama "example.html" yang berakhir dengan ekstensi .htm atau .html. Dengan memakai web browser seperti Google Chrome, Safari, atau Mozila Firefox, kita harus membaca initial-nya dan melihat dirinya.
Untuk menghindari kesulitan dalam membaca atau pemakaian, situs web biasanya menyertakan beberapa halaman HTML yang berbeda-beda. Sebagai contoh: Halaman Beranda, ‘Tentang Kami’, dan Halaman Kontak memiliki dokumentasi sendiri.
Hal. 1 Ikhtisar Model Interaksi; Hal. 2 Berbagai Makna Tag; Hal. 3 Tag dan Struktur alam Melalui Pendekatan Pustaka Yang Dikenal
Ada beberapa elemen bahasa markup yang memiliki tag penutup dan pembuka dengan syntax <tag></tag>.
Kode HTML yang sering digunakan adalah:
Dibawah tanda titik, kanan "The Main Heading" adalah perintah pengecekan. Selain itu, jika Anda ingin menerapkan cara pengecekan lainnya, Anda dapat melakukan ini dengan menambahkan alasan tanpa spasi.
<h2>Kata yang memikat</h2>
Paragraph one
<img src="/images/site-logo.png" alt="Image">
Kedua paragraf berikutnya dengan
<a href="https://example.com">link</a></p>
Ada banyak model elemen yang Anda bisa pakai untuk membuat bagian konten lebih besar. Hal ini akan mempengaruhi apa yang muncul di search engines.
Selain tag tulisan, <a></a>, para paragraph ini mengandung link (<a ></a>) dengan attribute href yang terdiri dari ciri-ciri <link> dan tetekpituan.
Gambar memiliki dua ancaman, src untuk peluru gambar dan alt untuk deskripsi gambar.
HTML adalah bagian dari penggunaan Web Hyper Text Markup Language, umumnya digunakan untuk membuat halaman web yang berisi kode dan pembacaan data.
Tag HTML memiliki karakteristik dua: blok-level dan berputar tags.
Halaman berisi elemen dasar yang menggunakan seluruh areal dan bersamaan membuat baris baru pada dokumen. Contoh tipe elemen dasar adalah kotak kepala atau paragraf.
Elemen ini tidak membuat baris baru dalam halaman dan ia hanya menggunakan ruang sesuai dengan kebutuhannya. Biasanya elemen ini akan memformat isi konten dari tags block-level, contohnya adalah link dan emphasized strings
Sekedar menegaskan bahwa, tag-level-tag ini berlaku untuk semua baris yang terdapat pada seluruh dokumen.
Tiga bagian yang harus dimiliki oleh sebuah dokumen HTML ialah <html>, <head>, dan <body>.
The sentence rewriter has been suggested by Semantic Scholar.
Tag <html></html> adalah elemen level tertinggi yang menyertakan setiap halaman HTML.
Tag <head></head> dibutuhkan untuk semua halaman dan berfungsi sebagai sandera seperti judul dan charset.
Tidak ada kata dalam bahasa Inggris yang terjemahkan <body> dan uhdulangan tersebut diimbaunya.
Language: Arabic
<title></title>
</head>
<!-- META INFORMATION -->
</head>
<!-- PAGE CONTENT -->
Heading punya 6 tingkatan. Tingkatan tersebut variasi, mulai dari <h1></h1> sampai <h6></h6>, di mana h1 merupakan tingkatan yg tertinggi dan h6 adalah tingkat yg penghabisan. Paragraf dimulai dengan baris terbuka dan ditutup dengan tag <p></p>, sedangkan blockquote menggunakan tag <blockquote></blockquote>.
Konten yang mempunyai latar belakang sesuai dengan topik, baik itu gambar ataupun cerita. Tidak harus berdiri sendiri, tetapi lebih penting dibandingkan apa pun, tidak boleh menjadi saman dengan konten yang lainnya.
Anda juga bisa menggunakan istilah <ol></ol> untuk pengumpulan yang berurutan dan <ul></ul> untuk pengumpulan yang tidak berurutan. Tiap-tiap item harus dibuka dan ditutup dengan tag <li></li>. Sebagai contoh, di bawah ini adalah tampilan daftar tidak berurutan standar dalam HTML:
<ul><li>Kami memiliki koleksi terbesar dari gamis dan kaos</li><li>Mengapa pasti ke sini? Karena siapa yang tidak suka wholesale ?</li><li>Kami menyediakan kebutuhan kasar anda, seperti bahan ikat kerah, pemberian aksesoris</li></ul>
<li>List item 1</li>
<li>List item 4</li>
<ul>
{%raw%} Kami menawarkan konsultasi pemerintahan dan layanan assessment pengujian beberapa tahun yang terakhir. Tahun ini membentuk tim pelaksana SDG4 dan melakukan penelitian tentang SDG4. Klien-kami biasanya dari organisasi publik, lembaga kemanusiaan terkemuka atau menengah di berbagai bidang lainnya taat kepada etika bisnis.</ul>
Translation:
</ul>
<ul>
{%raw%} We offer consulting and assessment services for the past few years of government administration service. This year we have created a team to implement SDG4, and doing research on SDG4. Our clients usually come from public organizations, NGO's or other organization that adheres to business ethics.</ul>
Sebagian besar tag inline digunakan untuk melengkapi teks. Sebagai contoh, tag <strong></strong> akan menampilkan elemen ke format bold, dan tag <em></em> akan ditampilkan dalam format italic.
Pada masa ini, hyperlink merupakan elemen inline dengan attribute href sebagai isian. Hyperlink berfungsi sebagai indikasi dari tag <a> dan isiannya.
Gambar (image) merupakan bagian dari elemen inline. Anda dapat menambahkan satu gambar dengan memulai tanda <img> tanpa harus membubuhkan tanda penutup. Hanya saja, Anda sebaiknya menggunakan attribute src untuk menentukan path gambar, misalnya:
<img src="/images/example.jpg" alt="Example image" style="width:6ex; height:2ex">
Tampilan buruk yang mengabaikan peralatan media gambar, tampilan kembali seperti web pada tahun 1990-an. Membuat referensi SEO semakin sulit dan memakan waktu banyak untuk melengkapi informasi ternyata HTML5 tidak memberikan perlindungan apapun dari spam dan dipaksa pengguna untuk mengindikasikan gaya iklan mereka.
Sejak muncul pertama kali, bahasa ini sudah melakukan perkembangan yang signifikan. W3C terus membuat versi dan update terbaru selagi mereka menuliskan sejarah dan mempersenjatai keberadaannya.
Sebelumnya, apapun bisa disebut sebagai HTML. Namun, pada 2001 mendesain perintah kode baru telah memasuki pasar dan ini akan mengakibatkan mode browser semua nuklir terlambat merasuk di industri ini
Untuk menghemat space, HTML5 mendukung penggunaan audio dan video. Jadi, kami tidak perlu menggunakan Flash player lagi. Kita bisa memasang file video dan audio di halaman website dengan menggunakan tag <audio></audio> dan ile <video></video> dan juga memiliki dukungan terhadap SVG dan MathML untuk rumus matematika dan ilmiah.
Gumawa besar-besaran dengan mengasumsikan bahwa kata <article></article> dan <section></section> merupakan tag semantic yang paling banyak digunakan. Jika ingin mempelajari lebih lanjut, baca artikel kami tentang perbedaan HTML dan HTML5.
Ada banyak manfaat dan kelemahan bagi HTML
Sama seperti hal-hal teknis lainnya dalam dunia web, bahasa markup juga punya kelebihan dan kekurangan.
HTML memiliki beberapa kelebihan:
The world’s most popular blogging site is used by tens of millions around the world and has a large number of sources and active communities.
Hal tersebut menjadi sebuah standar web resmi, yaitu berdiri sendiri dan diposting oleh pirang W3C. Integrasi dengan bahasa backend yang mudah, seperti PHP dan Node.js.
Kemudian, berikut adalah kelebihan HTML:
Umumnya diaplikasikan untuk halaman web statis. Untuk fitur dinamis, Anda bisa menggunakan JavaScript atau bahasa backend, seperti PHP.
Tidak bisa membuat logic. Akar tree, semua halaman web harus dibuat terpisah meskipun menggunakan elemen yang sama, seperti header dan footer.
Fitur baru tidak akan bisa digunakan secara instan di beberapa browser.
Perilaku browser sewaktu berbicara tentang browser lama dan baru tidak selalu sama. Misalnya, browser lama tidak selalu bisa merender tag terbarunya.
Pada tahapan kedua dari sebuah website, pengembang harus memilih saja jenis HTML yang tepat untu website yang dimaksud. Sebagian besar pengembang web menggunakan film HTML dan CSS baru untuk membangun website mereka sendiri.
Meskipun dinyatakan sebagai bahasa markup yang canggih dan mudah, HTML tidak sepenuhnya bisa membuat website yang profesional dan responsif. Bahasa ini hanya bisa digunakan untuk menambah elemen dan membuat struktur konten, bukan untuk mencari objek di dalamnya.
Namun, baik CSS dan JavaScript masing-masing memiliki beberapa kelebihan yang terpisah. Misalnya, bahasa ini bisa beroperasi secara optimal dengan dua bahasa frontend: CSS dan JavaScript. Jika mereka dibantu oleh keduabelas bahasa frontend, kelebihan dari setiap bahasa frontend ini akan tercermin di iklim IT anda dengan web yang lebih baik.
CSS merupakan berkaitan dengan desain seperti background, warna, layout, atau jarak.
JavaScript yang ada di dalam blog memungkinkan Adobe untuk menambahkan fungsionalitas yang dinamis, seperti slider, galeri foto, dan pop-up.
Saat HTML dan CSS berbenturan dengan JavaScript, HTML bisa dibilang seseorang yang tidak pernah melihat urusan lainnya. CSS hanya akan memikirkan tentang penampilan Anda, sedangkan JavaScript akan mengembalikan semua kecenderungan dari sesuatu tempat.
Dengan kode HTML, penggunanya tidak bisa melihat hasilnya sebelum meng-upload ke layanan hosting. HTML bukanlah sebuah bahasa pemrograman dan tidak memiliki fungsi-fungsi dinamis.
Pada umumnya, HTML adalah standar penulisan konten pada website dan aplikasi web (dengan penggunaan coding sederhane). HTML merupakan tingkat terbawah dari teknologi frontend dan berfungsi untuk mekanisme berstruktur pada situs web. Untuk membuat struktur yang halus, Anda cukup menggunakan HTML. Anda juga bisa tambahkan CSS untuk konten mekanis yang berguna dan fungsionalitas yang bisa dijalankan oleh JavaScript.
Thank you for reading to the end, have a nice day guys^^