Jump to content
The Web Section is Now Read-Only
  • 0

Geting Started ( HTML Intro )

Green Minded Abuser

Asked by Green Minded Abuser,

 Share

Question

Green Minded Abuser Poring

Green Minded Abuser

Posted
  • Group:  Members
  • Topic Count:  26
  • Topics Per Day:  0.01
  • Content Count:  161
  • Reputation:   6
  • Joined:  11/13/11
  • Last Seen:  
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
Mercurial Poring

Mercurial

Posted
  • Group:  Members
  • Topic Count:  15
  • Topics Per Day:  0.00
  • Content Count:  241
  • Reputation:   46
  • Joined:  11/08/11
  • Last Seen:  
Posted

I need you mean CSS not CCS in your topic title.

Link to comment
Share on other sites
  • 0
Green Minded Abuser Poring

Green Minded Abuser

Posted
  • Group:  Members
  • Topic Count:  26
  • Topics Per Day:  0.01
  • Content Count:  161
  • Reputation:   6
  • Joined:  11/13/11
  • Last Seen:  
  • Author
Posted

yes some lines goes wrong and i have to modify some lines.

Link to comment
Share on other sites
  • 0
Eurydice Poring

Eurydice

Posted
  • Group:  Members
  • Topic Count:  4
  • Topics Per Day:  0.00
  • Content Count:  414
  • Reputation:   102
  • Joined:  11/13/11
  • Last Seen:  
Posted

And please put credits too.

Link to comment
Share on other sites
  • 0
Green Minded Abuser Poring

Green Minded Abuser

Posted
  • Group:  Members
  • Topic Count:  26
  • Topics Per Day:  0.01
  • Content Count:  161
  • Reputation:   6
  • Joined:  11/13/11
  • Last Seen:  
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
simplynice Poring

simplynice

Posted
  • Group:  Members
  • Topic Count:  25
  • Topics Per Day:  0.01
  • Content Count:  128
  • Reputation:   4
  • Joined:  11/14/11
  • Last Seen:  
Posted

<head>

<title></title>

</head>

this?

Link to comment
Share on other sites
  • 0
JayPee Poring

JayPee

Posted
  • Group:  Members
  • Topic Count:  47
  • Topics Per Day:  0.01
  • Content Count:  633
  • Reputation:   78
  • Joined:  11/14/11
  • Last Seen:  
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
Brian Poring

Brian

Posted
  • Group:  Members
  • Topic Count:  75
  • Topics Per Day:  0.02
  • Content Count:  2223
  • Reputation:   593
  • Joined:  10/26/11
  • Last Seen:  
Posted

^ are you trying to use HTML tags?

Put them in [ code ] tags instead of [ quote ].

Link to comment
Share on other sites
  • 0
simplynice Poring

simplynice

Posted
  • Group:  Members
  • Topic Count:  25
  • Topics Per Day:  0.01
  • Content Count:  128
  • Reputation:   4
  • Joined:  11/14/11
  • Last Seen:  
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 Drops

vBrenth

Posted
  • Group:  Members
  • Topic Count:  35
  • Topics Per Day:  0.01
  • Content Count:  311
  • Reputation:   46
  • Joined:  11/06/11
  • Last Seen:  
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
  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  1
  • Reputation:   0
  • Joined:  11/30/11
  • Last Seen:  
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
Judas Santa Poring

Judas

Posted
  • Group:  Members
  • Topic Count:  26
  • Topics Per Day:  0.01
  • Content Count:  2244
  • Reputation:   182
  • Joined:  11/19/11
  • Last Seen:  
Posted

Thanks this is really useful. I hope for more lessons

Link to comment
Share on other sites
  • 0
Yuki Poring

Yuki

Posted
  • Group:  Members
  • Topic Count:  7
  • Topics Per Day:  0.00
  • Content Count:  318
  • Reputation:   68
  • Joined:  11/13/11
  • Last Seen:  
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
 Share
Go to question listing
×
×
  • Create New...