MCQs Test!! VB Basic Test !! Essentials of VB !! Creating User Services !! function !! Anatomy !! GK March-2019 !! DATA TYPES IN JAVA !! Classes ,Constructor ,Methods,Inheritance !! Ecology-I !! Biology 2019 !! Gk april 2019 !! Biology (living world) !! Plant anatomy !! CELL STRUCTURES AND FUNCTION !! General biology !! Human physiology !! Data structure !! Ecology-II !! GK TEST !! Reproduction in plants !! Human reproduction !! The ABC of C !! Operating system set1 !! Operating system set2 !! Gk and current affairs !! Animal kingdom !! Number system !! Animal kingdom-II !! Gk TEST-III !! Number series !! Microorganisms !! Interview question in c !! Time and Work !! Percentage !! General history !! Average !! Cells !! Locomotion and Movement !! paging !! Bacteriology !! Page replacement policy !! Secondary memory and Disk scheduling !! Introduction of Nervous System and neurons !! Plant harmones !! Transport and Mineral Nutrition in Plants !! Neurotransmitters !! Modern Indian History !! Photosynthesis in Plants !! Modern Indian History-II !! Plant respiration !! Environment & Biodiversity !! Environment & Biodiversity - II !! Algae, Bryophytes, Pteridophytes !! Area !! Cricket !! Days of the Year (India and the World) !! Plant Pathology - I !! Indian Transport System !! Plant Pathology - II !! Aptitude !! Biology !! Botany !! C language !! Computer Science !! Core Java !! Gate !! GK !! Mysql !! Operating system !! Physics !! VB-Visual Basic !! Zoology

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