Mengenal Kode HTML

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> <!-- iklan masyarakat --> <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 /><!-- >             : Definisi kompentar dlm source code<br /><a name='more'></a><br />Tag-tag pemformatan:<br /><b>         : Teks yg ditebalkan<br /><big>       : Teks dgn ukuran yg besar<br /><em>       : Teks yg diberi tekanan<br /><i>           : Teks yg dimiringkan<br /><small>    : Teks yg kecil ukurannya<br /><strong>  : Teks yg ditebalkan<br /><sub>      : Subscipt<br /><sup>      : Superscript<br /><ins>        : Teks yg disisipkan<br /><del>       : Teks yg dihapus<br /><u>          : Teks yg diberi garis bawah Tag-tag Link & List:<br /><a>       : Definisi untuk ancor<link>    : untuk warna text sebelum diklik <br /><vlink>  : untuk mengubah warna text link setelah diklik<br /><alink>  : akan mengubah warna link aktif<br /> <ol>      : Ordered list / untuk penomoran<br /> <ul>      : Unordered List / bullet<br /> <li>       : List item<br /> <dl>      : Definition term<br /> <dd>     : Definition description Karakter khusus dlm file HTML :<br />& quot ;   ( " )  <br />& amp ;   ( & )  <br />& frasl ;    ( ⁄ )  <br />& lt ;         ( < ) <br />& gt ;        ( > )  <br />& nbsp ;    ( spasi )<br />& copy ;    ( © ) Selamat mencar ilmu & berhasil senantiasa!!! </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> <!-- iklan masyarakat --> <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/menu-tab-view-tanpa-edit-html-2/" target="_blank" rel="dofollow" class="u6c59c7b0799c7dccf2af652c64915376"><!-- INLINE RELATED POSTS 1/3 //--><style> .u6c59c7b0799c7dccf2af652c64915376 { 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; } .u6c59c7b0799c7dccf2af652c64915376:active, .u6c59c7b0799c7dccf2af652c64915376:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u6c59c7b0799c7dccf2af652c64915376 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u6c59c7b0799c7dccf2af652c64915376 .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .u6c59c7b0799c7dccf2af652c64915376 .postTitle { color:#464646; text-decoration: underline!important; font-size: 16px; } .u6c59c7b0799c7dccf2af652c64915376:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText"></span>  <span class="postTitle">Menu Tab View Tanpa Edit HTML 2</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/gambar-ikan-untuk-mewarnai/">Download Gambar Ikan Untuk Mewarnai</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-1-muharram/">Download Gambar Mewarnai 1 Muharram</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-anime-perempuan/">Download Gambar Mewarnai Anime Perempuan</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-barbie-hijab/">Download Gambar Mewarnai Barbie Hijab</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-boboiboy/">Download Gambar Mewarnai Boboiboy</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-gunung/">Download Gambar Mewarnai Gunung</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-islami-untuk-anak-sd/">Download Gambar Mewarnai Islami Untuk Anak Sd</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-isra-miraj/">Download Gambar Mewarnai Isra Miraj</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-kupu-kupu/">Download Gambar Mewarnai Kupu Kupu</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://wargamasyarakat.org/gambar-mewarnai-robot/">Download Gambar Mewarnai Robot</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 async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- iklan masyarakat --> <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><!--[if lte IE 11]> <script src="https://wargamasyarakat.org/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.5.1" id="generate-classlist-js"></script> <![endif]--> <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>