Poll: Did this help you?

Rune · (This post was last modified: 07-26-2011 04:21 PM by Rune.)

HTML Introduction

HTML stands for HyperTextMarkupLanguage and is a language of describing web pages.
Web pages consist of markup tags and plain text.

Document Structure

An HTML document is structured into three parts:

DOCTYPE

Code:

Indicates what HTML version to use

HEAD

Code:

Contains mostly non-visual content

BODY

Code:

Contains the visual content of the page

Syntax

HTML rules, or syntax, govern the way in which code is written. HTML tags are keywords surrounded by angle brackets, e.g. <html>. Most HTML tags come in pairs, the opening tag (<title>) and the closing tag (</title>). The two tags make up an HTML element. As a best practice, all HTML tags should be closed, i.e. have an opening and closing tag.

Code:

<tag>content</tag>

In between the HTML tag pairs is the content in plain text, e.g.

Code:

<h1>My Heading</h1>

<p>My paragraph</p>

Be aware that not all HTML tags have closing tags. Some tags, which do not wrap around content will close themselves, e.g. <br />. These are also known as empty or void tags. To close empty tags , place a forward slash (/) before the final bracket, as shown in the following code sample:

Code:

<emptytag />

Required Tags

All HTML documents need to have the <html>, <head>, and <body> tags, along with the <!DOCTYPE> identifier as the first line. At a minimum, HTML pages should include the following elements:

Code:

<!DOCTYPE>

<head>

<title>

Title goes here

</title>

</head>

<body>

Content goes here

</body>

</html>

The required tags and a description of each:

Code:

<!DOCTYPE> - Specifies to the browser which set of standards the document adheres to

<html></html> - Frames the entire HTML page

<head></head> - Frames information for the page. Can contain the following tags: <base>, <link>, <meta>, <object>, <script>, <style>, and <title>.

<body></body> - Frames the content of the page to be displayed in the browser.

<title></title> - Sets the title of the page (appears at the top of the browser window). The <title> element is contained withing <head> element.

Attributes and Values

Many tags have additional aspects that can be customized. These options are called attributes and appear inside the opening tag and their value is always inside quotation marks. The following example shows a tag which contains two attributes:

Code:

<tag attribute1="value"

Attribute2="value">TEXT</tag>

Attributes always appear in side the opening HTML tag. Multiple attributes may be specified by separating each with a space character.

lifeone168 · 07-26-2011, 02:42 PM

That nice introduction about html but there are some thread is similar with your thread but it still good cause it plus the introduction about the html.

Your thread seem there are some problem when you use bold in code'tag. It seem like MyCode of MyBB is not available to use bold'tags in code'tags.

Rune · 07-26-2011, 04:21 PM

Oh, thanks for telling me, editing right now.

Exception · 07-26-2011, 04:41 PM

A really nice intro for HTML. Thanks for that.

	[Show Results]
Note: This is a public poll, other users will be able to see what you voted for.

Poll: Did this help you?
	Yes
	No