http://wordpress.org/support/profile/mr49online

HTML Beginner

Editor:

  • Notepad++, Macromedia Dreamweaver

Save the file with .html extention i.e. filename.html

Tags

The basic structure of an HTML document includes tags, which surround content and apply meaning to it.

< html >
   < body >
       This is my first web page
   < /body >
< /html >


is the opening tag that kicks things off and tells the browser that everything between that and the closing tag is an HTML document. The stuff between and is the main content of the document that will appear in the browser window.

Closing tags

The and close their respective tags. ALL HTML tags should be closed. Although older versions of HTML lazily allowed some tags not to be closed, latest standards require all tags to be closed. This is a good habit to get into anyway.

Note all tags have closing tags like this () some tags, which do not wrap around content will close themselves. The line-break tag for example, looks like this :
.

Attributes

Tags can also have attributes, which are extra bits of information. Attributes appear inside the opening tag and their value is always inside quotation marks. They look something like Margarine.

Elements

Tags tend not to do much more than mark the beginning and end of an element. Elements are the bits that make up web pages. You would say, for example, that everything that is in-between and includes the and tags is the body element. As another example, whereas ” and ” are tags, ‘Rumple Stiltskin’ is a title element.

Advertisements

Comments on: "HTML Beginner" (1)

  1. Imran Latif said:

    Nice Article Mr49. It will help Beginners in understanding Basics of HTML.

    Good Work.

    Keep it up.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s