[Code Mango] extras

Extras

Random little goodies I've collected and put on this page for you to learn from and use. Mostly just easy coding lessons/stuff.

Basic HTML

You might have seen pages with stuff that grabs your attention, something else that looks neat. You could have been sent away from the page you're on, or maybe not. These are pretty easy codes to use if you know the tags for them, and if you go deeper into CSS you can also change how they look. I'll just show you the basics though.

Bold usually makes words stand out even more. My bold has been changed colors and uses a different font from my normal text. However, the tags are the same wherever you use them, it's the CSS that makes them look different. text here

Italic text is normally slanted, for a more subtle attention grabber.
Like this.
But on my site I don't use it as much, so it's a fainter color and looks like normal text. text here

Underline will do exactly that, put a line under the text. I haven't messed with the underlines in my coding, so this is what you'll get normally. text here

~~Strike~~ puts a line right through your text! Very handy for marking off completed goals ~~or hiding stuff but not really~~. <s>text here</s>

Links take you to a new page. You can also use pictures to do that, if you add the link tags around it. <a href="url">text here</a>

See how I've changed it? The 'img src' is where you place the url of the picture you want to make into a link. The 'border=0' part makes sure there isn't a border around the linked image.
Same basic code, but with the 'no border' part removed. <a href="url"><img src="url" border="0"></a>

A normal image tag looks like this. See? Your cursor doesn't change when you hover over it and nothing happens if you click on it. <img src="url">

Break tags do
stuff like
this. They bump stuff down a line. 

Some times you want to have a space between two lines of text.
Basically, you're starting a new paragraph.

Bold usually makes words stand out even more. My bold has been changed colors and uses a different font from my normal text. However, the tags are the same wherever you use them, it's the CSS that makes them look different.	<b>text here</b>
Italic text is normally slanted, for a more subtle attention grabber. Like this. But on my site I don't use it as much, so it's a fainter color and looks like normal text.	<i>text here</i>
Underline will do exactly that, put a line under the text. I haven't messed with the underlines in my coding, so this is what you'll get normally.	<u>text here</u>
~~Strike~~ puts a line right through your text! Very handy for marking off completed goals ~~or hiding stuff but not really~~.	<s>text here</s>
Links take you to a new page. You can also use pictures to do that, if you add the link tags around it.	<a href="url">text here</a>
See how I've changed it? The 'img src' is where you place the url of the picture you want to make into a link. The 'border=0' part makes sure there isn't a border around the linked image. Same basic code, but with the 'no border' part removed.	<a href="url"><img src="url" border="0"></a>
A normal image tag looks like this. See? Your cursor doesn't change when you hover over it and nothing happens if you click on it.	<img src="url">
Break tags do stuff like this. They bump stuff down a line.	<br>
Some times you want to have a space between two lines of text. Basically, you're starting a new paragraph.	<p>