You are viewing our Forum Archives. To view or take place in current topics click here.
Beginning HTML Programming (Really basic for noobies)
Posted:
Beginning HTML Programming (Really basic for noobies)Posted:
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
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 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)
.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
Without these it will read it as a text file, thus just displaying your code, and not actually running the code.
Example:
Pre-Part 2:
Elements.. Elements oh elements.
HTML Example Explained:
The <p> element.
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
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.
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.
Part 2: HTML Paragraphs
HTML paragraphs are defined with the <p> tag.
HTML Links are defined with the <a> tag.
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.
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:
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>
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. ]
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. ]
#2. Posted:
Status: Offline
Joined: May 27, 201113Year Member
Posts: 430
Reputation Power: 16
Status: Offline
Joined: May 27, 201113Year Member
Posts: 430
Reputation Power: 16
#3. Posted:
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
YoungBlood50 wrote w3shools is probably the suckiest website for help with programming try [ Register or Signin to view external links. ]
W3schools is the easiest, and the best website for learning web development. ALSO stay on topic, please. This thread isn't about discussing which websites you should learn from.
Last edited by Vaqxination ; edited 1 time in total
- 1useful
- 0not useful
#4. Posted:
Status: Offline
Joined: Jun 11, 201113Year Member
Posts: 3,167
Reputation Power: 155
Status: Offline
Joined: Jun 11, 201113Year Member
Posts: 3,167
Reputation Power: 155
Pretty nice Website.
I am sure that i will need this soon
Thank you.
Codacademy is also an amazing Website to learn HTML
I am sure that i will need this soon
Thank you.
Codacademy is also an amazing Website to learn HTML
- 1useful
- 0not useful
#5. Posted:
Status: Offline
Joined: Mar 29, 201212Year Member
Posts: 248
Reputation Power: 11
Status: Offline
Joined: Mar 29, 201212Year Member
Posts: 248
Reputation Power: 11
This is actually a really good post for many beginners and those who aren't as familiar with HTML language. I give you props. Keep up the good work, i think this is sticky worthy.
- 1useful
- 0not useful
#6. Posted:
Status: Offline
Joined: May 12, 201212Year Member
Posts: 24
Reputation Power: 1
Status: Offline
Joined: May 12, 201212Year Member
Posts: 24
Reputation Power: 1
Vaqxination wrote HTMLyou 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 :|
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. ]
- 1useful
- 1not useful
#7. Posted:
Status: Offline
Joined: Mar 17, 201212Year Member
Posts: 261
Reputation Power: 11
Status: Offline
Joined: Mar 17, 201212Year Member
Posts: 261
Reputation Power: 11
Glad to see mt Tutorial helped lmao, I posted this on my site like a year ago.
all you did was add
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."
- 0useful
- 1not useful
#8. Posted:
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
Status: Offline
Joined: May 18, 201212Year Member
Posts: 12
Reputation Power: 0
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. ]
- 0useful
- 1not useful
#9. Posted:
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 wroteCrypticMods 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.
- 0useful
- 0not useful
#10. Posted:
Status: Offline
Joined: May 21, 201212Year Member
Posts: 25
Reputation Power: 0
Status: Offline
Joined: May 21, 201212Year Member
Posts: 25
Reputation Power: 0
wow bookmarked
i thought i was good at html apparently not
i thought i was good at html apparently not
- 0useful
- 0not useful
You are viewing our Forum Archives. To view or take place in current topics click here.