Showing posts with label Basic HTML. Show all posts

Monday, 30 July 2012

Image Alternative Link in Case of Broken/Damaged the Link (Backup)

Posted by Unknown , 16:57 Be the first to comment!
Sometimes when you open your blog page, you see that the image is disappeared from some post and you see the blank space instead of the image. This is very bad impression of your blog for the visitor. The solution is that you should keep a backup image, as if the original image is not available then the backup/alternative image will display. Following is the coding for this:
<img src= Your Original Image URL alt= Your Backup/Alternative Image URL>
Put this code by replacing Yellow selected with the original image link and backup/alternative image link respectively.
Labels:

Tuesday, 24 July 2012

How to Add Link on Image and Text in HTML

Posted by Unknown , 02:40 Be the first to comment!
If you want that you have not to put full URL on your page, instead a user click on a single word or image on your web page and the link instantly open. First of all i will tell you that how to put simple image on your Web Page:
<img src="Image URL">
Note: Remember that one thing whenever you put any link in HTML start it with http://www.example.com

Put Your Link on a Single Word:



<a href="URL">Click Here</a>


Put Your Link on Image:



<a href="Target URL"><img src="Image URL"></a>

If you want that when someone click on the link then the link should open in New Tab:

<a href="Target URL" target="_blank"><img src="Image URL"></a>


For your Understanding:


Coding technique is same for text and image URL, the difference is that image source coding take place the Text Word (e.g Click Here replace with <img src="Image URL">)
Labels: ,

Add Subscript , Superscript and Del in HTML

Posted by Unknown , 02:11 Be the first to comment!
If you want to add subscript or superscript in HTML then it is not difficult. The example of Superscript is GoogleTM and the example of Subscript is H2O. These are the codings:


Superscript HTML Coding:


Google <sup>TM</sup>

Subscript HTML Coding:


H<sub>2</sub>O

For your understanding, If you want to apply subscript or superscript to any word, then keep the word between <sup></sup> or <sub></sub> tags.


Now the coding for Del is:


<del>$10</del>$7.5

Format Example:


<del>Old Price $10</del>New Price $7.5
Old Price $10New Price $7.5
Labels:

Sunday, 22 July 2012

How to Put Top, Bottom, Left and Right Margin in Paragraph/Gadget

Posted by Unknown , 17:09 Be the first to comment!
Sometimes, mostly bloggers face the problem of alignment of the gadget or paragraphs. So now I am telling you that how you can apply margin to any HTML/JavaScript Gadget or Paragraph in HTML.

Top Margin:


<p style="margin-top : 2em;">
This paragraph has a 2 em margin top.
</p>

Bottom Margin:


<p style="margin-bottom : 0.7em;">
This paragraph has a 0.7 em margin bottom.
</p>

Left Margin:


<p style="margin-left : 1em">
This paragraph has a 1 em margin left.
</p>

Right Margin:


<p style="margin-right : 2em">
This paragraph has a 2 em margin right.
</p>
em is a measurement unit like px for html/xml. You can change it for your code accordingly.
Labels: ,

Saturday, 21 July 2012

How to Add Paragraph, New Line and Headings in HTML Page

Posted by Unknown , 16:54 Be the first to comment!
Today I will tell you about three basic thing regarding to HTML. These are paragraph, new line and headings.
As you now the paragraph is the distinct section of the writing. When you are typing in HTML editor, and you want to write new paragraph then the Enter key will never work for HTML. Similarly, if you want to write something in new line then also the same case.
Headings are, you can say, the title of any paragraph. So lets further proceed and learn that how you can put a new Paragraph, Line, and Headings in the HTML.

Paragraph:


To put a new paragraph use the following coding in HTML:
<p> Your Paragraph Here </p>

New Line:


If you want to write something in new line then you have to write:
<br> Your New Line
(No need to close the <br> tag)

Headings:


To put headings in HTML use the following format if you have more than 1 headings:
<h1> First Heading</h1>

<h2> Second Heading</h2>

<h3> Third Heading</h3>
Labels: ,

Friday, 20 July 2012

How to Start Making HTML page in Notepad

Posted by Unknown , 00:08 Be the first to comment!
Today I am going to start teach you that how to create your HTML page using notepad. As you now that HTML is basic for blogging and web development. So it is very necessary to all bloggers to know how of basic HTML. Therefore I think it necessary to share some little bit knowledge about HTML. First of all open your Notepad and start to write Head and Body Coding.
To Open Notepad directly, Go to:
  • Start Menu
  • Select "Run" (Windows XP)
  • Type "notepad" and press Enter
<html>
<head>
<title>
Your Page Title Here
</title>
</head>
<body>
Your Content of Site Here
</body>
</html>
HTML is stands for Hyper Text Markup Language. Every HTML coding will be placed between the <html></html>. Head tag consists of the title of your Web Page. Body tag cover the all contents of your web page. Now if you want to Bold your text in body tag, then the code will be:
<body>
Your <b>Content</b> of site <b>Here</b>
</body>
The out put will be:
Your Content of site Here
How to Underline, Italic and write in the form of type writer:
<u>
This sentence will be underlined
</u>
<i>
This sentence will be in the Italic form
</i>
<tt>
This form will be in the form of type writer.
</tt>
To apply the html coding and test it save as the notepad file with name.html format and then double click the file.
Next topics will be discussed soon. Thanks
Labels: ,
Subscribe to: Posts ( Atom )