Mengenal Kode HTML – Media Masyarakat

Bagi teman-teman yg gres berguru & ingin tahu ihwal kode-kode HTML, silahkan pelajari kode-instruksi dasar berikut.

HTML ialah abreviasi dr Hypertext Markup Language yg merupakan bahasa dr World Wide Web (WWW) yg dipergunakan untuk menyusun & membentuk dokumen biar mampu ditampilkan pada acara browser

Tag-tag dasar HTML:
: Definisi suatu dokumen HTML
: Definisi judul dlm dokumen<br /><body data-rsssl=1> : Definisi body dokumen</p> <h1> – </p> <h6> : Definisi heading 1 s/d 6</p> <p> : Definisi suatu paragraf</p><div class="1fb8d52b73d1856f4c031cee619bba08" data-index="1" style="float: none; margin:10px 0 10px 0; text-align:center;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2727510542319988" data-ad-slot="5369144759" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> : Sisipan line break<br /> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2727510542319988" data-ad-slot="5369144759" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div style="font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;"></div><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://wargamasyarakat.org/membuat-garis-tepi-gambar-berdisko/" target="_blank" rel="dofollow" class="u720ef0e3831112cb55eb952e5beed08e"><style> .u720ef0e3831112cb55eb952e5beed08e { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#FFFFFF; border:0!important; border-left:4px solid #464646!important; text-decoration:none; } .u720ef0e3831112cb55eb952e5beed08e:active, .u720ef0e3831112cb55eb952e5beed08e:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u720ef0e3831112cb55eb952e5beed08e { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u720ef0e3831112cb55eb952e5beed08e .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .u720ef0e3831112cb55eb952e5beed08e .postTitle { color:#464646; text-decoration: underline!important; font-size: 16px; } .u720ef0e3831112cb55eb952e5beed08e:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText"></span> <span class="postTitle">Membuat Garis Tepi Gambar Berdisko</span></div></a></div> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://wargamasyarakat.org/category/tutorial-blog/" rel="category tag">Tutorial Blog</a></span> <span class="tags-links"><span class="gp-icon icon-tags"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M20 39.5c-8.836 0-16 7.163-16 16v176c0 4.243 1.686 8.313 4.687 11.314l224 224c6.248 6.248 16.378 6.248 22.626 0l176-176c6.244-6.244 6.25-16.364.013-22.615l-223.5-224A15.999 15.999 0 00196.5 39.5H20zm56 96c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z"/><path d="M259.515 43.015c4.686-4.687 12.284-4.687 16.97 0l228 228c4.686 4.686 4.686 12.284 0 16.97l-180 180c-4.686 4.687-12.284 4.687-16.97 0-4.686-4.686-4.686-12.284 0-16.97L479.029 279.5 259.515 59.985c-4.686-4.686-4.686-12.284 0-16.97z" /></svg></span><span class="screen-reader-text">Tags </span><a href="https://wargamasyarakat.org/tag/tutorial-blog/" rel="tag">Tutorial Blog</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts"> <div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://wargamasyarakat.org/membuat-menu-tab-view-tanpa-edit-html/" rel="prev">Membuat Menu Tab View tanpa Edit HTML</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://wargamasyarakat.org/cara-membuat-text-tulisan-berjalan/" rel="next">Cara Membuat Text/Tulisan Berjalan</a></span></div> </nav> </footer> </div> </article> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="block-4" class="widget inner-padding widget_block widget_text"> <p>Cek Juga:<br><strong>- <a href="https://penerbitalquran.com/">Penerbit Alquran</a></strong><br>- <strong><a href="https://percetakanalquran.com/">Percetakan Alquran</a></strong><br>- <a href="https://jalanbentar.com/wisata-barabai/">Wisata Barabai</a><br>- <a href="https://sosiologiku.com/">Sosiologi</a></p> </aside><aside id="block-3" class="widget inner-padding widget_block widget_recent_entries"><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-ka-bah/">Download Mewarnai Ka Bah</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-huruf-hijaiyah-untuk-anak-tk/">Download Mewarnai Huruf Hijaiyah Untuk Anak Tk</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-huruf/">Download Mewarnai Huruf</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-helikopter/">Download Mewarnai Helikopter</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-gambar-unicorn/">Download Mewarnai Gambar Unicorn</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-gambar-tema-tanah-airku/">Download Mewarnai Gambar Tema Tanah Airku</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-gambar-sayuran/">Download Mewarnai Gambar Sayuran</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-gambar-sapu/">Download Mewarnai Gambar Sapu</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-gambar-rumah-dan-pemandangan/">Download Mewarnai Gambar Rumah Dan Pemandangan</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/mewarnai-gambar-princess-muslimah/">Download Mewarnai Gambar Princess Muslimah</a></li> </ul></aside> </div> </div> </div> </div> <div class="site-footer"> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> <span class="copyright">© 2024 Media Masyarakat</span> • Built with <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div> </div> </footer> </div> <script> (function () { document.addEventListener("DOMContentLoaded", function (e) { if (document.hasOwnProperty("visibilityState") && document.visibilityState === "prerender") { return; } if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } let referrer_url = null; if (typeof document.referrer === 'string' && document.referrer.length > 0) { referrer_url = document.referrer; } const params = location.search.slice(1).split('&').reduce((acc, s) => { const [k, v] = s.split('=') return Object.assign(acc, {[k]: v}) }, {}) const url = "https://wargamasyarakat.org/wp-json/iawp/search" const body = { referrer_url, utm_source: params.utm_source, utm_medium: params.utm_medium, utm_campaign: params.utm_campaign, utm_term: params.utm_term, utm_content: params.utm_content, gclid: params.gclid, ...{"payload":{"resource":"singular","singular_id":161764,"page":1},"signature":"592f22bb612a659397699ad4e24208bb"} } const xhr = new XMLHttpRequest() xhr.open("POST", url, true) xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8") xhr.send(JSON.stringify(body)) }) })(); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" data-ad-client="ca-pub-2727510542319988" data-ad-slot="5369144759"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://wargamasyarakat.org/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script> <script id="generate-navigation-search-js-extra"> var generatepressNavSearch = {"open":"Open Search Bar","close":"Close Search Bar"}; </script> <script src="https://wargamasyarakat.org/wp-content/themes/generatepress/assets/js/navigation-search.min.js?ver=3.5.1" id="generate-navigation-search-js"></script> </body> </html>