HTML

HTML Tutorials- part-4

Written by Saiful Islam

Image tag:

Whenever we need images to be shown for different purposes in various styles then we can utilize following codes and required attributes. So, we are going to learn:

  1. Presenting the image on the browser:

Structure:

 

Example:

Input

Output

 

 

  1. Providing a perfect image size:

Structure:

 

Example:

Input

Output

 

 

  1. Ensuring the perfect placement:

Structure:

 

Example:

Input

Output

 
 
 
 
 

But this process doesn’t work when you want to put the image at the center. You have to follow the following tag:

<center></center>

Structure:

 

Example:

Input Output
 

 

  1. Using an alternative text if the image doesn’t appear:

Alt:

Structure:

 

Example:

Input

Output

 

 

Note: if the image doesn’t appear on the browser then the text inside alt tag will appear.

Table tag

Structure:

 

Example1:

Input

Output

 
row1,column1 row1,column2

 

Example2:

Input

Output

 
row1,column1 row1,column2
row2,column1 row2,column2

 

Description:

  • Table tag starts with the “<table>” and ends with “</table>”.
  • The border of the table is measured by pixels and is written as : border=”2”.
  • “ <tr>” defines the rows of the table and “<td>” defines the data of the table. The column is created through the expansion of each row.

About the author

Saiful Islam

Leave a Comment