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 HTML Page Structure Fri Dec 25, 2009 10:54 pm

ankillien

ankillien
Administrator
Administrator
HTML Page Structure
Different parts that make an HTML page
Hi Again Very Happy

I showed you how to create an HTML page of yourself in my previous tutorial. In this one, I am going to explain how different tags work.

We created an HTML page with this code last time...
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>
Now, lets break down the code.

The the tags has a start tag<> and end tag</>. A couple of start and end tag makes an HTML element and content inside the tag is called element content.

<html> Tag :
The <html> tells the browser that HTML document has started and </html> tag tell that the HTML document has ended. This is the first and last tag of any HTML document.

<head> Tag :
Right after we open <html> tag, we start <head> tag. The head tag contains the title of the page that we put inside <title> </title> tags. It will display the page name on the title bar of your web browser. The head also contains other tags like <link> , <meta> , <!DOCTYPE> etc. We'll discuss them later.

The <head> tag doesn't contain any other elements. The info inside head is not visible on the document.

<body> Tag :
As the name suggests, it defines the main body of the HTML document. The elements and content inside the body tag is displayed on the web page. We start the <body> tag right after we close the </head> tag. There can be nothing after closed head tag but the starting body tag.

We need to close the </body> tag before we close the </html> tag. You might have noticed that in above code, whatever goes inside the body tags is displayed on the page.


So, this is the basic structure of an HTML document. We'll be discussing the main part of HTML document i.e. different tags and elements that go inside body tags and display content on the web page. You'll be learning text formation, making tables, working with forms, making lists, boxes, links, frames and many other things. So stay tuned for the next HTML tutorial.


Thank You Very Happy

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

2Accespted Re: HTML Page Structure Sat Dec 26, 2009 9:47 am

karna

karna
Registered Member
Registered Member
wow nice tutorial ankillie Very Happy It is so neatly explained.
Thank you.

Can you explain what is DOCTYPE? I don't know anything about it.

3Accespted Re: HTML Page Structure Mon Jan 18, 2010 2:22 am

Fred100

Fred100
Registered Member
Registered Member
Wow it helped me a little more!!
so it's like this right?
Code:
<html><head><title>SOME-NAME</title></head><body>INFO</body></html>
it's the right format right?
& I have a question can we give space in between of those tags?

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

4Accespted Re: HTML Page Structure Mon Jan 18, 2010 11:45 am

ankillien

ankillien
Administrator
Administrator
Yes fred,
your format is exactly right Smile

You can always give spaces between closing and opening tags to make the code look neater.
Like this...

Code:
<html>

<head>
            <title>
                      Fred100's Page
            </title>
</head>

<body>
            <h1>
                      This is the heading of my page.
            </h1>

            <p>
                      Here goes the paragraph of my HTML page.
            </p>
</body>

</html>

Space between two tags won't make any difference since HTML ignores white space.
Try the above code in your HTML page with and without spaces. It will give same result.

5Accespted Re: HTML Page Structure Wed Jan 20, 2010 12:33 pm

Fred100

Fred100
Registered Member
Registered Member
Oh Kay thanks Wink
& because it's a HTML page so we can add images , vids & all that rubbish stuff which has HTML , too right?

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

6Accespted Re: HTML Page Structure Wed Jan 20, 2010 12:40 pm

ankillien

ankillien
Administrator
Administrator
Yes, you can.
You can get embed code of any video on YouTube. Just put the embed code in your HTML page and it will show up Smile

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