Deprecated: Function eregi() is deprecated in /home/content/48/9096548/html/xfunda.com/templates/ja_barite/ja_menus/Base.class.php on line 62
The Basic Building Blocks of HTML

Excellent Fundamental...!!!

 
  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • green color
  • blue color

The Basic Building Blocks of HTML

E-mail Print PDF

The Basic Building Blocks of HTML

When you write your HTML, you use elements( HTML elements are defined using HTML tags) to define the structure of the document, to define the presentation of your document, to insert media like images or Video, to define links to other documents, and to specify desired behavior.

Elements
A HTML file is a text file containing small markup tags (words surrounded by '<' and '>').
HTML tags are used to mark-up HTML elements. The markup tags tell the Web browser how to display the page. Tags in HTML usually have three parts: start tags, content, and end tags(e.g <b>text</b>). but this is not a default case, most elements have start tags and optinal end tags(e.g. <p>) and some have only start tag (single tag e.g. <br>). HTML tags are not case sensitive, <b> means the same as <B> or <br> means the same as <Br> or <bR> or <BR>.

Ex.
<B>bold Text.</B>
<I>Italics Text.</I>
<H1>Heading with a <B>bolded title</B></H1>

Attributes
Every HTML element have some attribute which define characteristic of an element, that give you flexibility while writing your HTML code. Attributes have some values and they come in pairs. If you are going to include an attribute, you must have to include the value for that attribute. Its good if you enclosed attribute values in double quotation marks(its optinal and depends on Version of HTML you are using). Attributes and attribute values are case-insensitive. However, the World Wide Web Consortium (W3C) recommends lowercase attributes/attribute values in their HTML 4 recommendation, and XHTML always used lowercase attributes/attribute values.

Ex.
<table> - defines a table.
<table width="300px"> here we have define table width to 300px, where width is attribute and 300px is its value.

 <p> - define a paragraph
<p align="left"> here we have define paragraph alignment to left, where align is attribute and left is its value.
Following figure will give you detail idea about the Basic Building Blocks of HTML. You will learn more about HTML tags(elements) later.

 

The Basic Building Blocks of HTML
Trackback(0)
Comments (0)Add Comment

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger

busy
Last Updated ( Tuesday, 25 March 2008 20:36 )  

Articles


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/content/48/9096548/html/xfunda.com/libraries/joomla/cache/handler/callback.php on line 100

Adobe Gallery


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/content/48/9096548/html/xfunda.com/libraries/joomla/cache/handler/callback.php on line 100

Community


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/content/48/9096548/html/xfunda.com/libraries/joomla/cache/handler/callback.php on line 100

FAQ's


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/content/48/9096548/html/xfunda.com/libraries/joomla/cache/handler/callback.php on line 100

Resources


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/content/48/9096548/html/xfunda.com/libraries/joomla/cache/handler/callback.php on line 100

Who's Online

We have 51 guests online

Subscribe Feeds

Enter your email address:

Sponsor Adds


 
 

Submit Article

We want to develop such a Community portal which will provide a good resource on latest hot technologies such as .NET, VB.NET, C#.NET, ADO.NET, ASP.NET, PHP, Flash, Photoshop. If you like to write for us, this guideline for you. please send your article, faqs on admin[at]xfunda.com

Adobe Gallery Photoshop Tutorials...

Photoshop Tutorial - Create Colorful Composition in Photoshop Photoshop Tutorial - Create Colorful Composition in Photoshop Photoshop Tutorial - Create Colorful Composition in Photoshop Category - Photoshop >> illustration and Art. ...
 
Photoshop Tutorial - Create a Nice Autumn Scenery in Photoshop Photoshop Tutorial - Create a Nice Autumn Scenery in Photoshop Photoshop Tutorial - Create a Nice Autumn Scenery in Photoshop Category - Photoshop >> illustration and Art. ...
 
Photoshop Tutorial - Create a Beautiful Lonely Fantasy Fairy Photoshop Tutorial - Create a Beautiful Lonely Fantasy Fairy Photoshop Tutorial - Create a Beautiful Lonely Fantasy Fairy Category - Photoshop >> illustration and Art. ...
 
Photoshop Tutorial - How To Create a Futuristic Sci-Fi Scene Photoshop Tutorial - How To Create a Futuristic Sci-Fi Scene Photoshop Tutorial - How To Create a Futuristic Sci-Fi Scene Category - Photoshop >> Photo Effects. ...
 
Photoshop Tutorial - Goddess cadeira photo effect in Photoshop Photoshop Tutorial - Goddess cadeira photo effect in Photoshop Photoshop Tutorial - Goddess cadeira photo effect in Photoshop Category - Photoshop >> Photo Effects. ...