Okay so here's the thing

I am going to try and add everything that I learned so far about HTML to this .html document.

I don't even know why I am doing this. I have a lot of things on my plate, and I don't really have the time.

I'm just...

Sick of what the internet has become. And maybe I can help make it better somehow?

Let's see how it goes

Enough talk

--Edit: This page has become too long. Find today's trials and tribulations here:2026-05-22
-- 2026-05-25
-- 2026-05-27
-- 2026-05-30 (AAAAAAAAAAAAAAAAAAAAAA words cannot describe how much I hate CSS)
-- 2026-06-01 (Fuck it no CSS today, just studying div without worrying about the style)
-- 2026-06-04 I made thissss :))))))

Date: 2026-05-21

Here's a link inside a paragraph.
And here are some
line
breaks.
How cool is that?

You know what, here's an image. Don't forget the line break!
(Is there a better way of breaking lines so that I don't have to put "br" at the end of evety line?)
(Also, I think I should learn how to add code blocks because I can't type an html tag properly in a paragraph)
a funny cat picture I found online
Look at this cat.
Thank you for looking at this cat.

Oh yeah here's some bold text.
I... don't know how to make other styles. Let me look it up real quick.
Okay!
So, here's some italic text. Thanks Italy, very cool.
Strikethrough?
...god, markdown was so much easier.

Oh, I also know how to hide things! Here it is:

...
...
...





Here's an image that is from my own drive, instead of one hosted on a different website.
The grid image of the video game Tower Unite The grid image of the video game Tower Unite, in a square shape The grid image of the video game Tower Unite, in a bigger square shape

This text is teal.

Best color there is.
I wonder if I can change the shade though. Maybe in the future.

This text is "hotpink". Wht is "hotpink"??

h3 heading but B I G

Paragraph but B I G.

bold italic strikethrough teal big paragraph

            Wait, if I use the "pre" tag, the text inside is displayed with spaces and line breaks.
            But it is displayed with a fixed-width font.
            Oh damn, it also includes the formatting indentations.
            I should remove them for pre tag I suppose
        

Indentation removed. Looks ass in the code editor.
This is a line.
This is another line.
This line has some extra              space.
Mmmm     beautiful.    Will I ever use this?
        

Title with 'tomato' background color

Paragraph with a 'blueviolet' background color

blue text on a brown background. (this is a readability nightmare lol)

Can I hide text like this? And the viewer will need to select it to read? Hell yeahhhhh

What if I use the same color I use for the background?

okay now we're getting somewhere

What about hiding a link, would that work?

IT DOESSSSS

This header uses 'verdana' font.

This header uses 'courier' font

This header is 300% larger.

This paragraph is 160% larger.

This paragraph is centered.

This is the ultimate paragraph. A paragraph to rule over all other paragraphs. It has a custom font, custom size, custom color, custom background color, and it is centered
What else can you possibly want from a paragraph?

What's the difference between bold and strong text? They look the same... Maybe if I increase their sizes to see better...

Bold. test TEST

Strong. test TEST

...they look the same to me?

I think I can say the same thing about italic text versus emphasized text. Although here it says "A screen reader will pronounce the words in em tags with an emphasis, using verbal stress". So I think it's an accessibility thing. But it doesn't say anything about bold and emphasis.

This text is small.

This text is marked. Or as everyone else in the world refers to it, highlighted. Can I change the highlight color?

First attempt at changing the highlight color. -- okay it changed the text color

Second attempt at changing the highlight color. -- YES. So I need to use style="backgroun-color" for the mark tag.

This text is deleted. -- FFS then what's the difference between using strikethrough vs del???

This text is inserted. --So it makes it underlined?

This text is subscripted. -- H2SO4

This text is superscripted. -- (Fe2+). Uhmm that's me fr fr


Everybody gangsta 'til the nuns start meowing.

What's the difference between using regular good ol' quotation mark and using q tag?
"Regular quotation marks"
q tag
Oh wait they do look different! I don't know why or how. But this looks better. (wtf is a fantasy font famly. It does not look fantastical at all.)
Wait... abbrevations have their own tag? I guess this is also for accessibility. And apparently we can add a tooltip to it.
TU is the best game in existence hell yeah. -- Oh it also gives it a dotted underline? Cool cool cool.
UIDKWIADHAAIGAYWBATUWTIWHOIRIPMULMAO
So apparently there's also a tag for addresses. Okayyy so,

Written by IronTwo.
Follow me on instagram.

WHY IS THERE A TAG FOR CITATIONS??? PEOPLE CAN UNDERSTAND IF YOU'RE CITING SOMETHING IF YOU JUST CITE IT. ugh
This website was created by my own two hands. --IT'S JUST ITALIC AGAIN WTF WHAT'S THE POINT????

Okay so if I wanted to I can make a text written from right to left. For languages that write that way I guess? Oh and this is the coolest sounding tag ever: Bi-Directional Override.
This should go right to left. --oh wait it literally rearranges letters from right to left. Let's try again.

Ahem,
racecar --wtf it didn't work?? hehe


So I can hide things witin a paragraph? --yup I can.


Here's a link that shows all color names that every browser supports. But I think I can also use hex codes.

Hello World

This is a test to see if a paragraph and its header share the same background color will merge.--I guess not.


5px solid border

5px dotted border

5px dashed border


I can make the background semi-transparent with 2 extra characters at the end of the hex code. But this is very complicated. I guess it's better to use rgba values

Teal, 1

Teal, 0.9

Teal, 0.8

Teal, 0.7

Teal, 0.6

Teal, 0.5

Teal, 0.4

Teal, 0.3

Teal, 0.2

Teal, 0.1




I guess that's the best I can do for now.