diff options
Diffstat (limited to 'web/html.md')
-rw-r--r-- | web/html.md | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/web/html.md b/web/html.md index 6e52fb2..43757b5 100644 --- a/web/html.md +++ b/web/html.md @@ -20,7 +20,7 @@ Every website you visit is composed of HTML, which alongside with styling via CS Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for its appearance. -HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes, and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img> and <input> directly introduce content into the page. Other tags such as <p> and </p> surround and provide information about document text and may include sub-element tags. Browsers do not display the HTML tags but use them to interpret the content of the page. +HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes, and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as `<img>` and `<input>` directly introduce content into the page. Other tags such as `<p>` and `</p>` surround and provide information about document text and may include sub-element tags. Browsers do not display the HTML tags but use them to interpret the content of the page. HTML is composed of *tags*. These tags are enclosed in angle brackets @@ -33,15 +33,15 @@ There are about XX important tags. Here they all are. ## Style -- [`<b> </b>`](https://developer.mozilla.org/HTML/Element/b) or [`<strong> </strong>`](https://developer.mozilla.org/HTML/Element/strong): <b>bold</b> text -- [`<i> </i>`](https://developer.mozilla.org/HTML/Element/i) or [`<em> </em>`](https://developer.mozilla.org/HTML/Element/em): <i>italic</i> text -- [`<s> </s>`](https://developer.mozilla.org/HTML/Element/s): <s>struckthrough</s> text -- [`<u> </u>`](https://developer.mozilla.org/HTML/Element/u): <u>underlined</u> text -- [`<q> </q>`](https://developer.mozilla.org/HTML/Element/q): <q>quoted</q> text -- [`<small> </small>`](https://developer.mozilla.org/HTML/Element/small): <small>small</small> text -- [`<sub> </sub>`](https://developer.mozilla.org/HTML/Element/sub): <sub>subtext</sub> -- [`<sup> </sup>`](https://developer.mozilla.org/HTML/Element/sup): <sup>supertext</sup> -- [`<code> </code>`](https://developer.mozilla.org/HTML/Element/code): <code>text styled like code</code> +- [`<b>`](https://developer.mozilla.org/HTML/Element/b) or [`<strong>`](https://developer.mozilla.org/HTML/Element/strong): <b>bold</b> text +- [`<i>`](https://developer.mozilla.org/HTML/Element/i) or [`<em>`](https://developer.mozilla.org/HTML/Element/em): <i>italic</i> text +- [`<s>`](https://developer.mozilla.org/HTML/Element/s): <s>struckthrough</s> text +- [`<u>`](https://developer.mozilla.org/HTML/Element/u): <u>underlined</u> text +- [`<q>`](https://developer.mozilla.org/HTML/Element/q): <q>quoted</q> text +- [`<small>`](https://developer.mozilla.org/HTML/Element/small): <small>small</small> text +- [`<sub>`](https://developer.mozilla.org/HTML/Element/sub): <sub>subtext</sub> +- [`<sup>`](https://developer.mozilla.org/HTML/Element/sup): <sup>supertext</sup> +- [`<code>`](https://developer.mozilla.org/HTML/Element/code): <code>text styled like code</code> Some emphasis must be put: these tags are **semantic**. They are not for styling! You have a much more expressive form of styling with CSS! Given the existence of a quote key on most ASCII keyboards, this is not very useful, unless you're a stickler for Unicode quotes. @@ -76,11 +76,11 @@ These wrappers have no style associated with them, but are *semantically meaning ## Lists -- [`<li value=1> </li>`](https://developer.mozilla.org/HTML/Element/li): +- [`<li value=1>`](https://developer.mozilla.org/HTML/Element/li): A *list element*. Goes within either `<ul>` or `<ol>`. When within `<ol>`, `value` indicates the list numbering should skip to its value. -- [`<ul> </ul>`](https://developer.mozilla.org/HTML/Element/ul): +- [`<ul>`](https://developer.mozilla.org/HTML/Element/ul): An *unordered* list. Contains a bunch of `<li>`s. Displayed with bullet points by default. -- [`<ol type="1" start=1 reversed> </ol>`](https://developer.mozilla.org/HTML/Element/ol): +- [`<ol type="1" start=1 reversed>`](https://developer.mozilla.org/HTML/Element/ol): An *ordered* list. Contains a bunch of `<li>`s. Displayed as a numbered list by default. `type` indicates the numbering type, and can be one-of `a` (lowercase ASCII), `A` (uppercase ASCII), `i` (lowercase Roman), `I` (uppercase Roman), `1` (Arabic). `start` indicates the number to start from. The presence of `reversed` indicates the list ordering should be reversed. ## Stuff |