PDA

View Full Version : Teach me HTML.



WAQKY
10-14-2015, 11:30 AM
I am a young lad and want to impress my Dad so please teach me how to do HTML ...

Indicative
10-14-2015, 11:33 AM
Use notepad and basically it goes like this:

<html>
<title></title>

<body>

</body>
</html>

For more information you can ask the google.

GummiBear64
10-14-2015, 11:38 AM
Use notepad and basically it goes like this:

<html>
<title></title>

<body>

</body>
</html>

For more information you can ask the google.

That's basically scratching the surface.

You have;
<div></div>
<p></p>
classes you can assign to the aforementioned things and a heap more.

WAQKY
10-14-2015, 11:47 AM
That's basically scratching the surface.

You have;
<div></div>
<p></p>
classes you can assign to the aforementioned things and a heap more.

Could ya specify what those things do ? :confused:

Updated
10-14-2015, 11:51 AM
Pretty good site (http://www.w3schools.com/html/)

WAQKY
10-14-2015, 11:56 AM
I didn't understand please simplify for me...

WAQKY
10-14-2015, 12:11 PM
Best I can do VVV

<html>

<head>

<title> My random title </title>

<body>

<h1> Random Heading </h1>

<p> My random paragraph... I AM A POTATO!!! I like trains and catszx! </p>

</body>

</html>

WAQKY
10-14-2015, 12:21 PM
It's like BBCode but with angled brackets instead of square brackets, so you already have some background knowledge.

<b>Bold</b>
<b><i><u>Hi!</b></i></u>

Ohh I see...

Any way to put like a space like

This

Magee
10-14-2015, 02:45 PM
Don't listen to those people, they don't know a thing* about html, go to codeacademy.com, it's free + you can learn tons of other languages in there

(statement above does not include the dog.)
(*html doesn't have to have <!DOCTYPE html> and <head> or <html> to work)

Conan
10-14-2015, 02:55 PM
I recommend studying CSS with it.
Go to sites like codeacademy.com to study them.


Also maybe using frameworks like PureCSS.io would be good for you.

An example of a simple webpage


<!DOCTYPE html><!-- Needed for HTML 5 -->
<head>
<title>My first webpage</title>
</head>
<body>
I'm a normal Text
<br><!-- Line Break -->
<b>I'm a bolded text</b>
<br><!-- Line Break -->
<i>I'm an italicized text</i>
<br><!--Line break-->
<!-- I'm a comment and cannot be seen in the browser -->
<a href="http://example.com">I'm a link that points to http://example.com</a>
</body>
</html>


Basic stuff ^^^. Too lazy to type

Well yes, BBCode is like html. It's purpose is to provide a stripped down version of HTML to enable formatting in forum posts.

@Magee DOCTYPE isn't needed but is REALLY RECOMMENDED. Especially when you use HTML5 Tags.

Zyfen
10-14-2015, 03:09 PM
It's like BBCode but with angled brackets instead of square brackets, so you already have some background knowledge.

<b>Bold</b>
<b><i><u>Hi!</b></i></u>

I got a place in your signature. :crazy:

Magee
10-14-2015, 03:10 PM
I recommend studying CSS with it.
Go to sites like codeacademy.com to study them.


Also maybe using frameworks like PureCSS.io would be good for you.

An example of a simple webpage


<!DOCTYPE html><!-- Needed for HTML 5 -->
<head>
<title>My first webpage</title>
</head>
<body>
I'm a normal Text
<br><!-- Line Break -->
<b>I'm a bolded text</b>
<br><!-- Line Break -->
<i>I'm an italicized text</i>
<br><!--Line break-->
<!-- I'm a comment and cannot be seen in the browser -->
<a href="http://example.com">I'm a link that points to http://example.com</a>
</body>
</html>


Basic stuff ^^^. Too lazy to type

Well yes, BBCode is like html. It's purpose is to provide a stripped down version of HTML to enable formatting in forum posts.

@Magee DOCTYPE isn't needed but is REALLY RECOMMENDED. Especially when you use HTML5 Tags.

Yeah i already found that out, but for basic stuff you don't really need it.

Conan
10-14-2015, 03:14 PM
Yeah i already found that out, but for basic stuff you don't really need it.

It's GOOD PRACTICE. Having yourself remember that you need it will benefit yourself in the future.

Kinda ironic since I sometimes forget to put it on my sites lol

Magee
10-14-2015, 03:19 PM
It's GOOD PRACTICE. Having yourself remember that you need it will benefit yourself in the future.

Kinda ironic since I sometimes forget to put it on my sites lol

Well, forgetting it is horrible sometimes, especially when you get emails from IEers who tell you that your site is broken ._.

Conan
10-14-2015, 03:24 PM
Well, forgetting it is horrible sometimes, especially when you get emails from IEers who tell you that your site is broken ._.

I don't give a damn about IE-ers. lol
Especially in HTML5 stuff. (html5shiv.js blabalabla)

I only test my sites with Opera/Chrome/Firefox

Legomaster
10-14-2015, 03:38 PM
I am a young lad and want to impress my Dad so please teach me how to do HTML ...

Theres a website called codecademy (It's not codeacademy, it's codecademy!)

It teaches HTML, Python (The programming language I am currently studying!), and many more!

It gives you questions, and step to step guides on what to do, when to do, and why to do!

Definitely check it out and make a free account!

>> https://www.codecademy.com <<

Happy coding!

Conan
10-14-2015, 04:09 PM
Theres a website called codecademy (It's not codeacademy, it's codecademy!)

It teaches HTML, Python (The programming language I am currently studying!), and many more!

It gives you questions, and step to step guides on what to do, when to do, and why to do!

Definitely check it out and make a free account!

>> https://www.codecademy.com <<

Happy coding!

It's the same actually /fp

It does a HTTP redirect. So the links are basically the same.

Python is scripting though.

Magee
10-14-2015, 04:24 PM
It's the same actually /fp

It does a HTTP redirect. So the links are basically the same.

Python is scripting though.

Python is good for begginers, tho not for people who know better programming langs

DumbOldDoor
10-14-2015, 04:35 PM
I recommend studying CSS with it.
Go to sites like codeacademy.com to study them.


Also maybe using frameworks like PureCSS.io would be good for you.

An example of a simple webpage


<!DOCTYPE html><!-- Needed for HTML 5 -->
<head>
<title>My first webpage</title>
</head>
<body>
I'm a normal Text
<br><!-- Line Break -->
<b>I'm a bolded text</b>
<br><!-- Line Break -->
<i>I'm an italicized text</i>
<br><!--Line break-->
<!-- I'm a comment and cannot be seen in the browser -->
<a href="http://example.com">I'm a link that points to http://example.com</a>
</body>
</html>


Basic stuff ^^^. Too lazy to type

Well yes, BBCode is like html. It's purpose is to provide a stripped down version of HTML to enable formatting in forum posts.

@Magee DOCTYPE isn't needed but is REALLY RECOMMENDED. Especially when you use HTML5 Tags.

I think it's codecademy not codeacademy

Magee
10-14-2015, 04:40 PM
I think it's codecademy not codeacademy

ehh, whateva, codecademy has codeacamy domain as well...

Luve
10-14-2015, 05:17 PM
<!DOCTYPE html>

<html>

<head>

<style>

Bgcolor:"#12345"

</head>

<body>

<h2>Sup!</h2>
<p>this is my first site</p>
<img src:"image.gif">

</body>

You can always click on option, developper tools and the magnifying glass (in chrome, it's possible with internet and firefox too) then check the codes. Also, you can right click on the page and select "show the page source".

Some images from rtsofts come from "/images/icons/icon1.png", it means that they come from http://www.rtsoft.com/forums/images/icons/icon1.png.

Magee
10-14-2015, 05:24 PM
<html>

<head>

<style>

Bgcolor:"#12345"

</head>

<body>

<h2>Sup!</h2>
<p>this is my first site</p>
<img src:"image.gif">

</body>

You can always click on option, developper tools and the magnifying glass (in chrome, it's possible with internet and firefox too) then check the codes. Also, you can right click on the page and select "show the page source".

Some images from rtsofts come from "/images.png", it means that they come from rtsoft.com/forums/images.png.

Coding does not working like you think it does... and suggest you make sure your code works before telling anyone to use it :P

MBG090
10-14-2015, 05:34 PM
I've learned a small but at a course. A cool feature that I like is by typing <marquee>TEXT</marquee>, you can make text scroll across the screen!

Luve
10-14-2015, 05:49 PM
I've learned a small but at a course. A cool feature that I like is by typing <marquee>TEXT</marquee>, you can make text scroll across the screen!

I used it on http://rtsoft.tumblr.com/party, it's still in creation.

Magee
10-14-2015, 07:49 PM
I used it on http://rtsoft.tumblr.com/party, it's still in creation.

According to MDN, the marque tag is obsolote, so it will not work in most modern browsers very soon.

GummiBear64
10-14-2015, 08:36 PM
Don't listen to those people, they don't know a thing* about html, go to codeacademy.com, it's free + you can learn tons of other languages in there

(statement above does not include the dog.)
(*html doesn't have to have <!DOCTYPE html> and <head> or <html> to work)

>they don't know anything
>got taught about it last week
Lmao ok.

w3schools is a good website as well...

Magee
10-14-2015, 08:57 PM
>they don't know anything
>got taught about it last week
Lmao ok.

w3schools is a good website as well...


Believe me, I know what they teach in schools, I've even prepared one of the learning schemes for what we call year 9 here in UK
And w3schools is not a got place to start on html, codecademy is better.

GummiBear64
10-14-2015, 10:51 PM
Believe me, I know what they teach in schools, I've even prepared one of the learning schemes for what we call year 9 here in UK
And w3schools is not a got place to start on html, codecademy is better.

It isn't too bad. It still taught me everything I know and they were professionals whom told me what to use.

Magee
10-14-2015, 10:53 PM
It isn't too bad. It still taught me everything I know and they were professionals whom told me what to use.

If you're talking about teachers:
*finds tutorial on internet*
*makes a 'portfolio'*
*becomes a Pro*

If you're talking about w3s:
that website is not for begginers + it doesn't motivate you to learn it, while codeacademy does, and they don't even have ads.

Simplify_
10-15-2015, 01:08 AM
I didn't understand please simplify for me...

Lol Simplify :crazy: I recommend taking a Web Design class in high school

Meranda
10-15-2015, 07:16 AM
Best HTML guide you can ever have for a beginner
w t f.tw/ref/duckett.pdf

I had to separate W T F to prevent the auto censor

Conan
10-17-2015, 04:35 AM
I think it's codecademy not codeacademy

try opening codeacademy.com
it will redirect to codecademy.com


I always use the domain codeacademy.com since it is easier to memorize.

IT IS THE SAME SITE