HTML

HTML Projects

HTML Project

Blocks In HTML
Previous Home Next

A HTML Blocks is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired. There are two type of HTML Elements define as given below:

  1. Block Elements
  2. Inline Elements
Block Elements

Block level elements is used as a start(and end) with a new line and show on web browsers.

Example

<p>, <h1>,<h2>,<h3>, <h4>,<h5>,<h6>, <ul>,<ol>, <dl>, <pre>,<hr>,<blockquote>, and <address> .

Inline elements

Inline elements are used to displayed without line breaks.

Example

<b>,<td>,<a>,<img>,<em>,<strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>,<del>,<code>,<cite>, <dfn>,and <kbd>.

Some important tags used in HTML blocks
  1. The HTML <div>Element
  2. HTML <span> Element

The HTML <div>Element

The <div> element has used a style and class will be display on the browser in the line breaks before and after it together with CSS.

 

HTML <span> Element

In the HTML <span> Element is used in inline element.

Example of HTML <span> Element
<!DOCTYPE html>
<html>
<body>
<h1>This is my <span style="color:blue">www.r4r.co.in</span> website.</h1>
</body>
</html>

Output :

Example of HTML Blocks Element
<!DOCTYPE html>
<html>
<head>
<style>
#header {
    background-color:MediumSlateBlue;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:coral;
    height:300px;
    width:100px;
    float:left;
    padding:5px;	      
}
#section {
    width:350px;
    float:left;
    padding:10px;	 	 
}
#footer {
    background-color:MediumSlateBlue;
    color:white;
    clear:both;
    text-align:center;
   padding:15px;	 	 
}
</style>
</head>
<body>
<div id="header">
<h1>I LOVE MY INDIA</h1>
</div>
<div id="nav">
DELHI<br>
PUNJAB<br>
RAJISTAN<br>
</div>
<div id="section">
<h2>PUNJAB</h2>
<p>
Punjab is the wellspring of Indian culture. Traditional literature the
 Ramayana and Mahabharata, the Puranas, the Vedas, all take us back to Punjab.
 Archaeolgiststs find the earliest evidence of recognisably Indian civilisation
 in the excavation of Punjab's Harappan sites. The uninterrupted continuity of 
Indian culture flows forth from ancient Punjab.
</p>
<p>
Punjab is land of five rivers in North West India and North East Pakistan.
Punj means five and aab means water, so punjab means five waters. 
These five rivers that run through punjab, having their originating 
source as various small lakes in Himalayas.
</p>
</div>
<div id="footer">
Copyright © www.r4r.co.in
</div>
</body>
</html>

Output :

Previous Home Next

Tolal:0 Click:

Show All Comments

Did not find what you were looking for leave your name and message. We will revert within 24 hours
Name:
eMail:
Comment / Feedback: