HTML adalah … dan Penjelasan Contoh HTML Sederhana

Thursday, 5 November 2020

HTML adalah … kependekan kata dari Hyper Text Markup Language, ialah suatu bahasa markup yang dipakai buat membuat suatu laman website. Sang HTML inilah yang menata suatu laman website jadi begitu juga yang kita amati lewat browser( pengunjung internet). So, berlatih HTML serta paham gimana metode HTML beroperasi akan sungguh berarti bila kalian mau turun ke dunia website development.

Sebenernya kala beroperasi dalam menampilkan serta menata suatu laman website sang HTML ini tidak sendiri, ia pula dibantu oleh sahabatnya yang lain ialah sang CSS serta sang JavaScript. Sang HTML sendiri bekerja menata kerangka laman website, sang CSS yang hendak merapihkan serta mempercantik bentuk laman website, sebaliknya sang JavaScript- lah yang bekerja membuat laman website jadi lebih interaktif. Pada kesempatan yang lain kita bakal coba mangulas CSS serta JavaScript, tetapi buat kali ini marilah kita bikin sang HTML jadi figur penting.

Butuh dicermati, HTML tidaklah satu buah bahasa pemrograman. HTML ialah bahasa markup yang bermuatan perintah- perintah dengan bentuk khusus yang tertata buat menunjukkan bentuk khusus. Bagus, ayo kita bikin jadi lebih simpel. Misalnya di laman website kita kerap memandang terdapat bacaan yang ditulis tebal semacam selanjutnya:

Asal usul HTML

Asal usul HTML singkat ialah selanjutnya:

Asal usul HTML hingga sekarang- Sejarah terjadinya HTML ialah pada tahun 1989, HTML dibikin oleh kerja sama Berners- lee Robert dengan Caillau TIM pada dikala mereka bertugas di CERN( CERN ialah badan riset fisika tenaga besar di Jenewa). saat itu menyebabkan ilham buat menghasilkan suatu naskah bahasa pemrograman pada sesuatu dokumen yang diketahui dengan HTML.

Saat ini ini pemakaian serta pengembangan HTML dikendalikan oleh World Wide Web Consortium( W3C) serta tipe HTML terakhir yang dipakai dikala ini merupakan HTML5, dimana tipe HTML ini memiliki fitur yang lebih bagus dibandingkan tipe HTML yang tadinya.

Guna HTML( HyperText Markup Language)

Guna HTML yang lebih khusus ialah:

Membuat laman website.
Menunjukkan bermacam data di dalam suatu browser Internet.
Membuat link mengarah laman website lain dengan isyarat khusus( hypertext).

Keunggulan serta Kekurangan HTML

Selanjutnya ini merupakan sebagian keunggulan serta kekurangan bahasa HTML:

Keunggulan HTML

Keunggulan memakai HTML ialah:

Bahasa yang dipakai dengan cara menyebar serta memiliki banyak basis dan komunitas yang besar.
Bahasa markup yang tidak berubah- ubah serta apik.
Bisa dijalani dengan cara natural pada tiap website browser.
Open- source serta free seluruhnya.
Memiliki learning curve yang gampang.
Gampang buat diintegrasikan dengan bahasa permrograman PHP serta Node. js.
Ialah Standard website yang sah dimaintain oleh W3C( World Wide Web Consortium).

Kekurangan HTML

Kelemahan HTML ialah:

Lebih kerap dipakai buat laman website yang statis. Buat fitur yang energik, kalian bisa memakai JavaScript ataupun bahasa PHP.
HTML tidak bisa membolehkan user buat menjalnakan logic. Alhasil seluruh laman website wajib terbuat dengan cara terpisah meski bagian yang dipakai serupa semacam header serta footer.
Fitur- fitur yang terkini tidak bisa dipakai dengan segera di sebagian browser.
Sikap browser sering- kali sulit buat diprediksi( Contoh, browser yang lama tidak senantiasa bisa merender tag yang lebih terkini).

Contoh HTML

Selanjutnya merupakan sampel bahasa HTML yang bisa dipakai buat membuat suatu web. Kode- kode Dasar buat membuat suatu HTML, berikut :

bermanfaat buat mengawali suatu HTML.
dipakai buat menutup suatu HTML serta dimulai pula dengan garis miring“ atau”.
bermanfaat buat berikan judul pada yang kelaknya bakal timbul di Tab Browser.</li><li><head> bermanfaat buat bagian Header ataupun atas.</li><li></head> berfungsi buat penutup header serta didahului dengan garis miring“ atau”.</li><li><body> dipakai buat bagian body ataupun isi dalam HTML</li><li></body> berfungsi buat penutup atau menutup Body serta dimulai dengan garis miring“ atau”.<br /></li></ul><p style="text-align: left;">Tidak hanya kode- kode dasar, pada html pula ada tag- tag khusus yang mensupport kita dalam membuat suatu web. Tag- tag itu yakni:<br /></p><ul style="text-align: left;"><li><h1> Tag Heading, yang mempunyai tingkat 1, tidak hanya <h1> terdapat pula <h2>, <h3>, <h4>, <h5>, serta<h6><b> Bold berperan buat membuat huruf jadi tebal.<br /></li></ul><p style="text-align: left;"></p><ul style="text-align: left;"><li><i> Italic berperan buat membuat huruf jadi miring.</li><li><u> Underline berperan buat membuat huruf bercorek dasar.</li><li><p> berperan buat membuat suatu Alinea.<br /></li></ul><p style="text-align: left;"><br /><b>Berperan buat membuat suatu baris terkini ataupun enter.</b><br /></p><ul style="text-align: justify;"><li><hr> dipakai buat membuat suatu garis mendatar.</li><li><center> dipakai buat membuat catatan ataupun gambar yang terletak di tengah- tengah.</li><li><img decoding="async" loading="lazy" src=” gambar- anda. jpg ataupun Url gambar kamu”> gunanya merupakan buat memasukan suatu lukisan.</li><li><body bgcolor=” black”> dipakai buat berikan corak pada latar belakang ataupun latar belakang serta“ black” ialah corak yang dipakai. Kita bisa mengubah rupanya cocok kemauan, misalnya“ blue”,“ green”,“ red”, serta lain- lain.</li><li><font color=” red”> dipakai buat menata corak text serta ditutup dengan< atau font<font size=” 12″> berperan buat menata dimensi suatu text serta ditutup dengan < atau font<font face=” arial”> gunanya buat menata tipe font ataupun text yang akan dipakai.</li><li><marquee> berperan buat membuat suatu text atau gambar bergerak. <br /></li></ul> </div> <div id="AdCode"> <div style='margin:5px 0;text-align:center;clear:both;'>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5195944389981975" data-ad-slot="1251814138" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5195944389981975" data-ad-slot="1709504357" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <script> $AdCode = $("#AdCode").html(); $("#ads-bro p:eq(8)").append($AdCode); $("#AdCode").remove(); </script> <footer> <p class="post__last-updated"> This article was updated on Sunday, 26 March 2023 </p> <div class="post__tags-share"> <ul class="post__tag"> <li> <a href="https://www.ridvanmau.com/topik/blog-arsip/">Blog Arsip</a> </li> </ul> <aside class="post__share"> </aside> </div> <nav class="post__nav"> <div class="post__nav__prev"> <a class="post__nav__link" href="https://www.ridvanmau.com/apa-itu-blogging/" rel="prev"> Previous Post <h3 class="h6">Apa itu Blogging</h3> </a> </div> <div class="post__nav__next"> <a class="post__nav__link" href="https://www.ridvanmau.com/kode-warna-html-css-lengkap-full-color-dan-tips-memilah-warna/" rel="prev"> Next Post <h3 class="h6">Kode Warna CSS: Panduan Lengkap Untuk Pemula</h3> </a> </div> </nav> </footer> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5195944389981975" data-ad-slot="6840897405"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </article> <div class="comments-area post__inner" id="comments"> <div class="comments"> <div class="comments-wrapper"> <h2 class="mb-2"> Comments </h2> <div id="cusdis_thread" data-host="https://cusdis.com" data-app-id="ed182b0c-665f-4e93-ac07-1c15b5f79250" data-page-id="359" data-page-url="https://www.ridvanmau.com/html-adalah-dan-penjelasan-contoh-html-sederhana/" data-page-title="HTML adalah … dan Penjelasan Contoh HTML Sederhana" data-theme="dark"></div> <noscript> Please enable JS to use the comments form. </noscript> <script type="text/javascript"> var cusdis_element_to_check = document.getElementById('cusdis_thread'); if ('IntersectionObserver' in window) { var iObserver = new IntersectionObserver( (entries, observer) => { entries.forEach(entry => { if (entry.intersectionRatio >= 0.1) { (function () { var d = document, s = d.createElement('script'); s.defer = true; s.src = 'https://cusdis.com/js/cusdis.es.js'; (d.head || d.body).appendChild(s); })(); observer.unobserve(entry.target); } }); }, { threshold: [0, 0.2, 0.5, 1] } ); iObserver.observe(cusdis_element_to_check); } else { (function () { var d = document, s = d.createElement('script'); s.defer = true; s.src = 'https://cusdis.com/js/cusdis.es.js'; (d.head || d.body).appendChild(s); })(); } </script> <script type="text/javascript"> </script> </div> </div> </div> </div> <div class="post__related"> <div class="wrapper"> <h2 class="h5"> Related posts </h2> <div class="l-grid l-grid--4"> <article class="c-card"> <a href="https://www.ridvanmau.com/free-premium-accounts-filesonic-wupload-hotfile-for-11-oktober-2011/" class="c-card__image"> <img src="https://www.ridvanmau.com/media/posts/9/no-image.jpg" srcset="https://www.ridvanmau.com/media/posts/9/responsive/no-image-xs.webp 300w ,https://www.ridvanmau.com/media/posts/9/responsive/no-image-sm.webp 480w ,https://www.ridvanmau.com/media/posts/9/responsive/no-image-md.webp 768w ,https://www.ridvanmau.com/media/posts/9/responsive/no-image-lg.webp 1200w" sizes="(min-width: 56.25em) 100vw, (min-width: 37.5em) 50vw, 100vw" loading="lazy" height="349" width="680" alt=""> </a> <div class="c-card__wrapper"> <header class="c-card__header"> <div class="c-card__tag"> <a href="https://www.ridvanmau.com/topik/blog-arsip/">Blog Arsip</a> </div> <h3 class="c-card__title"> <a href="https://www.ridvanmau.com/free-premium-accounts-filesonic-wupload-hotfile-for-11-oktober-2011/" class="invert"> Free Premium Accounts Filesonic, Wupload, Hotfile for 11 Oktober 2011 </a> </h3> </header> <footer class="c-card__meta"> <time datetime="2011-10-11T06:45"> Tuesday, 11 October 2011 </time> <div class="c-card__comments"> <a href="https://www.ridvanmau.com/free-premium-accounts-filesonic-wupload-hotfile-for-11-oktober-2011/#comments" rel="nofollow" aria-label="Comments"> <svg aria-hidden="true"> <title>Comments