Users browsing this thread: 1 Guest(s)
Nate teaches how to use HTML
#1
Well Hello there im nate pleased to meet you Smile.

I'll teach y'all some HTML so let's Go!
First things first, the "Body"

To make the body, use this code:
Code:
<!DOCTYPE html>
<body>
<html>

This code can be in any order as long as it's THERE.

At the bottom of the webpage's code, put this:
Code:
</body>
</html>
This finishes the website's code, so at the end of everything PUT THAT THERE.

Nextly, sinse HTML is a Visual Language, Images go to HTML as beer batter goes to Onion rings.

Paragraph 2: Using a image as a link:

To use a image as a link, type this code:
Code:
<a href="NAME OF IMAGE.PNG">
<img src="NAME OF IMAGE.PNG" alt="WHERE THE IMAGE IS LOCATED, AND NAME OF IMAGE.PNG"
If you got this, we are off to a good start!

Nextly, to make the image the correct size, use this code:
Code:
style="44px;height:44px">
And then finish with:
Code:
</a>
So put that together, and...
Code:
<a href="NAME OF IMAGE.PNG">
<img src="NAME OF IMAGE.PNG" alt="WHERE THE IMAGE IS LOCATED, AND NAME OF IMAGE.PNG"
style="44px;height:44px">
</a>
And there ya go!

Paragraph 3: Background color and font.

To make a background color, use this code:
Code:
<body style="background-color:Violet">
This will make the background Violet.*

*(To change color, just type a different color)

To change a font, use this code:
Code:
<h1 style="font-family:Cambria Math">EXAMPLE</h1>
This will make the text Cambria Math.
To change font, put A different font there*

*(As long as a font exists)

And there is how to make a basic webpage!

By NateIsMyName.

Did i miss something? tell me!

I'm a beginner at this, but this is other creativity so this is what i've KINDA been doing lately.
[Image: jcKgJbX.png]
Reply
Thanked by:
#2
Where do I test this out? I don't want to accidentally blow-up a website with my noob skills.
Respect and Care
Love for People
Faith in Christ
Reply
Thanked by:
#3
Just use notepad(Or notepad++), and save it as a File.html
THEN you can edit.
[Image: jcKgJbX.png]
Reply
Thanked by: Neweegee
#4
Just do what I do when I used to build web sites for practice. Just type in the code with notepad, change the extension to HTML, and then open it that way.

EDIT: Oops! Ninja'd by Nate. XD
(02-27-2014, 07:31 PM)Gors Wrote: DO NOT BE AFRAID TO SUCK. DO NOT BE AFRAID TO SHOW YOUR SUCKY ART. I think this needs to go noticed to everyone, because sucking is not failing. Sucking is part of the fun of learning and if you don't suck, then you won't own at pixelart

it's ok to suck, sucking is not bad, just try and aim to always do your best!
Reply
Thanked by: eureka


Forum Jump: