How to Adjust images in to different sizes


In this example You can make a picture larger or smaller changing the values in the "height" and "width" attributes of the img tag.

Copy the below code,and paste it in your editor Like Notepad or Dreamweaver etc.


<html>
<body>

<p>
<img src="hackanm.gif"
width="20" height="20">
</p>

<p>
<img src="hackanm.gif"
width="45" height="45">
</p>

<p>
<img src="hackanm.gif"
width="70" height="70">
</p>

<p>
You can make a picture larger or smaller changing the values in the "height" and "width" attributes of the
img tag.
</p>

</body>
</html>






If  you want to learn more about HTML Codes,Tutorials,etc Click Here!

Please leave your valuable comments here and share your views about this Post. Thanks for reading this tutorial.Keep Visit All Tips iN

How to Align imgages in HTML


This Post demonstrates how to align a image with in the text.

Copy the below code,and paste it in your editor Like Notepad or Dreamweaver etc.


<html>
<body>

<p>
An image
<img src="hackanm.gif"
align="bottom" width="48" height="48">
in the text
</p>

<p>
An image
<img src ="hackanm.gif"
align="middle" width="48" height="48">
in the text
</p>

<p>
An image
<img src ="hackanm.gif"
align="top" width="48" height="48">
in the text
</p>

<p>Note that bottom alignment is the default alignment</p>

<p>
An image
<img src ="hackanm.gif"
width="48" height="48">
in the text
</p>

<p>
<img src ="hackanm.gif"
width="48" height="48">
An image before the text
</p>

<p>
An image after the text
<img src ="hackanm.gif"
width="48" height="48">
</p>

</body>
</html>


If  you want to learn more about HTML Codes,Tutorials,etc Click Here!

Please leave your valuable comments here and share your views about this Post. Thanks for reading this tutorial.Keep Visit All Tips iN

HTML Image Float


This tutorial is about How to Float images in HTML,

Copy the below code and paste it in your editor Like Notepad or Dream weaver.

<html>
<body>

<p>
<img src ="alltipsin.gif"
align ="left" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.
</p>

<p>
<img src ="alltipsin.gif"
align ="right" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "right". The image will float to the right of this text.
</p>

</body>
</html>


If  you want to learn more about HTML Codes,Tutorials,etc Click Here!

Please leave your valuable comments here and share your views about this Post. Thanks for reading this tutorial.Keep Visit All Tips iN

Deleted and Inserted a Text in HTML


This is a simple basic tutorial related to HTML,This post is shows how to deleted and inserted
text in HTML.

Copy the below code,and paste it in your editor Like Notepad or Dreamweaver etc.

<html>
<body>

<p>
a dozen is fifty
<del>fifty</del>
<ins>twelve</ins>
</p>

<p>
Most browsers will overstrike deleted text and underline inserted text.
</p>

<p>
Some older browsers will display deleted or inserted text as plain text.
</p>


</body>
</html>

If  you want to learn more about HTML Codes,Tutorials,etc Click Here!

Please leave your valuable comments here and share your views about this Post. Thanks for reading this tutorial.Keep Visit All Tips iN

What is HTML



HTML is a language for describing web pages.It stands for Hyper Text Markup Language.
HTML is not a programming language, it is a markup language, a markup language is a set of markup tags.
It uses markup tags to describe web pages.

If  you want to learn more about HTML Codes,Tutorials,etc Click Here!
Editing HTML

In this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe this is the best way to learn HTML.

However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.

 Please leave your valuable comments here and share your views about this Post. Thanks for reading this  tutorial.Keep Visit All Tips iN
Copyright © 2013 All Tips in and Blogger Templates - Anime OST.