You are viewing our Forum Archives. To view or take place in current topics click here.
#11. Posted:
GamerTechz
  • TTG Addict
Status: Offline
Joined: Feb 11, 201212Year Member
Posts: 2,185
Reputation Power: 88
Status: Offline
Joined: Feb 11, 201212Year Member
Posts: 2,185
Reputation Power: 88
Vaqxination wrote HTML

What is HTML
HyperText Markup Language (HTML) is the main markup language for web pages. HTML elements are the basic building-blocks of webpages.

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages


HTML Tags

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b> similar to TheTechGames BB Codes, e.g
  • The first tag in a pair is the start tag, the second tag is the end tag
  • Start and end tags are also called opening tags and closing tags


HTML Tip: User lowercase tags:


HTML tags are not case sensitive: <P> means the same as <p>. Many web sites use uppercase HTML tags.
I'll use lowercase tags because the World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML.

HTML Documents (Web Pages)

  • HTML documents describe web pages
  • HTML documents contain HTML tags and plain text
  • HTML documents are also called web pages


.HTM or .HTML File Extension?

When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.


Now we understand a bit about HTML we will learn about elements, attributes, headings, paragraphs, basic things about HTML.



Getting Started:


Pre-Part: You must no matter what, enter all your code between the

<html> <body> CODE HERE  </body> </html> tags.

Without these it will read it as a text file, thus just displaying your code, and not actually running the code.

Example:

<html>
<body>

<a href="http://www.TheTechGame.com">TTG</a>

</body>
</html>




Pre-Part 2:
Elements.. Elements oh elements.

  • An HTML element starts with a start tag / opening tag
  • An HTML element ends with an end tag / closing tag
  • The element content is everything between the start and the end tag
  • Some HTML elements have empty content
  • Empty elements are closed in the start tag
  • Most HTML elements can have attributes


HTML Example Explained:
The <p> element.
<p>This is my first paragraph.</p>

The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.

Empty HTML Elements:
HTML elements with no content are called empty elements.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).

<html> element
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).

The <body> element.

<body>
<p>This is my first paragraph.</p>
</body>

The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).






Part 1: HTML Headings
HTML headings are defined with <h1> to <h6> tags.

<h1>Hello world</h1>
<h2>Hello world</h2>
<h3>Hello world</h3>

Part 2: HTML Paragraphs
HTML paragraphs are defined with the <p> tag.

<p>This is a paragraph.</p>
<p>This is the second paragraph.</p>



HTML Links are defined with the <a> tag.

<a href="http://google.com">This is a link.</a>

First we define the link tag. After that we insert the link. Then we change the name of the link. Then of course, we end the tag with </a>.

Part 4: HTML Images
HTML Images are defined with the <img> tag.

<img src="ttg.jpg" width="104" height="142" />

First we define the img tag. We insert the width and height, then end the tags.

What if we want to add a link, so when you click on the image you get directed to a website. Well for that, we do this:

<a href="http://google.com"><img src="ttg.jpg" border="0"></a>

Border="0" removes the border from the image.

HTML Titles:
Titles are displayed on the tab. As you're reading this thread, it'll display, "The Tech Game - Beginning HTML Programming"

We insert the title code before <body> or wherever you wish. But usually it's before <body>

<title>Hello</title>



Honestly, reading this thread will only help you make a simple website that says, "Hello"

If you are serious about learning about HTML and other web programming languages, visit [ Register or Signin to view external links. ]
Seems like you got this off a website, Im sure you dont know all of this
#12. Posted:
Vaqxination
  • New Member
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Kyle93 wrote
Vaqxination wrote
CrypticMods wrote Glad to see mt Tutorial helped lmao, I posted this on my site like a year ago.
all you did was add
"
Honestly, reading this thread will only help you make a simple website that says, "Hello"

If you are serious about learning about HTML and other web programming languages, visit this website."


I never copied your tutorial, hell I don't even know who you are.

you sir are aa noob what about a doctype <!DOCTYPE html> and <html lang="en"> add them in and some credit cause your teaching beginners wrong things :|


Those are not needed for the items I've posted. You sir are the noob.

[ Register or Signin to view external links. ]


No need for it? And posting your site as an example of good practice?

[ Register or Signin to view external links. ]

You have 15 errors.

On topic - It's an ok tut. You have included many of the basic parts to it. It's well written. However as I said it's basic. You may wish to include some more advanced things. Lastly, title should be in the head tags. Not just anywhere.



Alright 1st. Those errors don't interfere with my website. That's why I never bothered to fix it. And I can fix it very easily. And if you use a website to find errors for you, LOL. Also Google has 34 errors. [ Register or Signin to view external links. ]

Seriously, whats your point?

And thanks for the feedback.


Seems like you got this off a website, Im sure you dont know all of this


I begged a differ.
[ Register or Signin to view external links. ]

I'm not posting my website to act cool, but you think I don't know anything.
#13. Posted:
Kyle93
  • Winter 2021
Status: Offline
Joined: Jun 25, 201014Year Member
Posts: 4,078
Reputation Power: 2628
Motto: https://www.thetechgame.com/Forums/t=7804 333/vote-for-tune-of-the-week-friday-nigh ts-lockdown-dj-sets.html
Motto: https://www.thetechgame.com/Forums/t=7804 333/vote-for-tune-of-the-week-friday-nigh ts-lockdown-dj-sets.html
Status: Offline
Joined: Jun 25, 201014Year Member
Posts: 4,078
Reputation Power: 2628
Motto: https://www.thetechgame.com/Forums/t=7804 333/vote-for-tune-of-the-week-friday-nigh ts-lockdown-dj-sets.html
Vaqxination wrote
Kyle93 wrote
Vaqxination wrote
CrypticMods wrote Glad to see mt Tutorial helped lmao, I posted this on my site like a year ago.
all you did was add
"
Honestly, reading this thread will only help you make a simple website that says, "Hello"

If you are serious about learning about HTML and other web programming languages, visit this website."


I never copied your tutorial, hell I don't even know who you are.

you sir are aa noob what about a doctype <!DOCTYPE html> and <html lang="en"> add them in and some credit cause your teaching beginners wrong things :|


Those are not needed for the items I've posted. You sir are the noob.

[ Register or Signin to view external links. ]


No need for it? And posting your site as an example of good practice?

[ Register or Signin to view external links. ]

You have 15 errors.

On topic - It's an ok tut. You have included many of the basic parts to it. It's well written. However as I said it's basic. You may wish to include some more advanced things. Lastly, title should be in the head tags. Not just anywhere.



Alright 1st. Those errors don't interfere with my website. That's why I never bothered to fix it. And I can fix it very easily. And if you use a website to find errors for you, LOL. Also Google has 34 errors. [ Register or Signin to view external links. ]

Seriously, whats your point?

And thanks for the feedback.


Seems like you got this off a website, Im sure you dont know all of this


I begged a differ.
[ Register or Signin to view external links. ]

I'm not posting my website to act cool, but you think I don't know anything.


And if you use a website to find errors for you, LOL.

This. If you don't know what W3C is then you really need to brush up. W3C is the web standard that websites are supposed to conform to for a few reasons. Firstly, for other coders. If someone takes over your project and your site is in a standard then they can carry on dev easy. Next, it is for making code that is effective and works. Thats the whole point of a site. Lastly, they have an influence of where html css etc goes. What stays what gets removed from versions like HTMl4 to HTML5 CCS2 to CCS3. It's NOT an error checker. In regard to google, they have a massive team working on there site altho they should it is not needed for them to conform as if they lose one coder then the others can explain to the new one.

My point is that don't show an example of something that's good if it is not even correct.
#14. Posted:
Vaqxination
  • New Member
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Kyle93 wrote
Vaqxination wrote
Kyle93 wrote
Vaqxination wrote
CrypticMods wrote Glad to see mt Tutorial helped lmao, I posted this on my site like a year ago.
all you did was add
"
Honestly, reading this thread will only help you make a simple website that says, "Hello"

If you are serious about learning about HTML and other web programming languages, visit this website."


I never copied your tutorial, hell I don't even know who you are.

you sir are aa noob what about a doctype <!DOCTYPE html> and <html lang="en"> add them in and some credit cause your teaching beginners wrong things :|


Those are not needed for the items I've posted. You sir are the noob.

[ Register or Signin to view external links. ]


No need for it? And posting your site as an example of good practice?

[ Register or Signin to view external links. ]

You have 15 errors.

On topic - It's an ok tut. You have included many of the basic parts to it. It's well written. However as I said it's basic. You may wish to include some more advanced things. Lastly, title should be in the head tags. Not just anywhere.



Alright 1st. Those errors don't interfere with my website. That's why I never bothered to fix it. And I can fix it very easily. And if you use a website to find errors for you, LOL. Also Google has 34 errors. [ Register or Signin to view external links. ]

Seriously, whats your point?

And thanks for the feedback.


Seems like you got this off a website, Im sure you dont know all of this


I begged a differ.
[ Register or Signin to view external links. ]

I'm not posting my website to act cool, but you think I don't know anything.


And if you use a website to find errors for you, LOL.

This. If you don't know what W3C is then you really need to brush up. W3C is the web standard that websites are supposed to conform to for a few reasons. Firstly, for other coders. If someone takes over your project and your site is in a standard then they can carry on dev easy. Next, it is for making code that is effective and works. Thats the whole point of a site. Lastly, they have an influence of where html css etc goes. What stays what gets removed from versions like HTMl4 to HTML5 CCS2 to CCS3. It's NOT an error checker. In regard to google, they have a massive team working on there site altho they should it is not needed for them to conform as if they lose one coder then the others can explain to the new one.

My point is that don't show an example of something that's good if it is not even correct.


No errors. Thanks
#15. Posted:
Kyle93
  • Winter 2021
Status: Offline
Joined: Jun 25, 201014Year Member
Posts: 4,078
Reputation Power: 2628
Motto: https://www.thetechgame.com/Forums/t=7804 333/vote-for-tune-of-the-week-friday-nigh ts-lockdown-dj-sets.html
Motto: https://www.thetechgame.com/Forums/t=7804 333/vote-for-tune-of-the-week-friday-nigh ts-lockdown-dj-sets.html
Status: Offline
Joined: Jun 25, 201014Year Member
Posts: 4,078
Reputation Power: 2628
Motto: https://www.thetechgame.com/Forums/t=7804 333/vote-for-tune-of-the-week-friday-nigh ts-lockdown-dj-sets.html
Vaqxination wrote
Kyle93 wrote
Vaqxination wrote
Kyle93 wrote
Vaqxination wrote
CrypticMods wrote Glad to see mt Tutorial helped lmao, I posted this on my site like a year ago.
all you did was add
"
Honestly, reading this thread will only help you make a simple website that says, "Hello"

If you are serious about learning about HTML and other web programming languages, visit this website."


I never copied your tutorial, hell I don't even know who you are.

you sir are aa noob what about a doctype <!DOCTYPE html> and <html lang="en"> add them in and some credit cause your teaching beginners wrong things :|


Those are not needed for the items I've posted. You sir are the noob.

[ Register or Signin to view external links. ]


No need for it? And posting your site as an example of good practice?

[ Register or Signin to view external links. ]

You have 15 errors.

On topic - It's an ok tut. You have included many of the basic parts to it. It's well written. However as I said it's basic. You may wish to include some more advanced things. Lastly, title should be in the head tags. Not just anywhere.



Alright 1st. Those errors don't interfere with my website. That's why I never bothered to fix it. And I can fix it very easily. And if you use a website to find errors for you, LOL. Also Google has 34 errors. [ Register or Signin to view external links. ]

Seriously, whats your point?

And thanks for the feedback.


Seems like you got this off a website, Im sure you dont know all of this


I begged a differ.
[ Register or Signin to view external links. ]

I'm not posting my website to act cool, but you think I don't know anything.


And if you use a website to find errors for you, LOL.

This. If you don't know what W3C is then you really need to brush up. W3C is the web standard that websites are supposed to conform to for a few reasons. Firstly, for other coders. If someone takes over your project and your site is in a standard then they can carry on dev easy. Next, it is for making code that is effective and works. Thats the whole point of a site. Lastly, they have an influence of where html css etc goes. What stays what gets removed from versions like HTMl4 to HTML5 CCS2 to CCS3. It's NOT an error checker. In regard to google, they have a massive team working on there site altho they should it is not needed for them to conform as if they lose one coder then the others can explain to the new one.

My point is that don't show an example of something that's good if it is not even correct.


No errors. Thanks


Not really.

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

It's a one page site. They should be easy to fix for anyone who has as much experience as you boast to have on your site. Most of them are so simple and obvious you should not need to conform to web standeds to fix them.

Again, in then end I am only trying to help you. If you have bad habits and you teach them to others then its not good for them. So I am trying to help you and others who wanna learn.
#16. Posted:
Nic
  • Retired Staff
Status: Offline
Joined: Jun 08, 201014Year Member
Posts: 2,466
Reputation Power: 1070
Motto: I've been watching you all day.
Motto: I've been watching you all day.
Status: Offline
Joined: Jun 08, 201014Year Member
Posts: 2,466
Reputation Power: 1070
Motto: I've been watching you all day.
Vaqxination wrote you sir are aa noob what about a doctype <!DOCTYPE html> and <html lang="en"> add them in and some credit cause your teaching beginners wrong things :|

Those are not needed for the items I've posted. You sir are the noob.

[ Register or Signin to view external links. ]

Declaring a Doctype is an absolute must for every website. That way, the browser knows what type of document to expect. Browsers display page elements and attributes based on the type of document specified. Not having a Doctype makes certain features not work in some browsers, especially Internet Explorer.

So if you want a website that displays your code correctly in as many browsers as possible, declaring a Doctype and making sure your document is valid is a small price to pay.

On your website you say you have 3 years of experience in HTML, you call people noobs and act like you're a coding prodigy. However, making a tutorial without explaining a Doctype, and saying it is not really needed, you prove to know less than you claim.


Vaqxination wrote Google has 34 errors. [ Register or Signin to view external links. ]

Seriously, whats your point?

[ Register or Signin to view external links. ]


This argument can continue via PM if you have more to say, same goes for everyone else.
#17. Posted:
Temperature
  • Prospect
Status: Offline
Joined: Sep 16, 201113Year Member
Posts: 629
Reputation Power: 34
Status: Offline
Joined: Sep 16, 201113Year Member
Posts: 629
Reputation Power: 34
this looks like copypasta..

but anyways, good tutorial to learn the newcommers to html.
#18. Posted:
asaspinall
  • Prospect
Status: Offline
Joined: Dec 17, 201014Year Member
Posts: 645
Reputation Power: 23
Status: Offline
Joined: Dec 17, 201014Year Member
Posts: 645
Reputation Power: 23
now explain cascading style sheets without a copy and paste
also this is only gonna make a webpage that only you can view
finally I learned this in my first week at sixth form doing a computing course
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.