Wednesday, May 4, 2016

Basics of HTML

                                                                  HTML

HISTORY OF HTML:

      HTML stands for Hyper Text Markup Language. Html was originally developed by a man named Tim Berners-Lee at CERN. where the HTML are enclosed with tags (i.e) <tags>.
The current version of HTML is 5.1

  •  It is used to build static and dynamic website. 
  •  It is case sensitive . 
  •  It is user Friendly and easy to learn & understand                                                                               
SOFTWARE:

you can also use normal notepad , should be save with "filename.html"  

Link 1:

Link 2:

STRUCTURE OF HTML:

basic  structure










There are some basics tags to be known,

1. HEADING TAGS:


OUTPUT:


 2.PARAGRAPHS TAGS:

The <p> represents the content should be provide with  full content of website  within a <p>….</p>  tag. The difference between <br>  and <p> is that "br " breaks a line  without altering the semantic structure of the page, whereas "p" sections the page into paragraphs.

Note: also that "<br>" is an empty element  in that, although it may have attributes, it can take no content and it may not have an end tag.


OUTPUT:





3.ANCHORS TAGS:

The HTML anchor element (<a>) defines a hyperlink to a location on the same page or any other page on the Web. It can also be used (in an obsolete way) to create an anchor point—a destination for hyperlinks within the content of a page, so that links aren't limited to connecting simply to the top of a page.



OUTPUT:



ATTRIBUTES:
    •   Href(hyperReference)
    •   Tittle title of the link
    •   Target -> In Target attribute  _self, _parent will open the webpage in same page  whereas  _ blank, _new, self, blank will open the webpage in next slide .



If you click the Codersdrink It will open on next tab as shown in output . 

ANOTHER EXAMPLE:



Where here the target is at _self if we click the CodersDrink you will get the link on the same page .as output shown below,












Unknown

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

Post a Comment

 

Copyright @ 2013 Coders Drink.