HTML

  • Revision slug: HTML
  • Revision title: HTML
  • Revision id: 353249
  • Created:
  • Creator: haboqueferus
  • Is current revision? No
  • Comment

Revision Content

demo HTML5

Koleksi demo berkaitan teknologi baru HTML.

The logo of HTML

 

HyperText Markup Language (HTML) adalah sebuah bahasa yang digunakan untuk menghasilkan laman web dan berbagai jenis dokumen yang boleh dilihat pada sebuah pelayar. Lebih terperinci lagi, HTML adalah bahasa yang menerangkan struktur dan semantik sesebuah dokumen. Isi kandungan ditag pada elemen HTML seperti <img><title><p><div>, …

HTML adalah sebuah standard antarabangsa dan spesifikasinya diuruskan oleh World Wide Web Consortium dan juga WHATWG.

HTML dianggap sebagai sebuah standard hidup dan secara teknikalnya sentiasa dalam pembangunan yang berterusan. Versi yang terkini bagi spesifikasi HTML adalah HTML5.

oleh : haboque ferus                                                                                          

DOCUMENTASI MENGENAI HTML

Pengenalan pada HTML
Laman ini menyediakan informasi asas mengenai pertuturan dan semantik sesebuah laman HTML (dokumen). Ini akan memberi pengetahuan asas yang di perlukan untuk membangunkan dokumen-dokumen HTML.
Rujukan elemen HTML
Dapatkan maklumat mengenai setiap elemen yang di boleh digunakan oleh pelayar yang berbeza.
Senarai Sifat HTML
Lihat semua sifat dan elemen yang dapat dikaitkan bersama.
HTML5
Pelajari API-API baru bagi HTML5 dan elemen-elemen yang boleh digunakan bersama.
Panduan Borang HTML
Borang HTML adalah sebahagian yang compleks bagi HTML. Panduan ini akan membantu anda dalam memahirinya, daripada struktur hingga ke gaya, daripada penyokongan pelayar hingga ke pengawalan persendirian.
Tabiat buruk copy-pasting
Teknologi web sering kali dipelajari dengan cara melihat sumber pada laman yang lain dan menyalin semula laman tersebut. Oleh demikian, tabiat buruk ini akan berterusan. Laman ini menyenaraikan sebahagian daripada bentuk tabiat buruk dan menunjukkan anda cara yang betul untuk mencapai matlamat yang dikehendaki.
Melukis Grafik dengan Canvas
Elemen HTML yang baru untuk grafik yang boleh diprogramkan. <canvas> boleh digunakan untuk menghasilkan graf, elemen UI dan juga penyesuaian persendirian grafik.
Tip menulis Laman HTML dengan pemuatan pantas
Sesebuah laman web yang optima bukan sahaja menyediakan laman yang lebih bertindak balas dengan pelawat, tetapi juaga mengurangkan beban pada server web and sambungan internet anda.

Lihat Semua...    

MENDAPATKAN BANTUAN DARIPADA KOMUNITI

Anda memerlukan bantuan berkaitan HTML dan tidak dapat mencari jawapan di dalam dokumentasi ini?

Jangan lupa mengenai netiquette...

ALAT MEMUDAHKAN PEMBANGUNAN HTML

Lihat Semua...

 

 

Revision Source

<div class="callout-box">
  <div style="font:normal 20px 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;">
    demo HTML5</div>
  <p><a href="https://developer.mozilla.org/en-US/demos/tag/tech:html5" title="demos/tag/tech:html5">Koleksi demo</a>&nbsp;berkaitan teknologi baru HTML.</p>
  <p><a href="/en-US/docs/HTML/HTML5" title="html5"><img alt="The logo of HTML" class="default" longdesc="The latest version of HTML, HTML5, has a distinctive logo: a shield with the number 5 on it." src="/files/3563/HTML5_Logo_128.png" style="width: 128px; height: 128px;" /></a></p>
</div>
<p>&nbsp;</p>
<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><strong>HyperText Markup Language (<em>HTML</em>)</strong>&nbsp;adalah sebuah bahasa yang digunakan untuk menghasilkan laman web dan berbagai jenis dokumen yang boleh dilihat pada sebuah pelayar. Lebih terperinci lagi, HTML adalah bahasa yang menerangkan struktur dan semantik sesebuah dokumen. Isi kandungan ditag pada elemen HTML seperti&nbsp;<code style="font-size: 14px;">&lt;img&gt;</code>,&nbsp;<code style="font-size: 14px;">&lt;title&gt;</code>,&nbsp;<code style="font-size: 14px;">&lt;p&gt;</code>,&nbsp;<code style="font-size: 14px;">&lt;div&gt;</code>, …</p>
<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">HTML adalah sebuah standard antarabangsa dan spesifikasinya diuruskan oleh&nbsp;<a class="external" href="http://www.w3.org/" style="padding-right: 16px; background-image: url(https://developer.cdn.mozilla.net/media/img/wiki/icons/link_external.png); background-color: transparent; background-position: 99% 40%; background-repeat: no-repeat no-repeat;">World Wide Web Consortium</a>&nbsp;dan juga&nbsp;<a href="http://www.whatwg.org/" title="http://www.whatwg.org/">WHATWG</a>.</p>
<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">HTML dianggap sebagai sebuah&nbsp;<em>standard hidup&nbsp;</em>dan secara teknikalnya sentiasa dalam pembangunan yang berterusan. Versi yang terkini bagi spesifikasi HTML adalah&nbsp;<strong>HTML5</strong>.</p>
<p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><span style="line-height: 1.5em;">oleh : haboque ferus &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p>
<div class="cleared topicpage-table">
  <div class="section" style="width: 565px;">
    <h2 class="Documentation" id="Documentation" name="Documentation">DOCUMENTASI MENGENAI HTML</h2>
    <dl style="margin: 0px 0px 1.286em; padding: 0px;">
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/Introduction" title="Introduction to HTML">Pengenalan pada HTML</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Laman ini menyediakan informasi asas mengenai pertuturan dan semantik sesebuah laman HTML (dokumen). Ini akan memberi pengetahuan asas yang di perlukan untuk membangunkan dokumen-dokumen HTML.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/Element" title="HTML/Element">Rujukan elemen HTML</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Dapatkan maklumat mengenai setiap elemen yang di boleh digunakan oleh pelayar yang berbeza.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/Attributes" title="HTML/Attributes">Senarai Sifat HTML</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Lihat semua sifat dan elemen yang dapat dikaitkan bersama.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Pelajari API-API baru bagi HTML5 dan elemen-elemen yang boleh digunakan bersama.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/Forms" title="HTML/Forms">Panduan Borang HTML</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Borang HTML adalah sebahagian yang compleks bagi HTML. Panduan ini akan membantu anda dalam memahirinya, daripada struktur hingga ke gaya, daripada penyokongan pelayar hingga ke pengawalan persendirian.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/Web_development/Historical_artifacts_to_avoid" title="HTML/Bad_copy_pasting_habits">Tabiat buruk copy-pasting</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Teknologi web sering kali dipelajari dengan cara melihat sumber pada laman yang lain dan menyalin semula laman tersebut. Oleh demikian, tabiat buruk ini akan berterusan. Laman ini menyenaraikan sebahagian daripada bentuk tabiat buruk dan menunjukkan anda cara yang betul untuk mencapai matlamat yang dikehendaki.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/Canvas/Drawing_Graphics_with_Canvas" title="Drawing_Graphics_with_Canvas">Melukis Grafik dengan Canvas</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Elemen HTML yang baru untuk grafik yang boleh diprogramkan.&nbsp;<code style="font-size: 14px;">&lt;canvas&gt;</code>&nbsp;boleh digunakan untuk menghasilkan graf, elemen UI dan juga penyesuaian persendirian grafik.</dd>
      <dt style="margin: 0px; padding: 0px;">
        <a href="https://developer.mozilla.org/en-US/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages" title="HTML/Tips for authoring fast-loading HTML pages">Tip menulis Laman HTML dengan pemuatan pantas</a></dt>
      <dd style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
        Sesebuah laman web yang optima bukan sahaja menyediakan laman yang lebih bertindak balas dengan pelawat, tetapi juaga mengurangkan beban pada server web and sambungan internet anda.</dd>
    </dl>
    <p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><span class="alllinks" style="font-size: 13px;"><a href="https://developer.mozilla.org/en-US/docs/tag/HTML" title="Article tagged: HTML">Lihat Semua...</a>&nbsp; &nbsp;&nbsp;</span></p>
  </div>
  <div class="section" style="width: 565px;">
    <h2 class="Community" id="Community" name="Community">MENDAPATKAN BANTUAN DARIPADA KOMUNITI</h2>
    <p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;">Anda memerlukan bantuan berkaitan HTML dan tidak dapat mencari jawapan di dalam dokumentasi ini?</p>
    <ul style="margin: 0px 0px 1.286em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
      <li>Runding bersama forum Mozilla yang dedikasi :
        <ul style="margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
          <li><a href="https://lists.mozilla.org/listinfo/dev-tech-html">sebagai mailing list</a></li>
          <li><a href="news://news.mozilla.org/mozilla.dev.tech.html" style="padding-right: 18px; background-image: url(https://developer.cdn.mozilla.net/media/img/wiki/icons/link_news.png); background-position: 99% 40%; background-repeat: no-repeat no-repeat;">sebagai newsgroup</a></li>
          <li><a href="http://groups.google.com/group/mozilla.dev.tech.html">sebagai Google Group</a></li>
          <li><a href="http://groups.google.com/group/mozilla.dev.tech.html/feeds">sebagai Web feed</a></li>
        </ul>
      </li>
      <li>Pergi ke&nbsp;<a href="http://stackoverflow.com/questions/tagged/html" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a>, sebuah laman soal jawab yang dibina secara kerjasama dan cuba cari jawapan kepada soalan anda. Jika tidak berjaya, anda boleh tujukan soalan anda disana.</li>
    </ul>
    <p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><span class="alllinks" style="font-size: 13px;"><a href="http://www.catb.org/~esr/faqs/smart-questions.html"><em>Jangan lupa mengenai</em>&nbsp;<em>netiquette</em>...</a></span></p>
    <h2 class="Tools" id="Tools" name="Tools">ALAT MEMUDAHKAN PEMBANGUNAN HTML</h2>
    <ul style="margin: 0px 0px 1.286em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
      <li>'Firefox'&nbsp;<a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a><span class="external">, sebuah lanjutan popular pada navigasi tersebut membolehkan pengubahsuaian secara langsung CSS pada laman yang dilihat. Sangat praktikal bagi menguji perubahan</span>.</li>
      <li><a class="external" href="http://validator.w3.org/" style="padding-right: 16px; background-image: url(https://developer.cdn.mozilla.net/media/img/wiki/icons/link_external.png); background-color: transparent; background-position: 99% 40%; background-repeat: no-repeat no-repeat;">HTML Validator</a></li>
      <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer Extension</a></li>
      <li><a class="external" href="http://tidy.sourceforge.net/" style="padding-right: 16px; background-image: url(https://developer.cdn.mozilla.net/media/img/wiki/icons/link_external.png); background-color: transparent; background-position: 99% 40%; background-repeat: no-repeat no-repeat;">HTML Tidy</a></li>
      <li><a class="external" href="http://prettydiff.com/?html" style="padding-right: 16px; background-image: url(https://developer.cdn.mozilla.net/media/img/wiki/icons/link_external.png); background-color: transparent; background-position: 99% 40%; background-repeat: no-repeat no-repeat;">Pretty Diff</a></li>
    </ul>
    <p style="margin: 0px 0px 1.286em; padding: 0px; line-height: 1.5em;"><span class="alllinks" style="font-size: 13px;"><a href="https://developer.mozilla.org/en-US/docs/tag/HTML:Tools" title="Article tagged: HTML:Tools">Lihat Semua...</a></span></p>
    <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">TOPIK BERKAITAN</h2>
    <ul style="margin: 0px 0px 1.286em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;">
      <li><a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">Cascading Style Sheets (CSS)</a>&nbsp;digunakan untuk memberi gaya kepada HTML.</li>
      <li><a href="https://developer.mozilla.org/en-US/docs/Document_Object_Model_(DOM)" title="Document Object Model (DOM)">Document Object Model (DOM)</a>&nbsp;adalah perwakilan sesebuah dokumen HTML sebagai sebuah pokok.</li>
      <li><a href="https://developer.mozilla.org/en-US/docs/XHTML" title="XHTML">XHTML</a>&nbsp;adalah&nbsp;<a href="https://developer.mozilla.org/en-US/docs/XML" title="XML">XML</a>&nbsp;bagi versi bahasa tersebut.</li>
    </ul>
  </div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
Revert to this revision