Setelah sebelumnya kita Belajar HTML Dasar, kini saatnya kita Belajar HTML Menengah. Tak perlu khawatir, mau tingkat dasar, menengah, atau lanjutan sekalipun, syntax HTML ya sama saja, artinya tetap menggunakan left angle bracket ( < ) dan diakhir dengan right angle bracket ( > ).
Yang membedakan belajar HTML dasar dan tingkat selanjutnya (menengah) hanyalah pada frekuensi dan panjang dari nama syntax HTML tersebut, sebagai contoh pada HTML Dasar hanya menggunakan beberapa huruf saja, seperti misalnya saat ingin membuat garis horisontal, maka kita cukup menambahkan <hr> sementara di HTML Menengah, kata dari syntax yang digunakan sedikit lebih panjang. Untuk lebih jelasnya silahkan perhatikan contohnya berikut ini.
Name
|
HTML Tag
|
HTML Code Example
|
Browser View
|
| HTML Comment | <!-- | <!--This can be viewed in the HTML part of adocument--> | Nothing will show (Tip) |
| HTML Anchor | <a> | <a href="http://www.domain.com/">Visit Our Site</a> | Visit Our Site (Tip) |
| HTML Bold | <b> | <b>Example</b> | Example |
| HTML Big (Text) | <big> | <big>Example</big> | Example (Tip) |
| Body of HTML Document | <body> | <body>The content of your HTML page</body> | Contents of your web page (Tip) |
| HTML Line Break | <br> | The contents of your page<br>The contents of your page | The contents of your pageThe contents of your page |
| HTML Center | <center> | <center>This will center yourcontents</center> |
This will center your contents
|
| HTML Definition Description | <dd> | <dl><dt>Definition Term</dt><dd>Definition of the term</dd><dt>Definition Term</dt><dd>Definition of the term</dd></dl> |
|
| HTML Definition List | <dl> | <dl><dt>Definition Term</dt><dd>Definition of the term</dd><dt>Definition Term</dt><dd>Definition of the term</dd></dl> |
|
| HTML Definition Term | <dt> | <dl><dt>Definition Term</dt><dd>Definition of the term</dd><dt>Definition Term</dt><dd>Definition of the term</dd></dl> |
|
| HTML Emphasis | <em> | This is an <em>Example</em> of usingthe emphasis tag | This is an Example of using the emphasis tag |
| HTML Embed Object | <embed> | <embed src="yourfile.mid" width="100%" height="60"align="center"> | (Tip) |
| HTML Embed Object | <embed> | <embed src="yourfile.mid" autostart="true" hidden="false"loop="false"><noembed><bgsound src="yourfile.mid"loop="1"></noembed> | |
| HTML Font | <font> | <font face="Times NewRoman">Example</font> | Example (Tip) |
| HTML Font | <font> | <font face="Times New Roman"size="4">Example</font> | Example (Tip) |
| HTML Font | <font> | <font face="Times New Roman" size="+3"color="#ff0000">Example</font> | Example (Tip) |
| HTML Form | <form> | <form action="mailto:you@yourdomain.com">Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br><center><input type="submit"></center></form> |
HTML diatas bisa Anda gabungkan jadi tidak harus berdiri sendiri, sebagai contoh, kita bisa menggabungkn <form>, <font> dan <a> jadi nanti di dalam form kita bisa merubah ukuran atau gaya dari font tersebut, dan mengubahnya menjadi sebuah link.
Saya rasa penjelasan diatas sudah cukup jelas, karena sudah disertai pula dengan contoh atau hasilnya, namun jika kurang puas Anda bisa mencobanya sendiri. Itu saja, terimakasih telah membaca Belajar HTML Tingkat Menengah Lengkap.