From Grundy
Jump to: navigation, search

Ever wondered how people make their blogs or cool websites?
We present to you our next comprehensive guide which is specifically aimed at absolute newbies who wish to get started off with HTML

Before we get started, it is important to know that HTML is not actual programming, it is a markup language.
Markup languages are designed for the processing, definition and presentation of text. The language specifies code for formatting, both the layout and style, within a text file.

A quick and basic introduction to HTML :
HTML describes the structure of Web pages using markup
HTML elements are the building blocks of HTML pages
HTML elements are represented by tags
Your HTML code doesn’t show up on the web page. It manifests the content on the same.

ELEMENT : An element in HTML represents some kind of structure or semantics and generally consists of a start tag, content, and an end tag.
The following is a typical example of an element, namely, the paragraph element :

This is the content

TAGS : They are used to mark up the start and the end of an HTML element.
These tags are enclosed within angle braces <Tag Name>.
Except few tags, most of the tags have their corresponding closing tags. For example, the break tag, <br> doesn’t have an end tag and hence no content.

ATTRIBUTES : An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element's start tag. An element's start tag may contain any number of space separated attribute/value pairs.

Let's get started with some basic elements and the related attributes :

HEAD : The <head> element is a container for all the head elements. The <head> element can include a title for the document, scripts, styles, meta information, and more.

BODY : The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. Few attributes of this element are : bgcolor

TITLE : The <title> element defines the title of the document, which is required in all the HTML documents.

HEADING : The <h1> to <h6> tags are used to define HTML headings.
<h1> defines the most important heading.
<h6> defines the least important heading.

DIV : The <div> tag defines a division or a section in an HTML document.
The <div> tag is used to group block-elements which helps in formatting that section collectively.
Few attributes :

PARA : The HTML <p> element represents a paragraph of text.
This is supposed to be a paragraph!
Few attributes :

IMAGE : Defines an image in your HTML document.
Few related attributes of the same are as follows :
src - source
To link an image to another document, simply nest the <img> tag inside <a> tags.

LINK : The <link> tag defines a link between a document and an external resource.
Few attributes :