From 0f9b6ec02fe0e2442c0910a44c3547babf2fd769 Mon Sep 17 00:00:00 2001 From: JJ Date: Thu, 19 Sep 2024 13:26:47 -0700 Subject: meow --- web/html.md | 692 +++++++++++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 570 insertions(+), 122 deletions(-) (limited to 'web/html.md') diff --git a/web/html.md b/web/html.md index f385919..f47a0ec 100644 --- a/web/html.md +++ b/web/html.md @@ -33,90 +33,244 @@ There are about XX important tags. Here they all are. ## Style -- [``](https://developer.mozilla.org/HTML/Element/b) or [``](https://developer.mozilla.org/HTML/Element/strong): bold text -- [``](https://developer.mozilla.org/HTML/Element/i) or [``](https://developer.mozilla.org/HTML/Element/em): italic text -- [``](https://developer.mozilla.org/HTML/Element/s): struckthrough text -- [``](https://developer.mozilla.org/HTML/Element/u): underlined text -- [``](https://developer.mozilla.org/HTML/Element/q): quoted text -- [``](https://developer.mozilla.org/HTML/Element/small): small text -- [``](https://developer.mozilla.org/HTML/Element/sub): subtext -- [``](https://developer.mozilla.org/HTML/Element/sup): supertext -- [``](https://developer.mozilla.org/HTML/Element/code): text styled like 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! +- [``][b] or [``][strong]: bold text +- [``][i] or [``][em]: italic text +- [``][u]: underlined text +- [``][s]: struckthrough text +- [``][q]: quoted text +- [``][small]: small text +- [``][sub]: subtext +- [``][sup]: supertext +- [``][code]: text styled like code +- [`
`][pre]: 
preformatted text

+
+Some emphasis must be made: 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.
 
-## Wrappers
 
-These wrappers have no style associated with them, but are *semantically meaningful*. or is that true? they are all `block`, no?
+

+default styles
 
-``
-``
-`
 
`
+```css
+b, strong {
+  font-weight: bolder;
+}
+```
 
-- [`
, 
, 
, 
, 
, 
`](https://developer.mozilla.org/HTML/Element/h1)
-- [`
`](https://developer.mozilla.org/HTML/Element/p)
-- [`
`](https://developer.mozilla.org/HTML/Element/pre)
-- [`
`](https://developer.mozilla.org/HTML/Element/br)
-- [`
`](https://developer.mozilla.org/HTML/Element/hr)
-- [``](https://developer.mozilla.org/HTML/Element/span)
+```css
+i, em {
+  font-style: italic;
+}
+```
 
-## Content
+```css
+u {
+  text-decoration: underline;
+}
+```
 
 ```css
-
+s {
+  text-decoration: line-through;
+}
 ```
-``
-`