If you've found this, it's a test website for me.
As I learn different HTML tags, functions, and ways to format, I'll be uploading them here.
It's going to look pretty messy in the meantime, but I'm excited to see it evolve.
Thanks for viewing my portfolio.
Check back soon!
paragraphs randomly aren't showing up, testing if this is visible
This is my twitter (formerly x)apparently it does not
this should bring us to ytthingss are getting very very messy here in the backend
gonna try out a photo without link just uploaded
wallahi it worked
the cat is flat
just after this line right here, just beneath it, i wanna see if putting a link and just the tag+attribute will still leave a hyperlink or anything
plot twist, it did not
click here for music :Dlets see if i can upload an mp4 :D
it didn't work i guess i'll learn that later
linked image rather than upload
below is an image with a botched source
now i'll try some style
hopefully i can learn some structure soon, this is going way too slow
THIS SHOULD be blue...
I'm pretty bad at this as you can see, but I'm trying to maintain focus
So far i've learned a handful of things and I'll put them here so I can remember. This is more like a journal for me so it doesn't really matter if you read it.
you have to start with !doctype html and end with an html tag
the head tag has 'meta information' whatever that means, you can put the title in there for what the tab/top of the browser says
headers give size and they get prio'd by size by search engines or something
you can upload links with 'a href' = " link " and close it with an a tag
you can upload pics with img src and then a source if its hosted on the site, or just a link but that's less reliable, and you can size them with height and width
these things like a href and img src are called attributes and they usually have names and values, always specified at the start tag but i think you can nest them or something
anything in the 'body' part of the html file is what people see
you can hit ctrl+u to look at html of stuff
the alt attribute lets you add info incase the thing you put is missing or if someone is listening to the page (visually impaired ppl or busy ppl ig or broken screen)
p style attribute lets you do stuff with color, font, size, but im still not sure if that's html still or css? i thought that was CSS's job
now i'm up to the 'lang' attribute but i have to go to work
it's poor habit to live tags open but browsers are pretty forgiving and will still display stuff like this paragraph even if i don't add a closing /p tag, but i will anyway bc im a good person
practicing the colour stuff more i won't remember.
you write color, semicolon, and end with ; and its those have gotta be in quotes and then finished with a >
lang is an attribute that declares the language of the web page, helps browsers and search engines
works the same way as other attributes, but they're abbreviated 'en, jp, etc'
wonder what if there's multiple languages on a webpage, i'll google it later
country codes can also be added in lang (like en-US)
title is an attribute that leads you get a little note when you howver over the element
it's p title="yourtooltip">then your text here then close the paragraph
hover here for a sec.
always use lowercase attribute names, even though caps works, w3c and HTML standard recommends otherwise, and it won't slide in things like XHTML
same thing for attribute values needing quotes. technically html standard doesn't need it, but you should do it anyway, xhtml will need it etc
below, seeing what happens if i make a title attribute without quotes around the hover-released tooltip
the full text is 'This tooltip doesn't work'
it didn't even show at all and it messed up my code so i erased it, but needless to say, you need quotes on an attribute, its important
when the attribute value has double quotes like someones nickname or something, you can use single quotes