Jump to content
  • 0
Green Minded Abuser

Geting Started ( HTML Intro )

Asked by Green Minded Abuser

Question

Green Minded Abuser Poring

Green Minded Abuser

Posted
Posted (edited) 

<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

What is HTML?

HTML is a language for describing web pages.

  • 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 markup tags are usually called HTML tags

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b>
  • 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 Documents = Web Pages

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

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

<html>
<body>[/font]
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Example Explained

  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph

Credits to : w3schools (My Internet Academy)

Edited by Green Minded Abuser
Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
JayPee Poring

JayPee

Posted
Posted (edited)

you can include this:

Definition and Usage

The doctype declaration should be the very first thing in an HTML document, before the <html> tag.

The doctype declaration is not an HTML tag; it is an instruction to the web browser about what version of the markup language the page is written in.

The doctype declaration refers to a Document Type Definition (DTD). The DTD specifies the rules for the markup language, so that the browsers render the content correctly.

Doctypes Available in the W3C Recommendations

[b]	HTML 4.01 Strict[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed.[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/size][/size][/font][/color]
[b]	HTML 4.01 Transitional[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed.[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/size][/size][/font][/color]
[b]	HTML 4.01 Frameset[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">[/size][/size][/font][/color]
[b]	XHTML 1.0 Strict[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/size][/size][/font][/color]
[b]	XHTML 1.0 Transitional[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/size][/size][/font][/color]
[b]	XHTML 1.0 Frameset[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content.[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">[/size][/size][/font][/color]
[b]	XHTML 1.1[/b]
[color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
This DTD is equal to XHTML 1.0 Strict, but allows you to add modules (for example to provide ruby support for East-Asian languages).[/size][/font][/color][color=#000000][font=verdana, helvetica, arial, sans-serif][size=3]
[size=3]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/size][/size][/font][/color]

Source: http://www.w3schools.com/tags/tag_doctype.asp

Edited by JayPeeMateo
Link to comment
Share on other sites
  • 0
simplynice Poring

simplynice

Posted
Posted

Insted of this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[color=#000088][font=monospace][size=2]<html[/size][/font][/color][color=#000000][font=monospace][size=2] [/size][/font][/color][color=#660066][font=monospace][size=2]xmlns[/size][/font][/color][color=#666600][font=monospace][size=2]=[/size][/font][/color][color=#008800][font=monospace][size=2]"http://www.w3.org/1999/xhtml"[/size][/font][/color][color=#000088][font=monospace][size=2]>[/size][/font][/color]

Do this:

<!DOCTYPE html>

Link to comment
Share on other sites
  • 0
vBrenth Poring

vBrenth

Posted
Posted

sorry i forgot happy.png i get message that all guides must be posted at wiki so now im compiling everything and then ill post it when im done.

I suggest don't just copy-paste it, and if there's a credits/sources would you mind to provide the website links too?

  • Upvote 1
Link to comment
Share on other sites
  • 0
Opeio Poring

Opeio

Posted
Posted

Insted of this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[color=#000088][font=monospace][size=2]<html[/size][/font][/color][color=#000000][font=monospace][size=2] [/size][/font][/color][color=#660066][font=monospace][size=2]xmlns[/size][/font][/color][color=#666600][font=monospace][size=2]=[/size][/font][/color][color=#008800][font=monospace][size=2]"http://www.w3.org/1999/xhtml"[/size][/font][/color][color=#000088][font=monospace][size=2]>[/size][/font][/color]

Do this:

<!DOCTYPE html>

Correct me if im wrong but I believe the 

<!DOCTYPE html>

is referring to html5

Link to comment
Share on other sites
  • 0
Yuki Poring

Yuki

Posted
Posted

It's a nice, short way to start off about HTML =D. This thread is good. You can add more basic coding to this thread when you have time such as adding in images and spaces between paragraphs!

Images: <img src="YourImage.gif" alt="My Epic Image!">

Spaces: <br /> or <br>

Bold: <b> </b>

Italicize: <i> </i>

Underline: <u> </u>

And so on.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
Go to question listing
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.

  I accept