Testing, testing, 1 2 3, 1 2 3...
Cool! Neocities cat tutorial working like a charm.
Alright. Now, to link something...
Is this how it works?
Great! Nice.
Oh, and I can add images too! Alright...
The reccommended image is this?
Ah! I did it. Splendid.
Alright, now how to do lists...
I can do both numbered and non numbered?
Okay, so for bullets, use 'ul'
And for numbers, use 'ol'
Wait, what if I do multiple lines of text without closing the paragraph tag?
Nothing, it seems.
Oh, and practice doing different headers...
Cool.
I'm using the 'p' tag so much that I think I may start using it in day to day typing now... Arceus have mercy. I've already gotten in the habit of using tags for italics and bolding text, since you need to use those in order to do italic and bold in ao3.
Okay, now I need to put a link inside of a list. Nesting practice, I suppose. Shouldn't be too hard.
Nice, it worked! I think I'm getting the hang of this.
This is going to be my basis, for now. I understand the basics, and I'll continually visit my main site in order to re-read the code and refresh in case I need it.
Oh, a tutorial for html. I'll practice that on my site! Let's see how this works...
Ah, it shows something! The '(/)body' and '(/)html' at the top and bottom of the coding screen mean something.
The 'body' indicates that the text inside is what's visible to outside viewers, while the 'html' indicates that it's the document. Neat.
Wait, a line break tag? Let me test that out...
Did I do it right?
I did! Great! I'll edit some earlier code to include the line break...
Aaaaand done! Perfect.
Ah, the course mentions attributes! I think that's what I used in order to create the link I did earlier. Oh, and just so you know-- it leads to 'objection.lol', a fan-site for making fake Ace Attorney cases. I linked to the 'maker' screen, so you can just... use that, I guess. It's fun!
Okay, back to study.
This tutorial is showing off a 'head' tag? Let me try that.
Deleted my attempt. That was awful. Just use the 'h(number)' tags instead of going through all that work. It's horrid and I don't think you're even able to make a header come after the body of text. Again, don't suffer through it and just use the 'h(number) tags that the neocities tutorial introduces.
Tutorial just showed that I can use 'em' and 'strong' as replacements for 'i' and 'b' (for italics and bold), but it says there's a difference. But not, like, a visual difference? Maybe? Let me check them out here.
So, let me do a simple emphasis tag and strong tag, and follow those up with italics and bold.
Yeah, I don't see a difference. Hm. I'll keep using 'i' and 'b', because it's quicker to type out.
Oh, and the line break tag can be used to break up a paragraph??? That makes my life so much easier. Instead of typing a million different lines, I can just--
and there! Easy! Bravo. Alrighty, there's a lot here to soak up, but I'm getting it I think.
Ah, the difference! So, using the 'br' tag in the middle of a paragraph breaks it apart without actually putting space between the lines. So, if I but a break here--
--there's no gap. However, if I put down a new paragraph...
There's a gap! This makes pacing a lot easier. Excellent. This is turning out well.
Okay, so with that said, I no longer have to use 'br' in order to separate everything.
By that I mean I can just make multiple lines in one paragraph, and seperate things via different paragraphs!
Although it looks a bit cluttered. I may go back to putting different parts in different paragraphs, we'll see.
Anyways, this tutorial is introducing what 'ol' and 'ul' actually mean! The lists I made earlier-- 'ol' means 'ordered list', which is why it made a list with numbers. 'ul' means 'unordered list', which is why it made bulleted points. That's pretty neat!
Ooooo, and it's showing a list within a list..? Okay, now I gotta try that.
Okay! Headcannons for Ingo and Emmet. Did that work?
Yay, it worked! And the mini-bullets even have hollow insides! That sounds weird. Anyways, I'm verrrry glad things are going out this well. Nesting makes a ton of sense to me!
Now, to the next tutorial thingy...
Ah, how to make links again. The website the tutorial's on (Here) doesn't define what 'href' means, but I googled it, and I can't find what it stands for, but it basically tells the computer that the link that follows is the link to bring the user to.
So uh. That's neat! Again, html turns out to be pretty easy to understand. I really like how Neocities will yell at you if you accidentally put in code that doesn't make sense. Makes me catch mistakes immediately!
Oh, and apparently this already has people seeing it?? It hasn't even been an hours since I made this thing, what the heck. Anyways, uh, live updates every time you refresh, I guess? I'm writing this at 1:20 in the morning, November 23rd. Not going to share my time zone for obvious reasons. I'm just dumping all of my info into the code here, and treating it kind of like a journal, documenting me learning how html works. If you couldn't tell already.
Man, it's awkward writing to people who might not even be reading this...
Oooo, just found the prettiest arceus-based page! It's called 'A Realm Beyond', and I love it so so much. How do I favorite pages...? I'll figure that out later. Anyways, back to the tutorial.
Ah, images again. Okay. In it's example code, this tutorial has a 'bagel.gif', so I guess I'll put that in here..? Ooo, and it's introducing how to change the image proportions, too. Imma play with this a bit.
...I misread 'badge1' as 'bagel'. I. Probably should sleep. I mean, I'm not going to. Not yet. Change topic, quick. Okay. To play with proportions.
Nice! Haha, that's great. And I'm pretty sure the 'alt' means the alt text?
Yeah, it does. Cool. So, I know how to make images look wacky, now! Bravo.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Tables!! Graphs! Wait, I'm really excited. Hold up. Uh.
I'm more excited than I should be. What can I even use this for. Uhm. Okay.
| This is the first row and first cell. | First row, second cell. | First row, third cell. |
| Second row now! | Man I love tables | Cell three |
| I feel like the narrator | From TSP? | Okay, one sec |
Man I love graphs. Too bad it doesn't have outlines. Anyways
(Oh, and by 'I feel like the narrator', I meant, like, whenever he gets super excited about little things. Idk. Childlike joy and whimsy. Thinking when he's all giddy about introducing the name button? Such a silly guy, love him.)
Oooo, I can do forms now? Okay! Let's see here...
Oh arceus that's complicated. Uh. What did it mean when it said that the table was the hardest part?? Uhhh...
Okay, so a user-filled thing... form. Form tag. Uhm. I'm just going to copy-paste what the tutorial gave, simply to see how it formats/works...
Uh. I see. Nothing?? It's there in the code, but nothing shows. Give me a minute to read throught.
Alrighty! Looked through. It doesn't elaborate on the 'form' tage in the slightest, so, uh, yeah. On the upside, there's a few new things for me to play with! Behold!
Not sure what that does. You can type things, though!
This makes it so that the things you type are censored. Oh, and I don't see anything you type, by the way. Not sure how to do that yet, and if I could, I'd say something about it. It's just a thing you can fidget with? I dunno.
And here is a checkbox!Hold up, a 'radio' type? How does that work?
Ohhhh, one of these thingys. Again, I can't see what it does. There's probably a way to code in that clicking the checkbox triggers something to happen, but I'm not at that stage yet.And... a 'submit' thing? Wait, will I be able to see it or something? Hold up.
.....again, I still haven't been taught how to do anything with these buttons, but they exist and they work, so, uh. Yeah! Buttons! Fun.
Next new thing is 'textarea'. Let's see how this turns out.
Oh, that's neat! Nice. So I can put in some text from the code side, but the person viewing the page can type in their own thing as well.
Now, it's showing how to make drop-down text boxes.
How's that look?
Decent, decent. Okay.
I'm able to add 'value' next to the options, but I'm not sure what that does. Doesn't seem to change anything at the moment, so I'll hold off until it serves some use.
Ahhhh, there it is. How to format these things! Again, still not sure if I'll be able to see the results, but I'll make one of these anyways just to test out the whole coding side of things.
I'll just copy-paste the example and figure things out from there...
...wow. Okay. That is a lot. Reading it from the code side of things, it kinda makes sense? Yeah, I think so. hm. Yeah. Let me try and copy but with my own form. I removed the 'submit' button in the example, because it just causes the page to have a 404 error.
Oh, and there's a comment in the copy-pasted code. I'll try that out later.
It's getting late. As in, 2:20 in the morning late. Or would that be early? I don't want to mess up my sleep schedule too badly, so I'll sign off for the night. This is fun, though! I'll keep learning tomorrow.