HTML Tag Use With Code And Image :- - OmIndia

Teach To India

Monday, October 03, 2016

HTML Tag Use With Code And Image :-

1. Image Tag:-

    Syntax-
            
    *write this in body section
       <img src="Path of image write here" height=""  width="" alt="">

     Ex:-<img src="imagename.gif" alt="Image Title" height="42" width="42">

           Image TTag
2.<u> Tag:-For Underline The Text

Syntax :-
      <U>Hello</U>

Out Put:-
     Hello

3.<B> Tag:- For Bold The Text
     Syntax:-
       <B>Hello</B>
    Output:-
      Hello

4.<i> Tag:-Use for Italic Text
 Syntax:-
       <i>Hello</i>
    Output:-
       Hello



5. Marquee Tag:-To Move Image,Text in direction.
 Syntax:-
       <marquee>Hello</marquee>
    


6.<br> Tag:- Break Line
 Syntax:-
       hello<br>hello<hello>
    Output:-

               hello
               hello
               hello



8.<hr> Tag:- For Horizontal Line
Syntax:-
       hello<hr>

 Output:-

       



9.<p> Tag:- Paragraph Tag

Syntax:-
       hello<hr>


10.<a> Tag:-Anchor Tag Use for Linking

Syntax:-
       <a href="name of to link or URL">home</a>
       <a href="www.google.com">Click Here to Open Google</a>
Output:-
              Home
              Click Here to Open Google



Table Design Tag:-

<table>-Table
<tr>-Row
<td>-Column
----------------------------------------
<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Use Of Syntax:-
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

OUTPUT:-







List Tags:-To Make List 
Two Type List 
1. Unorder List<ul>
2.Order List<ol>

Syntax:-
<ul type:Circle>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol start=1>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>

<ol>

OutPut:-




This is <ul> Unorder list



This is <ol> order list





Form Design Tag:-

1.<input>

Syntax:-
** 
Type=submit,Reset,Text,radio,Checkbox,Password, etc.

 <input type="submit" value="Submit"> 


Type-Submit
Type-Reset
Type-Text

Type-Radio
Type-Checkbox
Type-Password








No comments:

Post a Comment

Comments

Popular