HTML Lessons #1

by H - 08-10-2015, 11:32 AM
y u so shit
Posts:
6,599
Joined:
Feb 2015
Likes:
140
Credits:
5,871
Reputation:
93
2 Years of Service
#1
OP
Posted: 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!!
The Pengest Turkey

[Image: The-Chicken-Connoisseur-PENGEST-TURKEY-1-1.gif]

wolverine-s
08-10-2015, 11:02 PM
Fulltime Member
Posts:
1,695
Joined:
Aug 2015
Likes:
56
Credits:
2,364
Reputation:
58
2 Years of Service
#2
Posted: 08-10-2015, 09:38 PM
Great job!

There should be more people like you who contribute and help people out.
Do not allow the eye to fool the mind.
Veteran Member
Supreme
Posts:
308
Joined:
Jan 2015
Likes:
37
Credits:
137
Reputation:
28
2 Years of Service
#3
Posted: 08-10-2015, 10:50 PM
Seeing as a few uninformed aspiring web developers may check this tutorial I'd suggest revising this tutorial slightly.

This is a proper barebones HTML document:
Code:
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>

The title tag would be placed within your head tags, as follows:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Website Title</title>
</head>
<body></body>
</html>

This tutorial is pretty simple and doesn't really cover getting started from a beginner's perspective. Perhaps elaborate on the purpose of each tag as well as provide examples of how to work with them. Also, I'd suggest explaining how to reference stylesheets from both within and outside of the HTML document. Other than that, good on you for attempting to help website developers. Smile
NulledBB Member Since 2013 | Former Staff Member | Web Designer

Need MyBB help? Feel free to message me!
y u so shit
Posts:
6,599
Joined:
Feb 2015
Likes:
140
Credits:
5,871
Reputation:
93
2 Years of Service
#4
OP
Posted: 09-10-2015, 10:52 AM
(08-10-2015, 10:50 PM)John Wrote: Seeing as a few uninformed aspiring web developers may check this tutorial I'd suggest revising this tutorial slightly.

This is a proper barebones HTML document:
Code:
<!DOCTYPE html>
<html>
    <head></head>
    <body></body>
</html>

The title tag would be placed within your head tags, as follows:
Code:
<!DOCTYPE html>
<html>
    <head>
         <title>Website Title</title>
    </head>
    <body></body>
</html>

This tutorial is pretty simple and doesn't really cover getting started from a beginner's perspective. Perhaps elaborate on the purpose of each tag as well as provide examples of how to work with them. Also, I'd suggest explaining how to reference stylesheets from both within and outside of the HTML document. Other than that, good on you for attempting to help website developers. Smile

Yeah I missed some stuff as rushed it whilst at work haha.
The Pengest Turkey

[Image: The-Chicken-Connoisseur-PENGEST-TURKEY-1-1.gif]

Closed Account
Posts:
6
Joined:
Oct 2015
Likes:
0
Credits:
8
Reputation:
0
2 Years of Service
#5
Posted: 10-10-2015, 10:09 AM
Great job! Thanks for share this tutrial
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)