you need to start somewhere, dont you? you need to write, that is the point!
lemme give you a haiku:
here's a new quest: write some text
we need them and you are the best!
but hey, dont be messy; type in < p >text< /p > to be classy
because html is bossy n' fussy
< br >< /br > makes lines break
because you need them to stack on the rack
so your text wont be like a freak on a peak
plus it would be easier to read n' speak it back
dont you want all of that, all of these are great!
yeah you saw the title. im really doing it unless something makes it impossible to do so
there will be some dialogues that i sprinkled around the "cheatsheet" so it would feel a bit more human-friendly
(or smth like that, im not rlly sure about the time lmao)
today's the day, were actually starting :)
the ones and the onlys: HEADERS!
headers are great way to show the topics's titles. there are, i kid you not, 6 header types.
- woah, isnt that too much?
+ you will see below.
- you didnt had to break the 4th wall -_-
you usually use them for document/webpage titles. you can and should not overuse this (except me, because im built different 😎)
oh hey thats reasonable for subtitles, just use this more often than h1 headers lol
...and this is for subsubtitles :)
omg, this header is tiny-
bruh who even uses this
thats not even a header lmfao
yes sir, we have lists here!
why? because lists are :
remember, there was two types of lists. this one is called ordered list because, well, its ordered. y'know-
uh huh, it (unordered lists) really exists-
oh did mention that these can be stacked?
today was good, actually (except i have 5 days of school but whatever! i'll still continue to level up my skills!)
that means... goodbye! i will back with a new, and a good informations. see ya!
eyy, how was your day? im fine, thx. as the entry no. 2 suggests, i will just edit the page layout. the should be intact and not damaged like yesterday lol
so, uh- OH! i think i should update the font to Fira Code, a monospaced font that i like very much (sorry pal, you dont get to choose in my land unless i want to)
wait a min, i did it already. why i even said i should? -_-
NOTE: sorry for 1-day inactivity. these teachers really want to go nutz. i hate them (as usual).
exams are nearby, as i said above. and the style update for this site is too!
consider the kinda cool theme as a placeholder for the better one 🙂👍
the improvements are:
yeah i guess thats it! goodbye 🙂
- didnt you learn to make a gradient background using css?
+ no, i stole the code 🙃
- GET OU-
oh yeah and i totally didnt wrote this at #day6
it's fancier wa- HOLY [[Big Shot]] WHO MAXED THE VOLUME OF MY [[Not So Personal Computer]]?
sorry for the inconvenience, i got jumpscared from a damn notification.
please press to pay respects. thank you
hey were getting offtrack-
anyways
these guys look like texts with extra fluff. they are clickable, and they take you around some webpages. target of the anchors does not matter, all you need is just a working webpage!.
apart from ability to link your or others' webpages, you can also link your headers (yes, im talking about these very same headers i wrote on this page).
to do this, add id="write-something-that-doesnt-contain-spaces" in your preferred element's body (like this: <element id="something">content</element>)
then, link it! write <a href="the-id-of-an-element">link mask/display name<> if its on the same page. you can link to other pages in the same site by using relative paths (you can type "/mywebsite/pictures/picture.png" instead of typing "http://site.domain/mywebsite/pictures/picture.png", etc...)
tl;dr: it links things like webpages, images or musics to other things. to link headers in :)
i didn had the time im totally lazy lol
me, after one electricity outage
"wassup guys? how way your day? today were speedrunning super mario but i suck at this game"
"wait a minute, the router is also turned off -_-"
lets put the jokes aside, i want to introduce this html element to you. it's name is:
pretty simple. like anchors, you need to give him a hyperlink reference/location of the image to, well, fetch the image and display it.
if you dont give the width and height tags to this element, it will display the image without resizing it. be carefu and do it!
yeaah that's it for now. that means:
or use them with anchors to make a fully functional button!
uh hey, i wanna sleep, i have exams tomorrow. have a good night!
