[BasicHTML] - Learn Simple HTML-Coding #001

by Weytaan - 04-11-2015, 12:13 AM
Is this tutorial helpful for you?
This poll is closed.
Results
Yes
3
Votes
75.00%
Percent
Yes
75.00%
3 Votes
No (please write why!)
1
Votes
25.00%
Percent
No (please write why!)
25.00%
1 Votes
Im Prime, now im cool.
Prime
Posts:
433
Joined:
Sep 2015
Likes:
6
Credits:
4
Reputation:
9
1 Year of Service
#1
OP
Posted: 04-11-2015, 12:13 AM (This post was last modified: 04-11-2015, 12:22 AM by Weytaan.)
Heya(:

I want to show you many basics and features etc. from HTML.
In the first lesson you will learn how to create an very basic and simple
HTML page. Means you learn your first HTML commands.

Step 1.
-> Open Notepad ++ or Atom.
Now you write into the Editor

Code:
<!DOCTYPE html>
<html>





<body>






</body>
</html>

After you write that you have your page to that point rdy. But when you now open your page. Nothing will be showed.
Now we change the Title of the Website.

Step 2. [The Website Title]
-> Very simple. Anywhere below the <html> tags you write the following:

Code:
<title> My first HTML Page. </title>

Now your site has an title in the Tablist.
[Image: MEERheszzghx.png]

Step 3. [Your first Text!]
-> Simple too, now we create our first text. We want an middle text and an big
text. for that you write below <body> this:

Code:
<h1><center> Hello. This is my Website! </center></h1>

Now it looks like this:

[Image: LC42aHvqLk4m.png]

[Image: 3SAkXdwPYtMx.png]

Step 4. [Your First Picture!]
-> Yeah what did you think? RIGHT! Simple too :yus:
write the following below <body>.

Code:
<center><img src="Your Picture link!"></center>



Now it looks like this:

[Image: ErvVKfWAgfmw.png]

Yeees, that is it for the first part of my tutorials. Hope you enjoyed it :)
Soon the next part comes out. There you learn how to create an second page.
And an Button to that page.

If you need any help post here.

##############################
Downloads you need for that Tutorial:

Atom - CLICK
or
Notepad ++ - CLICK
##############################
Download Basic HTML Template: (Optional)

Template - CLICK
##############################



Greez,
Weytaan
[Image: vR31d.jpg]
Anime Streamclient - by. CrownBB. | Avaible End 2015!

nyaa
Manga
Posts:
15,226
Joined:
Jun 2015
Likes:
533
Credits:
18,696
Reputation:
224
Staff Member
2 Years of Service
#2
Posted: 04-11-2015, 12:15 AM
Nice tutorial OP.
I'm sure many people will find this useful.
Keep it up! :yus:
Aisaka
My padawan: Asa
Contact me: senpai@nulledbb.com
[Image: srvtmlj.gif]
Weytaan
04-11-2015, 12:16 AM
Im Prime, now im cool.
Prime
Posts:
433
Joined:
Sep 2015
Likes:
6
Credits:
4
Reputation:
9
1 Year of Service
#3
OP
Posted: 04-11-2015, 12:17 AM
(04-11-2015, 12:15 AM)Asa Wrote: Nice tutorial OP.
I'm sure many people will find this useful.
Keep it up! :yus:

Thank you Asa Smile
[Image: vR31d.jpg]
Anime Streamclient - by. CrownBB. | Avaible End 2015!

@Believer rocks
Paradigm
Posts:
1,279
Joined:
May 2015
Likes:
43
Credits:
-1,055
Reputation:
45
2 Years of Service
#4
Posted: 04-11-2015, 12:28 AM
center tag should be outside h1 tag Smile


Nice tutorial
Im Prime, now im cool.
Prime
Posts:
433
Joined:
Sep 2015
Likes:
6
Credits:
4
Reputation:
9
1 Year of Service
#5
OP
Posted: 04-11-2015, 12:30 AM
(04-11-2015, 12:28 AM)Kill Wrote: center tag should be outside h1 tag Smile


Nice tutorial

Yes, can be. But works inside too (:
I prefer inside.

and thanks :yus:
Greez,
Weytaan
[Image: vR31d.jpg]
Anime Streamclient - by. CrownBB. | Avaible End 2015!

Im Prime, now im cool.
Prime
Posts:
433
Joined:
Sep 2015
Likes:
6
Credits:
4
Reputation:
9
1 Year of Service
#6
OP
Posted: 07-11-2015, 10:00 PM (This post was last modified: 07-11-2015, 10:00 PM by Weytaan.)
// NEXT TUTORIALS COMES TOMORROW! \\
Hope you enjoy Smile :yus:

Greez,
Weytaan
[Image: vR31d.jpg]
Anime Streamclient - by. CrownBB. | Avaible End 2015!

@Believer rocks
Paradigm
Posts:
1,279
Joined:
May 2015
Likes:
43
Credits:
-1,055
Reputation:
45
2 Years of Service
#7
Posted: 07-11-2015, 10:24 PM
(07-11-2015, 10:00 PM)Weytaan Wrote: // NEXT TUTORIALS COMES TOMORROW! \\
Hope you enjoy Smile :yus:

Greez,
Weytaan

Sounds good!

One thing, try to format the thread good, so its organized.
EST FOR LIFE 19XX
Divine
Posts:
3,897
Joined:
Mar 2015
Likes:
451
Credits:
316
Reputation:
136
2 Years of Service
#8
Posted: 07-11-2015, 10:26 PM
Nice share man, Waiting more TUT buddy ;) ++
Im Prime, now im cool.
Prime
Posts:
433
Joined:
Sep 2015
Likes:
6
Credits:
4
Reputation:
9
1 Year of Service
#9
OP
Posted: 07-11-2015, 10:28 PM (This post was last modified: 07-11-2015, 10:29 PM by Weytaan.)
(07-11-2015, 10:24 PM)Kill Wrote:
(07-11-2015, 10:00 PM)Weytaan Wrote: // NEXT TUTORIALS COMES TOMORROW! \\
Hope you enjoy Smile :yus:

Greez,
Weytaan

Sounds good!

One thing, try to format the thread good, so its organized.

Thank you and i will Smile

(07-11-2015, 10:26 PM)v4hl Wrote: Nice share man, Waiting more TUT buddy ;) ++

Thank you, comes tomorrow Smile
[Image: vR31d.jpg]
Anime Streamclient - by. CrownBB. | Avaible End 2015!

EST FOR LIFE 19XX
Divine
Posts:
3,897
Joined:
Mar 2015
Likes:
451
Credits:
316
Reputation:
136
2 Years of Service
#10
Posted: 07-11-2015, 10:30 PM
(07-11-2015, 10:28 PM)Weytaan Wrote:
(07-11-2015, 10:24 PM)Kill Wrote:
(07-11-2015, 10:00 PM)Weytaan Wrote: // NEXT TUTORIALS COMES TOMORROW! \\
Hope you enjoy Smile :yus:

Greez,
Weytaan

Sounds good!

One thing, try to format the thread good, so its organized.

Thank you and i will Smile

(07-11-2015, 10:26 PM)v4hl Wrote: Nice share man, Waiting more TUT buddy ;) ++

Thank you, comes tomorrow Smile

i ll :nerdy:
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)