https://github.com/s44wn/html-cheatsheet
https://github.com/s44wn/html-cheatsheet
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/s44wn/html-cheatsheet
- Owner: S44WN
- Created: 2022-10-05T14:47:46.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-05T14:50:41.000Z (over 3 years ago)
- Last Synced: 2025-01-23T20:22:33.642Z (over 1 year ago)
- Size: 3.91 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧑💻 HTML-CHEATSHEET 🌐
## Base elements -
The HTML elements that allow you to build the most basic web page
## html
Defines the root element of an HTML document. All other elements must be contained within this root element.
## head
Defines a container for a web page's metadata.
## body
The container for a web page's content. Must be a direct child of ``, and must be an ancestor of all HTML elements (except where noted).
```html
```
## link
Defines a link between the current web page and an external link or resource.
```html
```
Description :
### `href`
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
### `rel`
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.
### `type`
Defines the type of the linked resource.
- = `"text/css"`
- The link is a CSS file.
- = `"text/html"`
- The link is an HTML document.
## meta
Defines metadata attached to a web page.
```html
```
```html
```
```html
```
### `charset`
Defines the character encoding for the whole web page.
- = `"UTF-8"`
- The value must be a valid [character set.](https://www.iana.org/assignments/character-sets/character-sets.xhtml)
### `http-equiv`
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.
### `name`
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.
### `content`
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.
## script
Defines a container for an external script.
```html
```
```html
console.log("Hello World");
```
### `src`
Defines the source of the external script.
- = `src="/javascript/my-scripts.js"`
- The URL can be relative or absolute
### `type`
Defines the [MIME](https://www.iana.org/assignments/media-types/media-types.xhtml) type of the external script.
- = `type="text/javascript"`
- This is for `.js` files.
### `async`
Allows the external script to be loaded asynchronously.
No value required.
### more coming soon...