Hypertext Markup Language adalah merupakan sebuah markup language yang biasa digunakan untuk membuat halaman web, biasanya output adalah berbagai informasi yang terdapat di dalam sebuah web di internet, dan biasanya format yang digunakan hypertext sederhana ditulis dalam berkas format ASCII agar dapat menampilkan output yang terintegrasi.
Penggunaan HTML mirip dengan menulis dokumen secara biasa, yang membedakan adalah di dalam penulisan HTML ditandai oleh tertentu yang mempunyai fungsi berbeda satu dengan yang lain. Berikut adalah beberapa contoh dan fungsi yang biasa digunakan di dalam HTML :
| Nama |
Fungsi |
|
Berfungsi untuk menentukan tipe dokumen |
|
Berfungsi untuk membuat / memulai pembuatan sebuah dokumen HTML |
| </td>
<td width="301">Berfungsi untuk membuat judul sebuah halaman HTML</td>
</tr>
<tr>
<td width="301"><head></td>
<td width="301">Berfungsi untuk membuat informasi tentang dokumen</td>
</tr>
<tr>
<td width="301"><meta></td>
<td width="301">Berfungsi untuk membuat metadata tentang dokumen HTML</td>
</tr>
<tr>
<td width="301"><body></td>
<td width="301">Berfungsi untuk membuat isi dari sebuah halaman HTML</td>
</tr>
<tr>
<td width="301">
<h1> to </p>
<h6></td>
<td width="301">Berfungsi untuk membuat membuat heading</td>
</tr>
<tr>
<td width="301">
</td>
<td width="301">Berfungsi untuk membuat paragraph</td>
</tr>
<tr>
<td width="301"></td>
<td width="301">Berfungsi untuk membuat break</td>
</tr>
<tr>
<td width="301">
<hr>
</td>
<td width="301">Berfungsi untuk memisahkan paragraph yang satu dengan yang lain</td>
</tr>
<tr>
<td width="301"><!-- .. --></td>
<td width="301">Berfungsi untuk membuat komentar</td>
</tr>
<tr>
<td width="301">
<form></td>
<td width="301">Berfungsi untuk membuat form di dalam HTML</td>
</tr>
<tr>
<td width="301"><input></td>
<td width="301">Berfungsi untuk membuat control input</td>
</tr>
<tr>
<td width="301">
<section></td>
<td width="301">Berfungsi untuk membuat bagian dalam file</td>
</tr>
<tr>
<td width="301"></td>
<td width="301"></td>
</tr>
<tr>
<td width="301"><textarea></td>
<td width="301">Berfungsi untuk membuat area text dalam multibaris</td>
</tr>
<tr>
<td width="301"><button></td>
<td width="301">Berfungsi untuk membuat tombol yang dapat ditekan</td>
</tr>
<tr>
<td width="301"><select></td>
<td width="301">Berfungsi untuk membuat <em>drop-down</em> menu</td>
</tr>
<tr>
<td width="301"><optgroup></td>
<td width="301">Berfungsi untuk membuat kelompok pilihan yang berada di <em>drop-down </em>menu</td>
</tr>
<tr>
<td width="301"><option></td>
<td width="301">Berfungsi untuk memasukan pilihan ke dalam drop-down menu</td>
</tr>
<tr>
<td width="301"><label></td>
<td width="301">Berfungsi untuk membuah sebuah label sebuah elemen</td>
</tr>
<tr>
<td width="301"><img></td>
<td width="301">Berfungsi untuk membuat sebuah gambar</td>
</tr>
<tr>
<td width="301">
<map></td>
<td width="301">Berfungsi untuk membuat gambar peta</td>
</tr>
<tr>
<td width="301"><a></td>
<td width="301">Berfungsi untuk membuat hyperlink</td>
</tr>
<tr>
<td width="301"><link></td>
<td width="301">Berfungsi untuk membuat hubungan antara dokumen dengan sumber external</td>
</tr>
<tr>
<td width="301">
<table></td>
<td width="301">Berfungsi untuk membuat table</td>
</tr>
<tr>
<td width="301">
<caption></td>
<td width="301">Berfungsi untuk membuat sebuah caption table</td>
</tr>
<tr>
<td width="301">
<th></td>
<td width="301">Berfungsi untuk membuat header sebuah table</td>
</tr>
<tr>
<td width="301">
<tr></td>
<td width="301">Berfungsi untuk membuat baris sebuah table</td>
</tr>
<tr>
<td width="301">
<td></td>
<td width="301">Berfungsi untuk membuat kolom sebuah table</td>
</tr>
<tr>
<td width="301">
<thead></td>
<td width="301">Berfungsi untuk mengelompokan isi header</td>
</tr>
<tr>
<td width="301">
<tbody></td>
<td width="301">Berfungsi untuk mengelompokan isi body</td>
</tr>
<tr>
<td width="301">
<tfoot></td>
<td width="301">Berfungsi untuk mengelompokan isi footer</td>
</tr>
<tr>
<td width="301">
<col></td>
<td width="301">Berfungsi untuk menentukan property untuk setiap kolom dalam elemen</td>
</tr>
<tr>
<td width="301"><colspan></td>
<td width="301">Berfungsi untuk menggabungkan 2 kolom table menjadi 1</td>
</tr>
<tr>
<td width="301"><param></td>
<td width="301">Berfungsi untuk membuat parameter <em>object</em></td>
</tr>
<tr>
<td width="301"></td>
<td width="301"></td>
</tr>
<tr>
<td width="301"><rowspan></td>
<td width="301">Berfungsi untuk menggabungkan 2 baris table menjadi 1</td>
</tr>
<tr>
<td width="301">
<style></td>
<td width="301">Berfungsi untuk membuat style pada sebuah dokumen</td>
</tr>
<tr>
<td width="301">
<div></td>
<td width="301">Berfungsi untuk mengatur tata letak bagian dalam dokumen</td>
</tr>
<tr>
<td width="301"><script></td>
<td width="301">Berfungsi untuk membuat script di sisi client</td>
</tr>
</tbody>
</table>
<p style="text-align: justify"> <tag> diatas adalah merupakan <tag> yang sering digunakan dalam penulisan HTML, dan masih banyak lagi <tag> lain yang dapat digunakan sesuai dengan kebutuhan <em>user</em>. Adapun yang perlu diperhatikan adalah setelah membuka sebuah <tag> jangan lupa ditutup kembali. Sebagai contoh : </p>
<table> … </table>
<p>, karena jika tidak ditutup bisa terjadi error yang disebabkan oleh <tag> bertabrakan fungsi dengan <tag> yang lain.</p>
<p>Source:</p>
<ol>
<li><a href="https://id.wikipedia.org/wiki/HTML">https://id.wikipedia.org/wiki/HTML</a></li>
<li><a href="https://gilacoding.com/read/tag-tag-pada-html-beserta-fungsinya">https://gilacoding.com/read/tag-tag-pada-html-beserta-fungsinya</a></li>
</ol>
</div>
</div>
</div>
<div class="meta-block -has-author ">
<div class="author-block">
<div class="relative">
<span class="image-box cover square author-picture circle">
<img src="https://sis.binus.ac.id/wp-content/themes/binus-2014-58-core/images/default/avatar.jpg" alt="">
</span>
<span class="author block">Jeffrey Arief Mulyono</span>
<span class="author-info block">Information System Laboratory, Binus University</span>
<a href="http://sis.binus.ac.id/is-laboratory/ " class="absolute inset"></a>
</div>
</div>
<div class="share-block">
<div style="text-align: center;margin: 40px auto 20px;font-size: 16px;font-weight: 600;">Share It :</div>
<ul class="share-links flex-wrap h-center">
<li class="share-link -wa">
<a href="https://wa.me/?text=Pengertian+dan+Fungsi+Tag+Hypertext+Markup+Language+-+https%3A%2F%2Fsis.binus.ac.id%2F2020%2F03%2F31%2Fpengertian-dan-fungsi-tag-hypertext-markup-language%2F" target="blank" class="share-link-a"><span class="svgcon-socmed-wa svg " data-grunticon-embed></span></a>
</li>
<li class="share-link -tw">
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fsis.binus.ac.id%2F2020%2F03%2F31%2Fpengertian-dan-fungsi-tag-hypertext-markup-language%2F" target="blank" class="share-link-a"><span class="svgcon-socmed-tw svg " data-grunticon-embed></span></a>
</li>
<li class="share-link -fb">
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsis.binus.ac.id%2F2020%2F03%2F31%2Fpengertian-dan-fungsi-tag-hypertext-markup-language%2F" target="blank" class="share-link-a"><span class="svgcon-socmed-fb svg " data-grunticon-embed></span></a>
</li>
</ul>
</div>
</div>
</article>
<div class="comment-container">
<header class="block-header type-1">
<div class="icon">
</div>
<h3 class="h1">Comments :</h3>
<span class="desc"></span>
</header> <ol id="the-comments">
</ol>
<div class="comment-preloading text-center">
<img src="https://sis.binus.ac.id/wp-content/themes/binus-2022-core/image/preloader/loading-bar.gif" alt="" class="">
</div>
<div class="comment-main-form">
<div class="comment-form">
<form class="binus-comment-body" action="#" method="post">
<div class="comment-inside">
<header class="comment-meta commentmetadata">
<div class="commenter-input-field">
<div class="field">
<input type="text" name="author" class="author" value="" placeholder="Your Name">
</div>
<div class="field">
<input type="email" name="email" class="email" value="" placeholder="Your Email">
</div>
</div>
<div class="comment-form-cookies-consent">
<label class="meta-text">
<input class="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/>
Save my name, email, and website in this browser for the next time I comment.
</label>
</div> </header>
<textarea name="comment" id="" cols="30" rows="10" class="comment-content text-copy" placeholder="Your Comment.."></textarea>
<div class="comment-recaptcha g-recaptcha" data-sitekey="6LeCAVQeAAAAAPii9F9xJY_OyJVFKbOADJoFPGOJ"></div>
<div class="text-right reply-box" >
<a href="#" class="cancel-reply-comment btn btn-primary btn-reverse">Cancel Reply</a>
<input type="submit" class="btn btn-primary" value="Send">
</div>
</div>
<input type='hidden' name='comment_post_ID' value='25379' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="956f2d7012" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="245"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p> </form>
</div>
<script id="commenter-input-field-template" type="text/html">
<div class="commenter-input-field">
<div class="field">
<input type="text" name="author" class="author" value="" placeholder="Your Name">
</div>
<div class="field">
<input type="email" name="email" class="email" value="" placeholder="Your Email">
</div>
</div>
<div class="comment-form-cookies-consent">
<label class="meta-text">
<input class="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/>
Save my name, email, and website in this browser for the next time I comment.
</label>
</div> </script>
<script id="comment-body-template" type="text/html">
<li id="comment-<%= comment_ID %>" class="comment" data-comment-id="<%= comment_ID %>" >
<article class="binus-comment-body">
<header class="comment-meta commentmetadata">
<div class="comment-vcard v-center">
<div class="commenter-pic">
<span class="image-box square circle">
<img src="<%= comment_pic %>" alt="<%= comment_author %>">
</span>
</div>
<div class="commenter-box">
<cite class="fn commenter-name block"><%= comment_author %></cite>
<span class="meta-text multi-line block" datetime="<%= comment_date %>"><%= comment_date %></span>
</div>
</div>
</header>
<% if(comment_approved === "0") { %>
<div class="comment-unapprove-mark">
Your comment is waiting for approval,it will not visible to others
</div>
<% } %>
<div class="text-copy"><%= comment_content %></div>
</article>
</li>
</script> </div>
</div></div>
</section><footer id="footer" class="type-2-future-students">
<div class="container full-h color-white">
<div class="d-flex">
<div class="menu-address-area">
<div class="connections-area">
<div class="footer-title column-side column-3">
<div class="address-title">
School of Information Systems
</div>
<div class="address-name mt-8">
BINUS UNIVERSITY
</div>
<div class="address-name-sub mt-8">
School of Information Systems
</div>
</div>
<div class="footer-address column-side column-3">
<div class="address-label">LOCATION</div>
<div class="address-group columns mt-8">
<div class="address-icon">
<span class="svgcon-icn-map svg " data-grunticon-embed></span> </div>
<div class="address-detail">
<div class="address-item-label">
Anggrek Campus
</div>
<div class="address-item">
Jl. Kebon Jeruk Raya No. 27, Kebon Jeruk, Jakarta, 11530 Indonesia
</div>
</div>
</div>
<div class="address-label mt-14">CONTACT US</div>
<div class="address-group columns mt-8">
<div class="address-icon">
<span class="svgcon-icn-phone svg " data-grunticon-embed></span> </div>
<div class="address-detail">
<div class="address-item-label">Phone</div>
<div class="address-item">
+62 21 534 5830, +62 21 535 0660 Ext. 1355. Fax +62 21 530 0244 </div>
</div>
</div>
<div class="address-group columns mt-14">
<div class="address-icon">
<span class="svgcon-icn-email svg " data-grunticon-embed></span> </div>
<div class="address-detail">
<div class="address-item-label">Email</div>
<div class="address-item">
schoolisbinus@binus.ac.id
</div>
</div>
</div>
</div>
<div class="footer-socmeds column-side column-3">
<div class="footer-label-title">GET CONNECTED ON</div>
<div class="footer-socmeds-label mt-8">SOCIAL MEDIA</div>
<div class="socmeds-group columns">
<div class="socmeds-item -fb">
<a href="https://fb.me/schoolisbinus" target="_blank">
<span class="svgcon-icn-fb svg " data-grunticon-embed></span> </a>
</div>
<div class="socmeds-item -ig">
<a href="https://www.instagram.com/schoolisbinus/" target="_blank">
<span class="svgcon-icn-ig svg " data-grunticon-embed></span> </a>
</div>
<div class="socmeds-item -tw">
<a href="https://x.com/schoolisbinus" target="_blank">
<span class="svgcon-icn-twitter svg " data-grunticon-embed></span> </a>
</div>
<div class="socmeds-item -tiktok">
<a href="https://www.youtube.com/c/SISBINUSID" target="_blank">
<span class="svgcon-icn-tiktok svg " data-grunticon-embed></span> </a>
</div>
<div class="socmeds-item -line">
<a href="https://sis.binus.ac.id/@schoolisbinus" target="_blank">
<span class="svgcon-icn-line svg " data-grunticon-embed></span>
</a>
</div>
<div class="socmeds-item -youtube">
<a href="https://www.youtube.com/c/SISBINUSID" target="_blank">
<span class="svgcon-icn-youtube svg " data-grunticon-embed></span> </a>
</div>
</div>
</div>
</div>
</div>
<div class="menu-future-students relative">
<div class="binus-component-future-students type-4 theme-univ">
<div class="box-guard">
<div class="color-white flex-container">
<div class="column" id="future-student-header">
<h3 class="headers-title">FUTURE READY</h3>
<p class="headers-desc">GROW WITH BINUS</p>
</div>
<div class="column" id="future-student-link">
<div class="list-link">
<div class="link gabung-binus-btn ">
<div class="link-icon"><img loading="lazy" src="https://sis.binus.ac.id/wp-content/themes/binus-2022-core/image/block-icon/future-students/univ/block-icon-gabung-binus-1.png"/></div>
<p class="link-title">Mulai dari Sini</p>
<i class="arrow next"></i>
<a href="https://gabung.binus.ac.id/?utm_source=binus_website&utm_medium=internal_header&utm_content=sis.binus.ac.id&utm_campaign=gabung_binus_link" class="absolute inset" target="_blank"></a>
</div>
<div class="link ">
<div class="link-icon"><img loading="lazy" src="https://sis.binus.ac.id/wp-content/themes/binus-2022-core/image/block-icon/future-students/univ/block-icon-tuition-1.png"/></div>
<p class="link-title">Tuition Info</p>
<i class="arrow next"></i>
<a href="https://gabung.binus.ac.id/tuition-info/" class="absolute inset" target="_blank"></a>
</div>
<div class="link ">
<div class="link-icon"><img loading="lazy" src="https://sis.binus.ac.id/wp-content/themes/binus-2022-core/image/block-icon/future-students/univ/block-icon-scholarship-1.png"/></div>
<p class="link-title">Scholarship</p>
<i class="arrow next"></i>
<a href="https://binus.ac.id/scholarship/" class="absolute inset" target="_blank"></a>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<div class="copyright">
Copyright © BINUS Higher Education. All rights reserved
</div>
</footer>
<script type='text/javascript' async>/* <![CDATA[ */ binus_template_availability = []/* ]]> */</script><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/binus-2025-464-sisprogram\/*","\/wp-content\/themes\/binus-2022-271-core\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TQSS9S" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script type="text/javascript" src="https://sis.binus.ac.id/wp-content/themes/binus-2022-271-core/compiled/binus-2025-464-sisprogram/js/is_single/script.js?ver=5.5.6" id="binus-js"></script>
<script type="text/javascript" src="https://sis.binus.ac.id/wp-content/plugins/dmd-gtm-tracker/dist/single.js?ver=1.0.1" id="dmdgtmuniversal-inside-js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?ver=v2" id="google-recaptcha-js"></script>
<script defer type="text/javascript" src="https://sis.binus.ac.id/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1706782258" id="akismet-frontend-js"></script>
</body>
</html> |
