Learn HTML CSS Online

Posts

How to Add Image in HTML Website

In this tutorial, we are going to show you how to add an image in HTML website. <img> tag is used to display image in the document. It has no ending tag. It is an empty tag.The attribute of <img> tag is as follows. Attributes of <img> tag Attributes Value Description Src Path. The path of the image. Width Value in pixels or %. Sets the width of the image. Height Value in pixels or %. Sets the height of the image. Alt Text. To display the alternate text. Hspace Value in pixels. To set the horizontal spacing in pixels or percentage. Vspace Value in pixels. To set the vertical spacing in pixels or percentage. Align Left Right Top Middle Bottom Absbottom (absolute bottom). To set the alignment of the image. Border Value in pixels or percentage. Specifies the width of the images bord...

Table in HTML

Table is used to store data in the form of rows and columns.<Table> </Table > tag is used for creating the table. Tags used for creating the table is as follows Tags Description <table></table> <tr></tr> It defines the table row. <th></th> It defines the table heading. <td></td> It defines the table data. <caption></caption> It defines the caption of the table. Attributes of the <table></table> tag. Attributes Value Description Bgcolor Color name Changes the background color of the table. Background Path of the image Applies the image as the background. Border Value (eg. 1,2,10) It is used to apply the border thickness of the table. BorderColor Color name It changes the color of the table bord...

Lists in HTML - Unordered List

Unordered List An Unordered List is a collection of item that is not in sequential order. It starts with the <ul> tag and ends with the </ul> tag. Each list item starts with the <li> tag. Each item is marked with the bullet i.e . with the disc or square or circle. By default the tag starts with the disc . It is also called Bulleted list. Tags of Unordered List <ul> </ul> <li></li> Example Write a program to print the list given below pen pencil book <html> <head> <title> unordered list </title> </head> <body> <ul> <li>pen</li> <li>pencil</li> <li>book</li> </ul> </body> </html> Example of Attributes of <ul> tag with the Type attributes Write a program to print the list given below <html> <head> <title> unordered list </title> </head...

Basic Formatting Tags of HTML - 4

Heading Tags It is used for applying headings of different sizes to the web page. Headings are defined with the <h1>,<h2>,<h3> , <h4>,<h5> , <h6>. Example <html> <head> <title> headings tag</title> </head> <body> <h1>education</h1> <h2>education</h2> <h3>education</h3> <h4>education</h4> <h5>education</h5> <h6>education</h6> </body> </html> Paragraph Formatting <p></p> tag is used to define the block of the text as paragraph. It has only one attribute which is defined below Attribute Value Description align Left or Right or Center or Justify By default the alignment of the paragraph is LEFT. Example < html> < head> <title> paragraph tag </title> </head> <body> <p> V...