HTML : Working with text images Tables list Links

text formatting example 

Source code:
<!DOCTYPE html>
<html>
<body>

<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

</body>
</html>

Output:
This text is bold
This text is strong
This text is emphasized
This text is italic
This text is small
This is subscript and superscript

IMAGE 

HTML Image Tags

Tag Description
<img> Defines an image
<map> Defines an image-map
<area> Defines a clickable area inside an image-map

 

<!DOCTYPE html>
<html>
<body>

<p>
An image:
<img src="smiley.gif" alt="Smiley face" width="42" height="42"></p>

<p>
A moving image:
<img src="hackanm.gif" alt="Computer man" width="48" height="48"></p>

<p>
Note that the syntax of inserting a moving image is no different from a non-moving image.
</p>

</body>

</html>

output:


An image: Smiley face
A moving image: Computer man
Note that the syntax of inserting a moving image is no different from a non-moving image.


HTML Tables

Tables are defined with the <table> tag.
A table is divided into rows with the <tr> tag. (tr stands for table row)
A row is divided into data cells with the <td> tag. (td stands for table data)
A row can also be divided into headings with the <th> tag. (th stands for table heading)
The <td> elements are the data containers in the table.
The <td> elements can contain all sorts of HTML elements like text, images, lists, other tables, etc.
The width of a table can be defined using CSS.

<a href="http://engineeringfourum.blogspot.com/" target="_blank">Visit engineeringfourum!</a> 
this example shows the link with display  Visit engineeringfourum when we click mit it will direct to the
blog engineeringfourum.blogspot.com

Example

<TABLE BORDER="7" CELLPADDING="10">
<TR>
<TD>This is a TD cell</TD>
<TD><PRE> </PRE></TD>
<TH>This is a TH cell</TH>
</TR>
<TR>
<TH VALIGN="TOP">Text aligned top</TH>
<TH>Image in TH cell with default alignments ---></TH>
<TH><IMG SRC="blylplne.gif" ALT="airplane"></TH>
</TR>
<TR>
<TH VALIGN="BOTTOM">Text aligned bottom</TH>
<TD><Image in TD cell with default alignments ---></TD>
<TD><IMG SRC="blylplne.gif" ALT="airplane"></TD>
</TR>
</TABLE>

 

HTML Link Tags

Tag Description
<a>Defines a hyperlink         
   
This is a TD cell
 
This a TH cell
Text aligned top Image in TH cell with default alignments ---> airplane
Text aligned bottom Image in TD cell with default alignments ---> airplane

1 comment:

  1. Great blog! Do you have any helpful hints for aspiring writers?
    I'm planning to start my own site soon but I'm a
    little lost on everything. Wohld yyou propose
    starting with a free platform like Wordpress or go for a paid option? There are so many
    choifes out there that I'm totally ovewhelmed .. Anny tips?
    Bless you!

    my pagee nba2k14 cheats

    ReplyDelete

its cool