The HTML elements that allow you to build the most basic web page
Defines the root element of an HTML document. All other elements must be contained within this root element.
Defines a container for a web page's metadata.
The container for a web page's content. Must be a direct child of <html>, and must be an ancestor of all HTML elements (except where noted).
<!DOCTYPE html>
<html>
<head>
<!-- Document metadata -->
</head>
<body>
<!-- Document content -->
</body>
</html>Defines a link between the current web page and an external link or resource.
<link
rel="stylesheet"
type="text/css"
href="https://htmlreference.io/css/website.css"
/>Description :
Defines the URL of the link.
- =
"https://htmlreference.io/css/website.css"- You can pass an absolute URL like above.
- =
href="/css/website.css"- You can pass a URL relative to the root
Defines a link type, explaining how the link relates to the current web page.
- =
"stylesheet"- The link is a stylesheet.
- =
"icon"- The link is a favicon.
- =
"author"- The link is the web page's author website.
- =
"next"- The link is the next page.
Defines the type of the linked resource.
- =
"text/css"- The link is a CSS file.
- =
"text/html"- The link is an HTML document.
Defines metadata attached to a web page.
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff" /><!-- Refresh the page every 5 seconds -->
<meta http-equiv="refresh" content="5" /><!-- Redirect instantly to https://saawn.dev -->
<meta http-equiv="refresh" content="0; url=https://saawn.dev" />Defines the character encoding for the whole web page.
- =
"UTF-8"- The value must be a valid character set.
Defines meta rules for the web page.
- =
"Content-Security-Policy"- Defines a link to a web page's content policies.
- =
"refresh"- Allows to refresh the web page every N seconds, or even redirect to another URL.
- =
"X-UA-Compatible"- Defines which Internet Explorer verison the web page should be rendered as.
Defines additional information attached to the web page.
- =
"viewport"- Defines dimension and scaling rules for the viewport.
- =
"theme-color"- Defines a theme color which can be used by the browser or the operating system.
Defines the content of the metadata. This varies according to the name or http-equiv value.
- =
"width=device-width, initial-scale=1"- For the viewport metadata, you can specify the width and initial scale of the web page.
- =
"2; url=https://saawn.dev"- For the refresh metadata, you can specify how many seconds to wait before redirecting to another URL.
Defines a container for an external script.
<script src="https://htmlreference.io/javascript/my-scripts.js"></script><script type="text/javascript">
console.log("Hello World");
</script>Defines the source of the external script.
- =
src="/javascript/my-scripts.js"- The URL can be relative or absolute
Defines the MIME type of the external script.
- =
type="text/javascript"- This is for
.jsfiles.
- This is for
Allows the external script to be loaded asynchronously. No value required.