User:Penguin-Pal/HTML

HTML (stands for HyperText Markup Language) is a document for creating web pages. It is used in websites tell the browser what text and info (including images) to display.

This is a short guide for learning basic HTML.

Stage 1: learning the tags structure HTML document is made from open and closing tags. Tags are put between 2 inequality signs, like this And to close a tag, a slash is put between the first inequality sign to the tag name, like this: So, the A few tags do not have a closing-tag, so the slash will be written between the tag name to the last inequality sign, like this:

Stage 2: knowing common elements Elements are written using tags. The tag name will be the element name, and everything between them will be the element's content.


 * Common tags an uses:
 * p- creating paragraphs.
 * br line break.
 * span and div- mostly for displaying special style on text. div is mostly used for creating backgrounds for sections.
 * table- creating a table.
 * a- links.
 * img- displaying images.
 * h- a series of 6 heading tags, each one can be used as section headers.

p
p (paragraph tag) is used for creating paragraphs. Text will mostly be placed inside a p tag (even if it won't- it will be placed inside a different element- we will learn about them in the following secions).

p tag will be written like this: content

Elements style
Before continuing to the follwoing elements, i should first write about the style sections of elements.

style is a type of attribute- attributes are placed inside the opening tags, however they come after the element name. Style tage is commonly used for adding font colors, backgrounds, font families (font-face), alignment and borders.

As the last section was about the p tag, let's add some style to a p tag. Style is added like this:  property is the sort of style we would like to use (like color or border), while the value is the value of the property.

So, we wanted to add some style to a p tag. Let's say- we want the font color to be blue, and the background to be orange:  Test text Which will give:  Test text Note that the p tag is not required when editing a page in Wikia, Wikipedia, as the system that operates the editing mode of the site automatically convert the text area to elements: this is why you almost never use HTML elements in editing mode.

Stage 3: document structure
HTML, as i mentioned above, is first of all a document. You can create HTML documents as well in your computer, but in web pages, the sever sends you the document, and the browser opens it.

This is the basic structure of HTML: