Search This Blog

Saturday, February 19, 2022

HTML: link tag

 

HTML: <link> tag

This HTML tutorial explains how to use the HTML element called the <link> tag with syntax and examples.

Description

The HTML <link> tag links an external resource, such as a css file, to the HTML document. This tag is also commonly referred to as the <link> element.

HTML <link> Tag Syntax - Linking a Stylesheet

The syntax for linking a stylesheet using the HTML <link> tag is:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>

or in XHTML, the syntax for the <link> tag is:

<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>

Attributes

In addition to the Global Attributes, the following is a list of attributes that are specific to the <link> tag:

AttributeDescriptionHTML Compatibility
charsetCharacter encoding of the linked resourceObsolete
disabledDisable a link relationshipNon-standard, Only used by some Microsoft browsers
hrefURL of the linked resourceHTML 4.01, HTML5
hreflangLanguage of the linked resourceHTML 4.01, HTML5
mediaMedia that the linked resource applies toHTML 4.01, HTML5
methodsInformation about functions that might be performed on objectNon-standard
relType of linked resourceHTML 4.01, HTML5
revRelationship of current document to linked documentObsolete
sizesSizes of the icons (when rel contains icon)HTML5
targetFrame name that has defined linking relationshipNon-standard
typeMIME type of the linked resourceHTML 4.01, HTML5

Note

  • The HTML <link> element is found within the <head> tag.
  • The <link> tag is most commonly used to link a stylesheet or css file to the HTML document.

Browser Compatibility

The <link> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <link> tag below, exploring examples of how to use the <link> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

HTML5 Document

If you created a new web page in HTML5, your <link> tag might look like this:

<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/css/main.css" type="text/css">
<title>HTML5 Example by www.techonthenet.com</title>
</head>

<body>
</body>

</html>

In this HTML5 Document example, we have have linked a stylesheet called main.css (found in the /css directory) to the HTML document.



at No comments:
Labels: ,

HTML: head tag

 

HTML: <head> tag

This HTML tutorial explains how to use the HTML element called the <head> tag with syntax and examples.

Description

The HTML <head> tag contains metadata and instructions for the browser that is not directly visible on the web page. This tag is also commonly referred to as the <head> element.

Syntax

In HTML, the syntax for the <head> tag is:

<head>
</head>

Attributes

In addition to the Global Attributes, the following is a list of attributes that are specific to the <head> tag:

AttributeDescriptionHTML Compatibility
profileURIs of metadata profilesHTML 4, Obsolete in HTML5

Note

Browser Compatibility

The <head> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <head> tag below, exploring examples of how to use the <head> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

HTML5 Document

If you created a new web page in HTML5, your <head> tag might look like this:

<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title>HTML5 Example by www.techonthenet.com</title>
</head>

<body>
</body>

</html>

In this HTML5 Document example, we have have placed a <meta> tag and a <title> tag within the <head> tag. You should always see a <title> tag within the <head> tag.



at No comments:
Labels: ,

 

HTML: <html> tag

This HTML tutorial explains how to use the HTML element called the <html> tag with syntax and examples.

Description

The HTML <html> tag is the container for all other HTML elements. This tag is also commonly referred to as the <html> element.

Syntax

In HTML, the syntax for the <html> tag is:

<html>
</html>

Attributes

In addition to the Global Attributes, the following is a list of attributes that are specific to the <html> tag:

AttributeDescriptionHTML Compatibility
manifestURIs of a resource manifestHTML5 (Gecko 1.9)
versionVersion of the HTML Document type definitionDepreciated in HTML 4.01, Obsolete in HTML5

Note

Browser Compatibility

The <html> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <html> tag below, exploring examples of how to use the <html> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

HTML5 Document

If you created a new web page in HTML5, your <html> tag might look like this:

<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title>HTML5 Example by www.techonthenet.com</title>
</head>

<body>
<h1>Heading</h1>
<p>This is the content.</p>
</body>

</html>

In this HTML5 Document example, there is the <!DOCTYPE> tag on the first line which is not contained within the <html> tag.

Next, is the <html> tag which is the container for the rest of the HTML tags.The <html> tag contains 2 sections - <head> tag and <body> tag. The <head> tag contains a <meta> tag and <title> tag. The <body> tag contains a <h1> tag and a <p> tag.



at No comments:
Labels:

Tuesday, February 15, 2022

HTML: tag

 

HTML: <!DOCTYPE> tag

This HTML tutorial explains how to use the HTML element called the <!DOCTYPE> tag with syntax and examples.

Description

The HTML <!DOCTYPE> tag is the very first line in the HTML document. It tells the browser what version of HTML the document is written so that the browser knows what to expect. This tag is also commonly referred to as the <!DOCTYPE> element.

Syntax

The syntax for the <!DOCTYPE> tag varies between on the version of HTML or XHTML you are using. Let's look at the most common usages.

The syntax in HTML5 is:

<!doctype html>

The syntax in HTML 4.01 Transitional is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

The syntax in XHTML 1.0 Transitional is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

The syntax in XHTML 1.0 Strict is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

The syntax in XHTML 1.1 is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Browser Compatibility

The <!DOCTYPE> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <html> tag below, exploring examples of how to use the <html> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

HTML5 Document

If you created a new web page in HTML5, your <!DOCTYPE> tag might look like this:

<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title>HTML5 Example by www.techonthenet.com</title>
</head>

<body>
<h1>Heading</h1>
<p>This is the content.</p>
</body>

</html>

In this HTML5 Document example, the <!DOCTYPE> tag is on the first line which is not contained within the <html> tag.



at No comments:
Labels: ,
Subscribe to: Comments (Atom)

HTML: link tag

  HTML:   <link> tag This HTML tutorial explains how to use the HTML element called the   <link> tag   with syntax and examples....

  • (no title)
      HTML:   <html> tag This HTML tutorial explains how to use the HTML element called the   <html> tag   with syntax and examples....
  • HTML: link tag
      HTML:   <link> tag This HTML tutorial explains how to use the HTML element called the   <link> tag   with syntax and examples....
  • HTML: tag
      HTML:   <!DOCTYPE> tag This HTML tutorial explains how to use the HTML element called the   <!DOCTYPE> tag   with syntax and e...