how to use anchor tag in html

-

 how to use anchor tag in html

web designing theory
how to use anchor tag in html

Example 

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the  webdesigningtheory.blogspot.com </title>
    </head>
    <body>

       <h1> how to use anchor tag in html  </h1>
       <a href="https://webdesigningtheory.blogspot.com/">
        Visit web designing theory blogspot.com</a>
    </body>
    </html>

how to use anchor tag in html

Explain Program

Step  1] 

<!DOCTYPE html>

This declare the document type.

browser that the document is written in html

Step 2 ]

<html>.... . </html>

html is the root element of the html page.

 Every thing inside it is part of the webpage.

Step 3]

<head>.....</head>

head section contain metadata  about the webpage information 

for the browser not display on the webpage.

Step 4]

<title>Title of the  webdesigningtheory.blogspot.com </title>

<title> tag set the title of the webpage.

 title appears the browser tag and search engine result 

 Step 5]

 <h1> how to use anchor tag in html  </h1>

<h1> heading tag (largest heading ).

display the text  "how to use anchor tag in html "  the page in large bold letters.

 Step 6]

Anchor <a> tag 

 
<a href="https://webdesigningtheory.blogspot.com/">
        Visit web designing theory blogspot.com</a>

 href =  stand for hypertext reference.

  it defines the URL link will go to clicked. open  browser link 

  Visit web designing theory blogspot.com

  Clickable text user will see on page.

 Step  7] 

closing the Tag


</body>

 </html>

how to use anchor tag in html

Output

how to use anchor tag in html




Related Post :-

learn html link tag

html italic tag

learn the html underline tag

Comments

Post a Comment

Popular posts from this blog

css id selector

-
Image
        CSS ID Selector 1] css id selector  attribute  is the unique identifier in an html document. 2] id selector use # character. 3] css id selector is used to apply style specific HTML element. Syntax :- #id  { // css property } CSS id selector  Example:- <! DOCTYPE html > < html > < head >     < title > css id selector </ title >     < style >         #web         {             text-align : center ;             color : brown ;         }     </ style > </ head > < body >     < h2 id = "web" >         hello https://webdesigningtheory.blogspot.com/ </ h2 >         < h3 > This is program of Css ID Selector </ h3 >     </ h2 >     </ body ...
Read more

CSS text-emphasis-color Property

-
Image
 Learn CSS text-emphasis-color Property  Learn CSS text-emphasis-color Property The text-emphasis-color property in Cascading Style Sheets (CSS) is used to set the color of emphasis marks applied to text. Syntax: selector  {   text-emphasis-color : color ;  }   Learn CSS text-emphasis-color Property Example <! DOCTYPE html > < html > < head > < style > h1 {     text-emphasis-style : circle ;   text-emphasis-color : blue ; } p {   text-emphasis-style : triangle ;   text-emphasis-color : red ; } h2 {   text-emphasis-style : double-circle ;   text-emphasis-color : orange ; } h3 {     text-emphasis-style : sesame ;   text-emphasis-color : red ; } </ style > </ head > < body > < h1 > CSS text-emphasis-color Property </ h1 > < p > https://webdesigningtheory.blogspot.com/ </ p > < h2 > Web Designing Theory </ h2 > < h3 > ...
Read more

HTML pre tag

-
Image
                                    HTML pre Tag Information   1. The <pre> tag defines preformatted text.  2. Text in a <pre> element is displayed in a fixed-width font. 3.  text preserves both spaces and line breaks.  4. syntax with :- <pre>.......</pre> tag 5. displayed in a fixed-width font. 6 .The text will be displayed exactly as written in the HTML source code. Program     HTML <pre> tag <html> <head> <title>html pre tag </title> </head> <body> <pre> My name is ram my college name is satara   I like Apple My favourity color is skyblue </pre> </body> </html> OUTPUT          Related Post :-   html aside tag inline css in html html login in form
Read more

CSS text-transform Property

-
Image
 CSS text-transform Property Tutorial CSS text-transform Property  CSS text-transform property   is used to control capitalization of text. change text appears visually in browser without changing  the original HTML Content.  HTML text actual in stays same, but CSS change how is displayed. Syntax  selector {   text-transform: value; } CSS text-transform Property Structure Explained with  Diagram CSS text-transform Property  1) uppercase 2) lowercase 3)capitalize CSS text-transform Property Tutorial Example <! DOCTYPE html > < html > < head > < style >   .upper {     text-transform : uppercase ;   } .lower {   text-transform : lowercase ; } .cap {   text-transform : capitalize ; } </ style > </ head > < body > < h2 class = "upper" > css text transformation </ h2 > < p class = "lower" > CSS TEXT TRANSFORMATION PROPERTY </ p > < p class = "...
Read more

What is CSS Text Spacing in html

-
Image
What is CSS Text Spacing This Blog You Will Learn  ஃ  What is CSS Text Spacing in html ஃ  Syntax ஃ  Why CSS Text  Spacing is Important ஃ  Text Spacing controlled using CSS Properties. ஃ  What is CSS Text Spacing in html Examples ஃ  Explain Program ஃ  OutPut What is CSS Text Spacing in html CSS Text Spacing refers to controlling the space between letters, words, and lines inside text using CSS properties. ✅ Syntax : selector {   letter-spacing : value; } Why CSS Text  Spacing is Important   ✔   Improves Readability   ✔   Better User Experience   ✔   Professional Design   ✔   Responsive Design Text Spacing controlled using CSS Properties. 1)  letter-spacing 2)  word-spacing 3)  line-height 4)  text-indent 5)  white-space 1)  letter-spacing     Controls the space between characters(letters). selector {   letter-spacing: value...
Read more