Page 1 of 1

Basic HTML Lesson 1 <html> and <body> tags Rate Topic: ***-- 2 Votes

#1 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Posted 13 February 2010 - 09:42 AM

*
POPULAR

Hello I will be teaching you the basics of HTML so you can make a productive website and get it on the web.

First when using HTML you need to declare the HTML document to do this open up Notepad (I would suggest Notepad++) and type these two tags on the page:
<html>
</html>
--Declares HTML document.

The beginning of an HTML document always starts with
<html>
. Whenever you end an HTML document you must use
</html>
. When you use the "/" key your ending what ever action you declared to use. Everything you put into the HTML document must be in between those tags.

The golden rule when using HTML 4.0 is that any coding you use is all lowercase if you don't use lowercase the website won't function correctly. After adding one tag press the "Enter" key then add the ending tags.

Now you're going to want to make the body of the web page, to do that do this:
<body>
</body>
--Creates the web page so you can add text, pictures, videos, etc.

Look for my next tutorial which will show you how to add text and how to format it.

This tutorial was made by kid for a kid.

Is This A Good Question/Topic? 6
  • +

Replies To: Basic HTML Lesson 1

#2 williamgeorgegardner  Icon User is offline

  • CEO of GeekTelligence
  • member icon

Reputation: 19
  • View blog
  • Posts: 584
  • Joined: 27-December 09

Posted 10 April 2010 - 09:48 AM

Very nice tutorial Terry! :genius:
Was This Post Helpful? 0
  • +
  • -

#3 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Posted 10 April 2010 - 03:12 PM

View Postcomptechexpert, on 10 April 2010 - 10:48 AM, said:

Very nice tutorial Terry! :genius:

I think I'm going to edit it though. It seems a little dull to me.
Was This Post Helpful? 1
  • +
  • -

#4 Dejour  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 12-October 08

Posted 17 April 2010 - 10:12 AM

Thanks "Kid"! I have never created a website from start to finish -- only edit, add on, and delete. I know most of the basics of html programming but not everything. This is a great help!
Was This Post Helpful? 0
  • +
  • -

#5 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Posted 17 April 2010 - 03:25 PM

View PostDejour, on 17 April 2010 - 11:12 AM, said:

Thanks "Kid"! I have never created a website from start to finish -- only edit, add on, and delete. I know most of the basics of html programming but not everything. This is a great help!

Your welcome. If you want to learn more HTML and other web languages you can goto w3schools

This post has been edited by VB.Terry: 17 April 2010 - 03:26 PM

Was This Post Helpful? 0
  • +
  • -

#6 PreProgrammer  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 2
  • Joined: 17-May 10

Posted 17 May 2010 - 04:46 PM

View PostVB.Terry, on 13 February 2010 - 08:42 AM, said:

Hello I will be teaching you the basics of HTML so you can make a productive website and get it on the web.

First when using HTML you need to declare the HTML document to do this open up Notepad (I would suggest Notepad++) and type these two tags on the page:
<html>
</html>
--Declares HTML document.

The beginning of an HTML document always starts with
<html>
. Whenever you end an HTML document you must use
</html>
. When you use the "/" key your ending what ever action you declared to use. Everything you put into the HTML document must be in between those tags.

The golden rule when using HTML 4.0 is that any coding you use is all lowercase if you don't use lowercase the website won't function correctly. After adding one tag press the "Enter" key then add the ending tags.

Now you're going to want to make the body of the web page, to do that do this:
<body>
</body>
--Creates the web page so you can add text, pictures, videos, etc.

Look for my next tutorial which will show you how to add text and how to format it.

This tutorial was made by kid for a kid.


With your tutorial and w3schools.com I created this piece of art:

<html>
<body>

<h1>Random</h1>

<p>Lady Gaga will rock your death bed. Don't go to sleep freddy will kill you! Can't go to sleep clowns will eat me and you. If you go to hell you will be tortured.</p>

<h2>Fin</h2>

</body>
</html>
Was This Post Helpful? 1
  • +
  • -

#7 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Posted 17 May 2010 - 04:58 PM

View PostPreProgrammer, on 17 May 2010 - 05:46 PM, said:

View PostVB.Terry, on 13 February 2010 - 08:42 AM, said:

Hello I will be teaching you the basics of HTML so you can make a productive website and get it on the web.

First when using HTML you need to declare the HTML document to do this open up Notepad (I would suggest Notepad++) and type these two tags on the page:
<html>
</html>
--Declares HTML document.

The beginning of an HTML document always starts with
<html>
. Whenever you end an HTML document you must use
</html>
. When you use the "/" key your ending what ever action you declared to use. Everything you put into the HTML document must be in between those tags.

The golden rule when using HTML 4.0 is that any coding you use is all lowercase if you don't use lowercase the website won't function correctly. After adding one tag press the "Enter" key then add the ending tags.

Now you're going to want to make the body of the web page, to do that do this:
<body>
</body>
--Creates the web page so you can add text, pictures, videos, etc.

Look for my next tutorial which will show you how to add text and how to format it.

This tutorial was made by kid for a kid.


With your tutorial and w3schools.com I created this piece of art:

<html>
<body>

<h1>Random</h1>

<p>Lady Gaga will rock your death bed. Don't go to sleep freddy will kill you! Can't go to sleep clowns will eat me and you. If you go to hell you will be tortured.</p>

<h2>Fin</h2>

</body>
</html>

LOL. That's awesome. It's a nice place to start. Learn as much as you can about HTML. If you ever need any help just PM me.
Was This Post Helpful? 0
  • +
  • -

#8 submerged  Icon User is offline

  • New D.I.C Head

Reputation: 2
  • View blog
  • Posts: 32
  • Joined: 08-July 10

Posted 08 July 2010 - 12:47 PM

Thank you, that was really helpful, I mean, I can do HTML, but its good to refresh the memory, xDD Thanks again :D

Was This Post Helpful? 1
  • +
  • -

#9 kr4m0llz27  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 17
  • Joined: 08-August 10

Posted 19 August 2010 - 07:03 AM

That's nice. It can also help. :) that you should do start and end tags fist before intering your code to minimize errors. :D
Was This Post Helpful? 1
  • +
  • -

#10 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1359
  • View blog
  • Posts: 3,424
  • Joined: 28-November 09

Posted 01 September 2010 - 05:44 AM

You do know that it doesn't matter what case your tags are in right? It's just a personal preference thing really.
Was This Post Helpful? 0
  • +
  • -

#11 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Posted 01 September 2010 - 06:47 AM

View PostLemur, on 01 September 2010 - 06:44 AM, said:

You do know that it doesn't matter what case your tags are in right? It's just a personal preference thing really.

Yeah. I use XHTML Strict. So It's become a habit for me to use lowercase. But yeah you can use uppercase.
Was This Post Helpful? 0
  • +
  • -

#12 DragonMaster_Jay  Icon User is offline

  • New D.I.C Head

Reputation: 4
  • View blog
  • Posts: 42
  • Joined: 03-September 10

Posted 10 September 2010 - 06:55 PM

I have a way of arranging HTML, which may help some beginners take their learning to the next level.

<html>
      
      <head>

            <title>Your title here</title>

            <meta name="keywords" content="Dummy, text, blah" />

      </head>

      <body>

            <h2>Dummy text</h2>

                <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>

      </body>

</html>




As you can see, I particularly spaced the tags inset, so each can be found quickly. Also, inserted adequate spacing, so each tag can be found quickly. Overall, beginners need a sense of quickly finding each snippet of their code, without messing themselves up.
Was This Post Helpful? 1
  • +
  • -

Page 1 of 1