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

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

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

1Accespted Start Learning HTML Mon Dec 21, 2009 9:31 pm

ankillien

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 10:54 pm; edited 2 times in total

2Accespted Re: Start Learning HTML Tue Dec 22, 2009 12:03 am

karna

karna
Registered Member
Registered Member
Nice tutorial. Good for beginner Razz

3Accespted Re: Start Learning HTML Tue Dec 22, 2009 12:32 am

Fred100

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 Tue Dec 22, 2009 8:07 am

Sk9

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 Tue Dec 22, 2009 9:02 am

ankillien

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 Tue Dec 22, 2009 6:32 pm

Fred100

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 Tue Dec 22, 2009 7:12 pm

ankillien

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 Mon Jan 04, 2010 10:27 pm

DarkPoint

DarkPoint
Registered Member
Registered Member
Nice tutorial for beginners

http://www.our-time.biz

9Accespted Re: Start Learning HTML Thu Jan 07, 2010 2:56 am

JochiKhan

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 Thu Jan 07, 2010 3:03 am

Sanket

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.

http://www.webartzforum.com

11Accespted Re: Start Learning HTML Thu Jan 07, 2010 6:39 am

JochiKhan

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 Thu Jan 07, 2010 3:17 pm

Sanket

Sanket
Administrator
Administrator
Can you show us a screenshot?

http://www.webartzforum.com

13Accespted Re: Start Learning HTML Thu Jan 07, 2010 3:39 pm

ankillien

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 Thu Jan 07, 2010 9:03 pm

JochiKhan

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 Thu Jan 07, 2010 9:11 pm

Sanket

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

http://www.webartzforum.com

16Accespted Re: Start Learning HTML Thu Jan 07, 2010 9:28 pm

JochiKhan

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

17Accespted Re: Start Learning HTML Thu Jan 07, 2010 10:13 pm

ankillien

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 Tue Sep 28, 2010 7:55 am

Soul Eater

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

19Accespted Re: Start Learning HTML Tue Sep 28, 2010 9:18 am

ankillien

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 Tue Sep 28, 2010 9:23 am

Soul Eater

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.

21Accespted Re: Start Learning HTML Tue Sep 28, 2010 1:25 pm

blindbat1457


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

Indeed. It is very simple code. Anyone can learn it and anyone can make a web page. Now to style it such as colors/borders/rounded edges/lines etc that takes CSS which is also very basic. I can tell you right now anyone can learn HTML & CSS in a few days.

Best place to learn these are www.w3schools.com

22Accespted Re: Start Learning HTML Tue Sep 28, 2010 1:28 pm

Soul Eater

Soul Eater
Registered Member
Registered Member
Ill havea look at that, im jsut reading webartz tuts for now.

23Accespted Re: Start Learning HTML Thu Sep 30, 2010 7:42 am

Syfte

Syfte
Registered Member
Registered Member
Cool stuff. Haven't seen it really explained like this yet.

Also anyone with Chrome could hit
Ctrl+O
to open the file. Had to google it. =P

http://www.spotfeed.net

Sponsored content


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

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