Skip to main content

HTML BASIC PART2

HTML STRUCTURAL TAGS


There are several html structural tags. We will learn these tags one by one.
  • ANCHOR TAG <a>
  • ARTICLE TAG <article>
  • ASIDE TAG <aside>
  • LINE BREAK TAG <br>
  • DETAILS TAG <details>
  • DIVISION TAG <div>
  • HEADER TAG <header>
  • HGROUP TAG <hgroup>
  • HORIZONTAL RULE TAG <hr>
  • FOOTER TAG <footer>
  • NAV TAG <nav>
  • SECTION TAG <section>
  • SPAN TAG <span>
  • SUMMARY TAG <summary>


   ANCHOR TAG 

Anchor tag denoted by <a>. It is used to define a hyperlink. It means that it allows the user to move from one page to other. Anchor tag is a paired tag it means  that it has opening and closing tag both.
We can link a img,audio,video,pdf etc.
By default, links are appear as follows.
  • unvisited link , appear in underlined and blue color.
  • visited link  , appear in underlined and purple color.
  • active link , appear in underlined and red color.

LINK SYNTAX

<a href="url">link text</a>

* href attribute specifies the destination address.*

Example


<!DOCTYPE html>
<html>

   <head>
      <title>Link</title>
   </head>

   <body>
      <p>Click here <a href ="https://myfwebdeve.blogspot.com/2019/12/html-basic-part2.html">Visit our HTML tutorial</a></p>
   </body>
 
</html



OUTPUT

This is a link to Visit our HTML tutorial



------------------------------------------------------------------------------

Comments

Post a Comment

Popular posts from this blog

Editor For Html

There are several types of editor in the market .Some Editor names are given below. Notepad++. Notepad. TextEdit (MAC). VS Code.      Structure of HTML It is the most important part of HTML.Complete Website totally depend on this structure. 1. DOCTYPE Html It is not a Html tag. It is the very first thing in html pages. It is the instruction to the browser about the version of the markup language. It is not a case sensitive. < !DOCTYPE  html >: It is a html5 Declaration   **Always add Doctype in your code. It helps the browser to render the content correctly.** 2. HTML It is paired a  tag. It means that it consist a opening and closing tags both. It is containing a whole data of a html document. Each html document contain one <html> opening and closing tag. *As shown in figure, Head and body are the child of  HTML tag.* 3. HEAD It is  a  container for page header informati...
Post a Comment
Read more

ASIDE TAG

ASIDE TAG ASIDE tag is new tag in HTML5. It represents a part of a document whose content is only indirectly related to the document's main content..] Aside tag used  for pull quotes,comments,editorial sidebars etc. NOTE: Behaviour of div and aside are same but  meaning is different. Div is used for create a section or a division. Aside is also used for create a section or division but related to content of the main page.         SYNTAX <!DOCTYPE html> <html> <head> <title> HTML Aside Tag </title> </head> <body> <aside> <h2>HTML</h2> <p>HyperText markup Language</p> </aside> </body> </html> OUTPUT HTML Hypertext markup Language -----------------------------------------------------------------------------------------------------------------------------------------...
Post a Comment
Read more

ARTICLE TAG

ARTICLE TAG Article tag is new tag in HTML5. It is used to represent the article. It is used for blog post,forms,newspapers,magazines etc. Article tag  specifies self-contained composition in a site, document, page or application. It supports all global attributes.     SYNTAX <!DOCTYPE html> <html> <head> <title> HTML Article Tag </title> </head> <body> <article> <h2>HTML</h2> <p>HyperText markup Language</p> </article> </body> </html> OUTPUT HTML Hypertext markup Language --------------------------------------------------------------------------------------------------------------------------
Post a Comment
Read more