Adding Links in HTML

-

Adding Links-



  • To add links in a HTML file we use <a href=" "> tag. The link URL is to be written in the " ".
  • Here href is an attribute to a which takes URL as an argument.
  • The <a> tag has its closing tag as </a>
  • We use a text before closing the <a href> tag. This tag is to be displayed on the web page.
  • Clicking on the link will take us to the desired website.

eg:
        <a href="https://www.google.com"> Go to google</a>


    Here is an example how you add link to your website. The text Go to google will be displayed on the website page. Clicking on this text will take you to the URL " https://www.google.com ".

Adding a Email link to website-

  • To add a email link to website will take an attribute "mailto:" in <a> tag.
  • mailto will take argument as your mail.
eg:
        
    <a href= " mailto:hidden@gmail.com">email me</a>

The text  "email me" will be displayed on the web page. clicking on it will take to send email page.

Comments

Post a Comment

Popular posts from this blog

Introduction To HTML

-
HTML - Hyper Text Markup Language HTML is used by  browser to manipulate text, images and other content to display it in required format .  HTML is created by  Tim Berners-Lee .    A HTML file can be created by- Text-Editors (Notepad) Atom Sublime-texts Visual Studio Code eg: Basic HTML document- <!DOCTYPE html>    #defines the type of the document. <html>      #your code start from here.      <head>    #defines head in html          <title> MY WEB PAGE </title>  #Defines the web page name .     </head>    #closing of head.            <body>    #defines the body of a site .                                      <h1> Here is the heading you want to give </h1> ...
Read more

Adding Images in html

-
Adding Images In HTML To add images we use the img tag followed by src attribute. We will discuss about attributes later.       NOTE- img tag doesn't contain a closing tag. Syntax- < img src ="your image URL here" alt ="alt text to display"> In src attribute we give the URL of our image. Writing alt attribute is not necessary. alt attribute text displays if the image fails to load. eg:       <img src="http://imgur.images.ighdhsa67x" alt="the donut in hands"> if the image fails to load due to network issues or something, the alt text "the donut in hands" will be displayed in browser. The images also can be added in lists. they can be added in both ordered and unordered list. For this we only has to give images with <li>......</li> tag. eg:  <ol>                    <li><img src="image URL" alt="alt text"></li>           ...
Read more

Div, Header, Footer and Main

-
Different Divisions In HTML Div:     The  Division can be done by <div> tag. Right now the page may look similar with or without        using the div tag, but when we start CSS it will mean a lot.     The  <div> tag has its closing tag as </div>     The div tag is used to make division of a page. eg:          <div>          <p>Hi! this is division for example</p>     </div> Header: The header division is to be done on head of the webpage. about, contact, main are the information are to be defined in a header tag. The header tag has its closing tag as </header>     eg:          <header>               <p> Hi!, This is Header division</p>          </header> Footer: Footer tag is same like header divisio...
Read more