Mengenal HTML

HTML (Hypertext Markup Language) merupakan sistem markup yang terdiri dari elemen-elemen yang mewakili. Dengan HTML Anda menyatakan apa yang disajikan kepada pemirsa.

Sebuah elemen biasanya terdiri dari tag pembuka dan tag penutup, yang berisi nama elemen yang diapit oleh tanda kurung siku. Tag adalah sintak dasar HTML, seperti sebuah paragraf (p), list (ul), atau sebagai link (a). Atribut adalah informasi tambahan di dalam sebuah tag, seperti name="value", id="idname", min="5"
 
TanamKoding akan memberikan penjelasan pada masing" element HTML, perlu diingat jika ingin merubah tampilan dari sebuah tag itu ditentukan oleh CSS.
 
> TAG ( Headings )

Headings dapat digunakan untuk mendeskripsikan topik yang didahului dan ditentukan dengan tag <h1> hingga <h6>
 
<h1>Headings h1.</h1>
<h2>Headings h2.</h2>
 
> TAG ( Pharagraps )

Pharagraps dapat digunakan untuk membuat tulisan tangan pada suatu halaman web.
 
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
 
> TAG ( Highlighting )
 
Highlighting digunakan untuk memberikan block pada sebuah tulisan pada suatu halaman web.

<mark>This is Highlighting</mark>

> TAG ( Bold, Italic, and Underline )
 
Bold memberikan tulisan menjadi tebal, Italic memberikan tulisan miring, Underline memberikan tulisan bergaris bawah.

<strong>Bold Text Here</strong> Atau <b>Bold Text Here</b>
<em>Italicized Text Here</em> Atau <i>Italicized Text Here</i> 
<u>Underline Text Here</u>

> TAG ( Hyperlinks )
 
Hyperlinks digunakan sebagai penghubung antar halaman website.
 
<a href="http://example.com/">Link to example.com</a>
<a href="tel:11234567890">Call us</a>
<a href="example.com"target="_blank">Text Here</a> 
<a href="#!"onclick="myFunction();">Run Code</a>
<a href="mailto:example@example.com">Send email</a>
 
> TAG ( List )
 
List digunakan untuk membuat sebuah daftar halaman anda.

<ol>
       <li>Item</li>
       <li>Another Item</li>
       <li>Yet Another Item</li>
</ol>
 
> TAG ( Tables )
 
Tables digunakan untuk membuat daftar sajian data dalam bentuk tabel.

<table>
            <caption>Table Title</caption> <!--| caption is the first child of table |-->
            <colgroup>
                   <col span="1" style="background-color:red">
                   <col style="background-color:yellow">
            </colgroup> 
            <thead> <!--==| thead is after caption |-->
                <tr>
                       <th>Heading 1/Column 1</th>
                       <th>Heading 2/Column 2</th>
                </tr>
            </thead>
 
            <tbody> <!--==| tbody is after thead |--> 
                <tr>
                       <td colspan="2">This second row spans all three columns</td>
                </tr>
                <tr>
                       <td rowspan="2">This cell spans two rows</td>
                       <td>Row 2 Data Column 2</td>
                 </tr>
            </tbody>
           <tfoot><!--| tfoot can be placed before or after tbody, but not in a group of tbody. |-->
               <tr>
                     <td>Footer content 1</td>
                     <td>Footer content 2</td>
               </tr>
           </tfoot> 
</table>
 
Mungkin seperti ini dulu untuk penjelasan mengenai HTML, akan ada lanjutan bahasan mengenai HTML, semoga artikel ini bisa memudahkan anda dalam mengenal elemen HTML khususnya untuk pemula.