HTML Lessons #1

wolverine-s · 08-10-2015, 11:32 AM

I'll try to make this a regular thing!

Today we're going to be creating a basic webpage with 1 line of text and we'll also set a title.

Firstly, open your editor of choice and create a new document.

Then we'll need to create the basics of a HTML page, such as the DOCTYPE and the opening tags for the document. I'll skip this part and just paste the basic page Tongue.

Code:
<!DOCTYPE html>
 <html>
 
 <body>
 
 </body>
 </html>

This is a bare bones file and this should be the basis for most HTML templates that you're working on.

So, first of all we're going to add a Title. This is much simpler than you'd think.

Below the <html> line of coding, you simply add the following:

Code:
<title>Text for your title.</title>

Simple as that!

Next, we're going to add our line of text. Go down the already open Body tags and we're going to add a paragraph.

To add a Paragraph you only need a <p> tag, so it's really easy and is hard to forget Laugh

You open and close the tags as you would with any other HTML element.

So inbetween the Body tags, you should open your <p> tags and then type what you want, then you go ahead and close them.

Here's an example:

Code:
<p>This is a paragraph</p>

You can add as many as those <p> tags as you like on a page, as they create a new paragraph per tag. So you could write a nice bio (or something with loads of text), quite easily.

I'll post the final coding (yours should look similar, if so then Gold star to you! :noh: )

Code:
<!DOCTYPE html>
 <html>
 <title>Text for your title.</title>
 <body>
 <p>This is a paragraph</p>
 </body>
 </html>

Well that's it, good job on getting through the first lesson. I'm not sure how regular these will be, I could post multiple in a day or one a week, depends how busy I am.

With that said, see you around and get practicing your HTML!!

HTML Lessons #1

Submitted by H, 08-10-2015, 11:32 AM, Thread ID: 10979