If you
consider yourself a beginner in learning HTML, then the most crucial thing you
have to do is to have understanding of basic HTML tags. Basically the main job
of HTML is to give text meaning. Therefore, the browser will know how to
correctly display it. The fact is that HTML tag codes are indeed very
case-insensitive. The tag codes are the element of the every HTML. Each HTML
always has opening tag though some do not have closing tags.
In terms of
HTML tags, there are millions of different tags where each tag delivers certain
uses. It’s the duty of programmer or web designer to understand those tags. In this
article, there is some basic HTML explained.
Basic HTML Examples
<html></html>
HTML tag
written above is the most basic HTML tags used in website browser. This tag
tells website browser that this is HTML document. It basically represents the
HTML document’s root. And, it becomes the container for other elements of HTML
except for <DOCTYPE> tag.
<ol></ol>
Here is another most used
HTML tags. This basic tag has certain usage and definition. This HTML tag
basically defines ordered list. The list itself can be alphabetical or
numerical according to the need. This tag is often combined with <li> to
define the list items. What you have to remember is that the <ol> HTML
tag supports the HTML’s global attributes. And it also supports the HTML event
attributes.
Examples : <ol>
<li>Country</li>
<li>English</li>
<li>USA</li>
</ol>
<ul></ul>
This particular HTML tag
delivers certain usage and definition. It defines unordered or bulleted list.
Usually, this tag is used together with <li> HTML tag in order to create
the unordered list. Website browser usually displays this HTML element with
certain default values.
Examples :
<ul>
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
</ul>
<table></table>
Have you learned about the
usage of this tag? Well, this particular HTML tag defines HTML table. Usually,
the HTML table consists of several elements such as the <table> element
and <td>, <tr> and <th> elements. Make sure to always
remember that tables are not used for page layout. Instead of using this HTML
tag for layout, there are various alternatives including using the CSS>
Examples :
<table class="table2">
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Infak</th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>Total</th>
<th>$800</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>1.</td>
<td>Lucy</td>
<td>$100</td>
</tr>
<tr>
<td>2.</td>
<td>Michel</td>
<td>$ 300</td>
</tr>
</tbody>
</table>
<tr></tr>
This is another most used
HTML tag that defines the row in any HTML table. This tag cannot work alone. Instead
it should be used together with other elements such as <td> or <th>
element. Just like other HTML tags, this tag also has certain default values.
Examples :
table>
<tr>
<td>No.</td>
<td>Nme</td>
<td>Adrees </td>
</tr>
<tr>
<td>1.</td>
<td>Jennifer</td>
<td>California</td>
</tr>
</table>
<form></form>
Let’s move on to the next
most basic HTML. This is a HTML tag that is particularly used in order to
create HTML form intended for user input. Usually, this tag contains certain
form element for it to work. Some of the elements include <input>,
<button>, <option>, <select>, <fieldset>,
<textarea>, <label>, <optgroup> and more else.
Here comes another most
basic HTML tag, the select
<option> selected attribute. This is a particular HTML tag that
allows the page to display the selected option. When this HTML tag presents, it
actually tells that option has to be pre-selected first every time the website
page loads.
Examples :
<form action="createakun.php" method=post
oninput="up2.setCustomValidity(up2.value != up.value ? 'Password
harus sama antara kotak satu dan kedua.' : '')">
<fieldset>
<legend>Create Account</legend>
<p>
<label
for="username">E-mail:</label>
<input
id="username" type=email required name=un>
</p>
<p>
<label
for="password1">Password:</label>
<input
id="password1" type=password required name=up>
</p>
<p>
<label
for="password2"> retype the password:</label>
<input
id="password2" type=password name=up2>
</p>
<p>
<input type=submit value="Create
Account">
</p>
</fieldset>
</form>
Thank you for your visit we hope that science can be helpful
0 komentar:
Posting Komentar