Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

[Ferurlino] Basic HTML - Part 1 - Easy/Beginner

HTML

  • Please log in to reply
No replies to this topic

#1 Ferurlino

Ferurlino

    CC Lurker

  • Just Joined
  • Pip
  • 5 posts

Posted 04 May 2010 - 11:04 AM

Hello and welcome to my first tutorial about basic HTML. The difficulty is for beginners and it's pretty easy to understand and follow the instructions.


Firstly, you maybe want to know what HTML means...
Well, HTML means HyperText Markup Language. This is the basic of all websites that exist.

And CSS. Which I will be teaching you later in another part.
CSS means Cascading Style Sheets. It's a style for to design your website.

Let's begin. Open up notepad by pressing Start and search for Notepad
When you got it as a window. Then type the following:
<HTML>
<HEAD>
 <TITLE>Ferurlino Basic HTML</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>
<TITLE> will show itself on the top of your internet browser.
<BODY> is the body of the page itself. Which will show pictures, links, text and much more.

Now you maybe wish to add a background to your website.
Just replace the <BODY> with <BODY BGCOLOR="gray"> or <BODY BGCOLOR="#999999">. But don't do anything with </BODY>.
And add a text that everyone can see <BODY>Hello World.</BODY>

It will look like this;
<HTML>
<HEAD>
 <TITLE>Ferurlino Basic HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#999999">
Hello World!

</BODY>
</HTML>
Now let's make a folder on the desktop called Index or Website, whatever.
Open the folder and make a new folder called img or images. Go back to the front folder, that you named Index or something.
Open up your notepad and "Save As" index.html. Make the type as "All Files". (don't make it .htm, it's an older version) to the folder you just made (not images)

When you've done that. Left-click on your index.html and see your results!

In the next part I will teach you about adding pictures, links and pages. Have Fun!
  • 0





Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download