Html divspan

Learn html divspan codes and tags using the sample below.

Html divspan

DIVSPAN

This code has been enhanced to help you see what's going on in the preview below.

CODE


<HEAD>

  <STYLE TYPE="text/css">

      .override {

          font: normal 10pt serif;

          background-color: #00CCFF;

      }

      SPAN {

          font: bold 24pt sans-serif;

          background-color: #FFCCCC;

      }

  </STYLE>

</HEAD>

<BODY>

  <DIV CLASS="override">

    <H1>Heading Level <SPAN>One</SPAN></H1>

    <SMALL>Small text</SMALL>

  </DIV>

    <H1>Heading Level <SPAN CLASS="override">One</SPAN></H1>

    <SMALL>Small text</SMALL>

</BODY>

BROWSER

Heading Level One

Small text

Heading Level One

Small text

These are just a part of the formatting tools that replace the <FONT>tag</FONT>.
Note:

A division is block level (like headings and paragraphs), a span is inline (like bold and italics).
You cannot "see" a division or span in a browser, except through style sheet formatting.
The style attributes of a division should override all standard HTML tag characteristics in between <DIV> tags; except when a style sheet definition for a specific tag found between the <DIV> tags has already been defined.
A .class style definition can add to, or override, any style previously defined for the <TAG> itself.

Because of style sheets, you now have many more options available to you; including background colors, borders, even background images under specific lines of text!

Html divspan source code


<FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
<H2>DIVSPAN</H2>
<P>This code has been enhanced to help you see what's going on in the preview below.</P></B></FONT>

<TABLE BORDER="1" WIDTH="100%">

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>CODE</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP">

<PRE>

<HEAD>

  <STYLE TYPE="text/css">

      <FONT COLOR="#0000FF">.override</FONT> {

          font: normal 10pt serif;

          background-color: <SPAN CLASS="bgoverride">#00CCFF</SPAN>;

      }

      <FONT COLOR="#FF0000">SPAN</FONT> {

          font: bold 24pt sans-serif;

          background-color: <SPAN CLASS="bg">#FFCCCC</SPAN>;

      }

  </STYLE>

</HEAD>

<BODY>

  <TT><DIV CLASS="<FONT COLOR="#0000FF">override</FONT>"></TT>

    <H1>Heading Level <FONT COLOR="#FF0000"><SPAN></FONT>One<FONT COLOR="#FF0000"></SPAN></FONT></H1>

    <SMALL>Small text</SMALL>

  <TT></DIV></TT>

    <H1>Heading Level <FONT COLOR="#FF0000"><SPAN </FONT><FONT COLOR="#000099">CLASS="</FONT><FONT COLOR="#0000FF">override</FONT><FONT COLOR="#000099">"</FONT><FONT COLOR="#FF0000">></FONT>One<FONT COLOR="#FF0000"></SPAN></FONT></H1>

    <SMALL>Small text</SMALL>

</BODY></PRE>

	</TD>

</TR>

<TR>

	<TH BGCOLOR="#FFFAF0"><FONT SIZE=3 COLOR=#000000 FACE="Verdana, Arial"><B>BROWSER</B></FONT></TH>

</TR>

<TR>

	<TD VALIGN="TOP" WIDTH="50%"><BR>

  <DIV CLASS="override">

    <H1>Heading Level <SPAN>One</SPAN></H1>

    <SMALL>Small text</SMALL>

  </DIV>

    <H1>Heading Level <SPAN CLASS="override">One</SPAN></H1>

    <SMALL>Small text</SMALL>

	</TD>

</TR>

</TABLE>
<FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
<P>These are just a part of the formatting tools that replace the <FONT>tag</FONT>.<BR>

Note:

<OL>

<LI>A division is block level (like headings and paragraphs), a span is inline (like bold and italics).

<LI>You cannot "see" a division or span in a browser, except through style sheet formatting.

<LI>The style attributes of a division should override all standard HTML tag characteristics in between <DIV> tags; except when a style sheet definition for a specific tag found between the <DIV> tags has already been defined.

<LI>A <FONT COLOR="#0000FF">.class</FONT> style definition can add to, <I>or override</I>, any style previously defined for the <FONT COLOR="#FF0000"><TAG></FONT> itself.</OL>

<P>Because of style sheets, you now have many more options available to you; including background colors, borders, even background images under specific lines of text!</B></FONT>

<P>

Html divspan tutorial

Html divspan code on this is provided for your study purpose, it will guide you to know how create and design a website using html. use it to practice and train your self online

All the tutorials on this site are free, the page code is provifed for you to use it to practice, if you want to help to improve and maintain this work, you can donate to us on.

Html tutorial guide and web design in easy steps

Beginners guide to html