HTML Link Tag Tutorial – Syntax, Uses & Examples

 HTML Link Tag Tutorial – Syntax, Uses & Examples

HTML Link Tag Tutorial – Syntax, Uses & Examples


 HTML link tag 

The LINK element indicates a relationship between the current document and an external LINK The LINK element indicates a relationship between the current document and an external resource. The <link> tag is the most  used to the link a external style sheets:

 LINK element  empty (does not have  closing tag), takes to the  same attributes as the anchor element.

HTML Link Tag Tutorial
program 


<html>

<head>

<title> Linking stylesheet</title>

<link rel="stylesheet" href="style.css">

 </head>
</html>

The syntax is <link rel=" " href=" ">. rel attribute specifies to the relationship between  document containing the hyperlink and the destination resources. href attributes specifies to address of the hyperlink.

HTML link tag program 

Explain Program

Step 1 ]  

<!DOCTYPE html>

Declares that the document is an HTML5 document.

Step  2]  

<html> & <body>

  • Root and body of the HTML page. The content of the page goes inside <body>.

Step 3]  

    <head> tag section contains metadata , resources for page.
     It does not display web page.
    contains:
         <title>  page in browser tab
      Links to stylesheets or scripts and Meta tags  charset, viewport, SEO data.

Step 4]

<title> link stylesheet </title>

  title of the web page.

  text use linking stylesheet on web browser tap

  Step 5]  

<link rel ="stylesheet" href="style.css">
    link  external css file  your HTML
  
   rel = "stylesheet"  web browswer that is a css stylesheet.
   href =  style.css"   path  to css file.
  
  assumrs file style.css in same folder as html file

Related Post:-

html form pattern attribute
html frame tag
html table attribute

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