Skip to main content

Div and span

Div:
Div <div> tag is that it divides the HTML document into sections. Proper usage of the <div> tag is fundamental to good HTML coding, the <div> tag is one of the most powerful tools available to a web developer.

Span:
Span <span> is  in-line level elements, they only span across small amounts of content, typically words or phrases.
For example:
a <span> tag might be used to make a word red in color or to give it an underline.



Div Elements
The <div> tag is nothing more than a container for other tags. Much like the body tag Div elements are block elements and work behind the scenes grouping other tags together. Use only following attributes with your div element, anything else should be reserved for css.
  • id
  • width
  • height
  • title
  • style

Try out example:
Example of div
<html>
<head>
<style>
#container {
margin:0px auto;
background-color:black;
width:500px;
color:white;
}
</style>
</head>
<body>
<div id=”container”>
I love my country Nepal.
</div>
</body>
</html>


Example of span
<html>
<head>
<style>
.text {
font-size:24px;
color:white;
}
</style>
</head>
<body>
<div id=”container”>
I love my country Nepal.
</div>
</body>
</html>

Comments

Popular posts from this blog

MySQL Connection

Connection with MySQL Database Before accessing database, you must create a connection to the database Syntax: mysql_connect(servername,username,password); where, servername specifies the server to connect to. Default value is “localhost” username specifies the username to log in with. Default value is the name of the user that owns the server process. To connect offline we use username “root”. password specifies the password to log in with. Default is “” Code : Creating connection to the database and selecting the required database <?php $con = mysql_connect(“localhost”,”root”,”"); if (!$con) { die(‘Could not connect: ‘ . mysql_error()); } else{ mysql_select_db(“test”, $con) }; ?> Here, we have store connection in a variable called $con and trap error using die function. Closing connection The connection will be closed automatically when the script ends. To close the connection before, use the mysql_close() function: <?php $con = mysql_conne...

Type Juggling and Type Casting

Type Juggling: PHP does not require (or support) explicit type definition in variable declaration; a variable's type is determined by the context in which the variable is used. That is to say, if a string value is assigned to variable $var, $var becomes a string. If an integer value is then assigned to $var, it becomes an integer.

Doctype Defination

A Document Type Declaration, or DOCTYPE, is an instruction that associates a particular SGML or XML document (for example, a webpage) with a Document Type Definition (DTD). Syntax The general syntax for a document type declaration is: <!DOCTYPE root-element PUBLIC "FPI" ["URI"] [ <!-- internal subset declarations --> ]>