hi, and welcome to the coding section of my website! And i'm here to show you all the wonders of coding.
chapter one: a start
so, i'm coding this. but I did 100% not code it like this: "010100010010010000100100101". that, that is binary. so, binary is the type of coding that computers understand. and maybe some awesome mathematicians. not me though. for all I know, that could mean "sonic quack"! but coding is awesome.
so, everything in coding is a choice. there is usually a million ways to do things, so now it's your turn. where do you want to take this adventure?
HTML, CSS, and javascript
1. HTML! html is one of the main parts of coding a website. it creates all the elements of the webpage. this! for example. I can also make things like italics, bold, underline, and more!
2. CSS! css is the sparkle in all websites: look at:
this!
3. and, javascript. probably the most important launguage in coding. sure, can be a tinsy bit complicated at some points, but WOW it is awesome. we'll learn that later.
so first up: html.
in html, all "elements" are made with <, and >. so if I wanted a paragraph, I'd do <p>. nice! so you'd do <p> and then what ever I wanted, and the make a new line. right?
if this is what you are thinking, so close. at the end, no line break required, just whatever you did at the start, which was <p> and add a slash! but the placement of the slash is crusial. here is an example:
<p> hello, and this is my website! </p>
and here is the result!
hello, and this is my website!
and the other thing: there are so many things you can put between <>! (they are called tags.) some examples: h1 - h6 for headings; h1: smallest; h6: biggest! div for a "block" that can be used for many things, even containers for other elements! br for line break, (with br, you don't need to close it, </br> is not a thing. haha, why would you even need it?) and so many more! note: js is case sensitive.
so, if you're understanding the simplest, maybe you're wondering "how do I then make it bold? how do I make it pink?" well, bold is usually just made with the <b> tag! and don't forget to close it with </b>! there are other things like <u> for underline, and <i> for italics! now, gettin' pink is all over styling stuff: CSS! so, this is a little bit more complicated, but quite easy to get used to! so, in <p>, between the p and the > goes all the attributes! like 'contenteditable="true".' all that does is makes it so that you can edit it!
edit me!
but that's a html attribute. the css atribute is 'style=" " '. yep! and that means you can put in style=" " your html attributes! like "color:blue"! that would change the text color to blue. if you want the background color to be blue, just use "background-color: blue"! so, pretty simple, really. but don't forget, after you're typed what css style you want to change, use a colon (:) to say "that's what I want to change." and semicolon (;) to say "thats what I wanna change and that's what I wanna change it to." now, semicolons are really used for seperating styles! like seperating "color: blue" and "background-color: red" would be "color: blue; background-color: red;"! note: you do not need a semicolon on the last css style you've typed, but it's good practice.