html Anchors Tags

    

   HTML Tag






1) Teletype Element

The HTML Teletype element  Text Element (<tt>) produces an inline element displayed in the browser default monotype font. This element is  the intended  style text as  would display on  fixed width  such as a teletype. It probably is more common to display fixed width type using the <code> element. This element is obsolete.  Use a more appropriate element, such as<code> or <span> with CSS, instead.

Example

<!DOCTYPE html>

<html>

<body>

<p>This text is normal.</p>

<p><tt>This text is teletype text. </tt></p>

<P><strong>Note : </strong>webdesigningtheory.blogspot.com.</p>

</Body>

</html>

Teletype Element 

output

This text is normal.

This text is teletype text.

Note:webdesigningtheory.blogspot.com

2) Anchor links and Named Anchors

A link is specified using HTML tag <a>. This tag  called anchor tag and anything between  opening <a> tag and  closing </a> tag is the part of the link and a user can click that part to reach to the linked document. 

Example

<!document html>

<html>

<head>

<title>Google</title>

</head>

<body>

<h1>Anchor Tags </h1>

<a href="http://google.com>Google Website</a>

</Body>

</html>

Anchor links and Named Anchors

 output

Anchors Tags

Google Website

2)  Example 

<!DOCTYPE html>

<html>

<body>

<H1>Hyperlink</h1>

<a href="www.faceboo.com" target="_blank">Visit Facebook</a> | <a href="www.twitter.com" target="_blank">Visit Twitter</a> | <a href="www.yahoo.com" target="_blank">Visit Yahoo</a>

</body>

</html>

Anchor links and Named Anchors output

Hyperlink

Visit Facebook |visit Twitter |visit Yahoo


3) Links - Color 

 You can set colors of your links, active links and visited links using link, alink and Vlink attributes of <body> tag. 

When you move the mouse over a link, two things

1)  The mouse arrow will turn into a little hand .

2)  The color of the link element will change.

By default, a link will appear link

1)  An unvisited link is underlined and blue.

2)  An visited is underlined and. Purple.   

3)  An active link is underlined and red.

Example

<! Doctype html>

<html>

<head>

<title>Hyperlink Example</title>

</head>

<body alink ="blue" link ="red" Vlink= "pink">
<P>click following link </p>
<a href = "www.google.com" target ="_blank">HTML tutorial</a>

</body>

</html>

Links - Color output


click following link

HTML tutorial

Related Post :-

html list attributes tag

html form pattern attribute

css box property

Comments

Post a Comment

Popular posts from this blog

HTML Tag

Image
 HTML Tag  Html basic tag:-   <!DOCTYPE html> Html  first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of  HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in.  <HTML>:- <Html>.   </html> <html> tag tells the browser  this is HTML document . The <html> tag represent the root of  HTML document. The <html> tag is the container for other HTML elements  <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...
Read more

HTML Input Type Submit Syntax and Example

Image
What is Input Type Submit in HTML The input type="submit" in HTML is used to create a submit button in a form. When a user clicks this button, it sends (submits) the form data to a server for processing. In simple words, a submit button helps users send the information they entered in a form, like login details, contact forms, or registration data. Syntax : <input type= "submit" value="submit"> type ="submit"  ➡ create a submit button  value ="send"    ➡ text shown on the button A button that submit the form.<input type ="submit"> defines  button for submitting form data  form-handler. The form-handler is typically server page with the  script for processing input data. the form -handler is specified in the forms action attribute.  ⭐ HTML Input Type Submit Syntax and Example  program <! DOCTYPE html > < html > < body > < h2 > Submit Button </ h2 > < p > The < strong >...
Read more

CSS Text Color Explained with Syntax and HTML Examples

Image
 What Is CSS Text Color This Blog You Will Learn  à®ƒ   What Is CSS Text Color  à®ƒ   Syntax   à®ƒ   Purpose of Text Color  à®ƒ    Real world Use Cases  à®ƒ    What Is CSS Text Color  Example    à®ƒ   Output What Is CSS Text Color CSS text color refers to the color applied to text content on a web page using the color property in CSS. It controls how text appears visually and plays a major role in readability, accessibility, branding, and user experience . Syntax  selector{   color:value; } Purpose of Text Color ✅ Make content readable.  ✅ Highlight important information. ✅ Match brand identity. ✅ Create visual hierarchy. ✅ Improve user experience. Real world Use Cases Highlighting error messages. Emphasizing headings. Branding and theme design improving content readability. ஃ  structure diagram examples What Is CSS Text Color Example   <! DOCTYPE html > ...
Read more