List of Html Elements

  • <!DOCTYPE>HTML5 document type
  • <a>Hyperlink or link pages with each other
  • <article>Independent and self-contained content
  • <aside>Element represent a page content
  • <abbr>abbreviation or an acronym
  • <address>information about address details.
  • <area>image-map is an image
  • <audio>Sound files like audio stream
  • <b>specifying bold text
  • Continue reading

HTML Comment Tags

Html Comment Syntax:
<! - - Data are not display in the browsers -->

In Html the content is unheeded by any browser which we are placed in between comment tags.

Add comments into your html document to clarify your code, which may assist you after you, edit the source code at a later date. This is often particularly helpful if you’ve got lots of code and also when you debugging the html code.

<! – Contact form start here - ->
<div class=”contact-form”> form code </div>
<! –Contact form end here - ->

Continue reading

Html Text Styling?

You can give a style using HTML elements. For heading, italic, bold, underline, small, subscripts and so on. These elements are predefining in html.

Html formatting elements:

  • Bold text
  • Italic text
  • Emphasized text
  • Marked text
  • Small text
  • Deleted text
  • Inserted text
  • Subscripts
  • Superscripts

Bold formatting:

Anything that seems among <b> </b> part, is displayed with bold as shown below:

<p>this text is<b> bold</b>.</p>

Result:
This text is bold.
Continue reading

Html Table

Webpages are also making by tables. Tables are easy to learn and use, once you know about the basic table codes. Table are divided into <tr> (table rows) and td (table data) . Table row are also divided into table headings<th>. Default text alignment in the td tag is left and normal font weight. Border by default values is one, if you do not need border then change the value using border attribute border=”0”.

// Html tags for Table
<table style="width:100%" border=”0”>
  <tr>
    <td>Roll No</td>
    <td>Name</td> 
    <td>Percent</td>
  </tr>
  <tr>
    <td>0112</td>
    <td>Jackson</td> 
    <td>94%</td>
  </tr>
</table> 

Continue reading

HTML list?

Html list are define into three ways.
a) Unordered list
b) Ordered list
c) Description list

Html unordered list:

Unordered list tag is started from <ul>, and each list items are started from <li>. Unordered list means the lists haven’t special order or sequence. The unordered list default style is small black circles.

//Unordered list Example:
<ul>
  <li>HTML</li>
  <li>HTML5</li>
  <li>CSS</li>
</ul> 

//Unordered list Attribute:
<ul type=”square”> 
<ul type=”disc”> 
<ul type=”circle”> 

Continue reading

Html links

Without link webpages are incomplete, if we go from one page to another page on the webpage we need to create hyperlinks. You can create hyperlinks using anchor tag <a href=”url”> TEXT , Image </a>.

// Link tag
<a href="http://www.trickcollab.com/category/html/">Visit our HTML tutorial</a>

Output:
Visit our Html tutorial.

A stand for Anchor. It is a start tag and href attribute define in between.
Href stand for Hypertext Reference. It’s specifies the page address either relative (index.html) or absolute (http://www.trickcollab.com) path.
Continue reading

Html Forms?

Html forms are important part of any website, without form you website is incomplete. If you collect any kind of information from the users you can collect it inform of name, email, country, phone number and visa card, etc. An Html form is made from one or more form elements. And those elements can be text input, textarea, select, email, buttons, radio button and checkbox button, etc. Some elements like Select and textarea are starting tags and closing tags (like <textarea></textarea>) and rest of the form elements are not closing tag (like <input>).

 <form>
   .
   .
   Form elements here.
   .
   .
</form>

Continue reading

Html Attributes?

In previous tutorials we discuss about html elements and tags. Some html elements have predefined attributes (like <a href=””></a>, <p title=””></p>) and a few not. Most of elements attributes are common in html4. An attribute is used to define the additional information about an element and is specified inside the element’s opening tag. All attributes are divided into two parts: a name and a value.
Continue reading

Table Layout Vs Div Layout

Table based layouts were the old way of organizing the content and divs based are the newer way. Is it good? Yes. Why we use divs layout instead of table layout? Firstly we discuss about the tables and div.
Tables: Tables is fixed type and consists of table rows (tr), table data (td), table heading (th). So, tables are strict for those layouts which are more tabular. Use table layout for website purpose, it increase the complexity in layout structure and reduce a flexibility of the website. When we need to change the layout in an existing page, it’s totally troublesome in table based layout; as a result of code impact are a lot of.
Continue reading