WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » Tutorials » Start Learning HTML

Goto page : 1, 2  Next

View previous topic View next topic Go down  Message [Page 1 of 2]

1Accespted Start Learning HTML on Mon Dec 21, 2009 8:01 pm

ankillien


Administrator
Administrator
Start Learning HTML
Tutorial for absolute beginners

Hello Everyone Very Happy

This tutorial is for absolute beginners who want to start off learning HTML. If you are a noob and want to start your journey to learn coding, go ahead reading...

What is HTML?

HTML stands for Hyper Text Markup Language. It is the base of all the web pages that are available on internet. All the web pages are generated in HTML format. It is the mosr basic language to learn as well.

What you need?

  • You will need to have a computer that is running. Most likely you have this already, since you are reading this page Razz
  • You will need a text editor of your choice. If you have windows,you can use Notepad. If you have a Mac, you can use BBEdit.
  • Now, you need to have a web browser which will display your HTML pages. You can use Internet Explorer, Firefox, Opera, Safari etc. (Note : Firefox is the best browser as per experts opinions).
  • You'll need a place to save your HTML files. You can create a new folder for it.


The Basics :

  • An HTML file is a text file containing small markup tags.
  • The tags tell browser how to display the page
  • An HTML file must have extension of .htm or .html
  • HTML page can be created using a simple text editor


Your First HTML Page :

Now, you'll make first HTML page of your own Very Happy Just copy and paste the below code in your text editor (Notepad).
Code:
<html>
<head>
<title>My First HTML Page - WebArtz</title>
</head>
<body>
<h1>This is the HTML page header.</h1>
<p>Here is a paragraphi I wrote for my first HTML page.</p>
</body></html>

Save the page as firstpage.html. Now open the page with any web browser.

You'll see your first HTML page. It will look like this. The code is pretty simple and readable. You can edit it yourself Wink

This is how we create HTML pages. Here you have started of learning HTML from very basic. You'll learn more about how to code HTML page yourself in my next tutorial.

Thank You
Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.



Last edited by ankillien on Fri Dec 25, 2009 9:24 pm; edited 2 times in total

2Accespted Re: Start Learning HTML on Mon Dec 21, 2009 10:33 pm

karna


Registered Member
Registered Member
Nice tutorial. Good for beginner Razz

3Accespted Re: Start Learning HTML on Mon Dec 21, 2009 11:02 pm

Fred100


Registered Member
Registered Member
Wow now i guess i can create a HTML page myself!
& i have a question
how do we see them in browsers?
by going on view or edit or tools (I use Firefox)

http://www.art-castle.biz/forum.htm

4Accespted Re: Start Learning HTML on Tue Dec 22, 2009 6:37 am

Sk9


Registered Member
Registered Member
I appreciate you starting from the very basics. I want to learn coding but when I ask people to explain it to me they don't realize that I know absolutely nothing about coding. So, thanks. I'll stick with these tutorials. What's the point of making an html page?

http://fujiplanet.net

5Accespted Re: Start Learning HTML on Tue Dec 22, 2009 7:32 am

ankillien


Administrator
Administrator
@ Fred,
In firefox you need to go to File > Open File > Goto the folder where you have saved your html page > Select the html file > Click 'Open" > Done

@ Sk9,
HTML is the most basic language and the whole internet is based on it. All the website are published in HTML format so it necessary to learn HTML if your are going for web designing Very Happy

Thanks for comments everyone.

6Accespted Re: Start Learning HTML on Tue Dec 22, 2009 5:02 pm

Fred100


Registered Member
Registered Member
Wow it's all easy now!
I think I'll make one!

http://www.art-castle.biz/forum.htm

7Accespted Re: Start Learning HTML on Tue Dec 22, 2009 5:42 pm

ankillien


Administrator
Administrator
Fred100 wrote:Wow it's all easy now!
I think I'll make one!


Thanks nice.
In my upcoming tutorial I'll be explaining how can you code your own HTML pages from scratch.

8Accespted Re: Start Learning HTML on Mon Jan 04, 2010 8:57 pm

DarkPoint


Registered Member
Registered Member
Nice tutorial for beginners

http://www.our-time.biz

9Accespted Re: Start Learning HTML on Thu Jan 07, 2010 1:26 am

JochiKhan


Registered Member
Registered Member
ankillien...

I have followed your instructions in the tutorial, copy/paste the code and saved as firstpage.html in Notepad.

When I try to open it with a browser I get the message...

Internet Explorer cannot open the webpage.

I am using IE 8 and Windows 7.

In Windows 7 when you go to File>Open... a window opens for you to type in the address of the document that you want opened.
It already has the filename http://firstpage.html/ in the selections list.

10Accespted Re: Start Learning HTML on Thu Jan 07, 2010 1:33 am

Sanket


Administrator
Administrator
Windows 7, thats not the place to open that page.

Are you sure you saved the file as firstpage.html ?

In firefox, Hit open file & then choose that file.


_________________
Sanket
http://www.webartzforum.com

11Accespted Re: Start Learning HTML on Thu Jan 07, 2010 5:09 am

JochiKhan


Registered Member
Registered Member
My mistake....not windows 7... it is IE 8 that my browser is.
Yes, I did save it as firstpage.html as the link in my earlier post shows.

I do not have firefox installed on this pc. Had it installed on my other pc but hated it. Mad

Edit: Installed firefox now to test this.
Clicked > File > Open file and all I have on the screen is the Code.
Shocked

12Accespted Re: Start Learning HTML on Thu Jan 07, 2010 1:47 pm

Sanket


Administrator
Administrator
Can you show us a screenshot?


_________________
Sanket
http://www.webartzforum.com

13Accespted Re: Start Learning HTML on Thu Jan 07, 2010 2:09 pm

ankillien


Administrator
Administrator
The above code is all that is required to create a basic web page! Now save your file in notepad by selecting Menu and then Save. Click on the Save as Type drop down box and select the option All Files.

When asked to name your file, type "index.html", without the quotes. Double check that you did everything correctly and then press save. Remember where it was saved to because you will need to open this file, soon!

After you have done this once, the next time you change your code, you will only need to press Save, not Save As…, because the computer now knows this is a HTML file.

14Accespted Re: Start Learning HTML on Thu Jan 07, 2010 7:33 pm

JochiKhan


Registered Member
Registered Member
ankillien wrote:The above code is all that is required to create a basic web page! Now save your file in notepad by selecting Menu and then Save. Click on the Save as Type drop down box and select the option All Files.

When asked to name your file, type "index.html", without the quotes. Double check that you did everything correctly and then press save. Remember where it was saved to because you will need to open this file, soon!

After you have done this once, the next time you change your code, you will only need to press Save, not Save As…, because the computer now knows this is a HTML file.


Today I checked over what I had done but named the file *index.html* instead of *firstpage.html* without the quotes. Also changed the option to All Files. I had NOT done this with the original file. Perhaps that was why it wouldn't display properly?
Saved it (overwrite) in the folder I had created for it in My Documents. I now have a HTML file in the folder (IE Logo index). when I click on it it now shows the Webpage with the typed paragraph. Very Happy
How do I open the file to change any text in it?

15Accespted Re: Start Learning HTML on Thu Jan 07, 2010 7:41 pm

Sanket


Administrator
Administrator
You need to Open it through Notepad & make the changes in the notepad file.
Then save it.


_________________
Sanket
http://www.webartzforum.com

16Accespted Re: Start Learning HTML on Thu Jan 07, 2010 7:58 pm

JochiKhan


Registered Member
Registered Member
Thank you for your help. All working OK now.
I'm learning... Very Happy

17Accespted Re: Start Learning HTML on Thu Jan 07, 2010 8:43 pm

ankillien


Administrator
Administrator
JochiKhan wrote:Thank you for your help. All working OK now.
I'm learning... Very Happy


Glad you sorted it out Very Happy
I suggest you to read all HTML tutorials here. You will find yourself able to code your own pages.

18Accespted Re: Start Learning HTML on Tue Sep 28, 2010 6:25 am

Soul Eater


Registered Member
Registered Member
I dont get it, whats a HTML Page?

19Accespted Re: Start Learning HTML on Tue Sep 28, 2010 7:48 am

ankillien


Administrator
Administrator
Saiyan Prince wrote:I dont get it, whats a HTML Page?


Any page you see on internet, is created with HTML language.

HTML is used for making headers, lists, paragraphs, links and tables on web pages.

20Accespted Re: Start Learning HTML on Tue Sep 28, 2010 7:53 am

Soul Eater


Registered Member
Registered Member
oh now i get it, so thats jsut a simple code, then you teach us to make from scratch, wow its awesome.

View previous topic View next topic Back to top  Message [Page 1 of 2]

Goto page : 1, 2  Next

WebArtz - The Web Design Forum » Web Designing & Coding » Tutorials » Start Learning HTML

Permissions in this forum:
You cannot reply to topics in this forum