Html insdel

Learn html insdel codes and tags using the sample below.

Html insdel

INS and DEL

Insert and delete are for marking revisions in an HTML page. The tags take two key attributes, CITE, which is a URL containing information about the change, and DATETIME which is an ISO-8601 datetime format (YYYY-MM-DDThh:mm:ssTZD) for when the change occured. You can also use the core attribute, "TITLE", to give additional information right in the tag. A browser could then render the extra information either as a tool tip or in the status bar.

CODE
<INS CITE="http://www.host.com/explanation.html" DATETIME="1998-05-21T21:32:17-08:00"></INS> <DEL TITLE="I felt like a change." DATETIME="1998-05-21T21:32:17-08:00"></DEL>

Using Style Sheets to Enhance the Purpose

Used inconjunction with style sheets, these tags can allow you to visually track changes to an on-line corporate document, or legal papers, or anything requiring this feature. Additionally, you could use a Dynamic HTML script to alter the style definitions for changes older than 30 days, or updated material less than a week old, etc.

(The source code has been color-coded to help you see what's going on a little better.)

CODE


<HEAD>

  <STYLE TYPE="text/css">

      DEL {

          color: #990000;

          text-decoration: line-through;

      }

      .old {

          color: #996600;

      }

      INS {

          background-color: #FFFF00;

      }

      #new {

          color: #FF0000;

          text-decoration: blink;

      }

  </STYLE>

</HEAD>

<BODY>

  <H1>Preamble</H1>

  <P>We hold these

  <DEL DATETIME="1776-05-21T23:14:36-05:00" CLASS="old">

    ideals

  </DEL>

  <DEL DATETIME="1776-06-28T21:32:17-05:00"

       TITLE="This was Bens idea.">

    groovy concepts

  </DEL>

  <INS DATETIME="1776-07-04T01:32:25-05:00">truths</INS>

  to be self-evident, that all men

  <INS DATETIME="1976-07-04T01:32:25-05:00" ID="new">

    and women

  </INS>

  were created equal.

</BODY>

BROWSER

Preamble

We hold these ideals groovy concepts truths to be self-evident, that all men and women were created equal.

Note: at time of writing, not all browsers supported these tags. The text above has been coded to simulate the effect outlined in the style sheet source code above.

Html insdel source code


<FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
<H2>INS and DEL</H2>

<P>Insert and delete are for marking revisions in an HTML page.  The tags take two key attributes, CITE, which is a URL containing information about the change, and DATETIME which is an ISO-8601 datetime format (YYYY-MM-DDThh:mm:ssTZD) for when the change occured.  You can also use the core attribute, "TITLE", to give additional information right in the tag.  A browser could then render the extra information either as a tool tip or in the status bar.</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 CLASS="tt"><INS CITE="http://www.host.com/explanation.html"

     DATETIME="1998-05-21T21:32:17-08:00"></INS>



<DEL TITLE="I felt like a change."

     DATETIME="1998-05-21T21:32:17-08:00"></DEL>

</PRE>

	</TD>

</TR>

</TABLE>
<FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
<H3>Using Style Sheets to Enhance the Purpose</H3>

<P>Used inconjunction with style sheets, these tags can allow you to visually track changes to an on-line corporate document, or legal papers, or anything requiring this feature.  Additionally, you could use a Dynamic HTML script to alter the style definitions for changes older than 30 days, or updated material less than a week old, etc.

<P>(The source code has been color-coded to help you see what's going on a little better.)</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="#990000">DEL</FONT> {

          color: #990000;

          text-decoration: line-through;

      }

      <FONT COLOR="#996600">.old</FONT> {

          color: #996600;

      }

      <FONT COLOR="#008000">INS</FONT> {

          background-color: #FFFF00;

      }

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

          color: #FF0000;

          text-decoration: blink;

      }

  </STYLE>

</HEAD>

<BODY>

  <H1>Preamble</H1>

  <P>We hold these

  <FONT COLOR="#996600"><DEL DATETIME="1776-05-21T23:14:36-05:00" CLASS="old"></FONT>

    ideals

  <FONT COLOR="#996600"></DEL></FONT>

  <FONT COLOR="#990000"><DEL DATETIME="1776-06-28T21:32:17-05:00"

       TITLE="This was Bens idea."></FONT>

    groovy concepts

  <FONT COLOR="#990000"></DEL></FONT>

  <FONT COLOR="#008000"><INS DATETIME="1776-07-04T01:32:25-05:00"></FONT>truths<FONT COLOR="#008000"></INS></FONT>

  to be self-evident, that all men

  <FONT COLOR="#FF0000"><INS DATETIME="1976-07-04T01:32:25-05:00" ID="new"></FONT>

    and women

  <FONT COLOR="#FF0000"></INS></FONT>

  were created equal.

</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>

    <H1>Preamble</H1>

  <P>We hold these <FONT CLASS="old">ideals</FONT> <A HREF="" onMouseover='window.status="This was Bens idea."; return true;' onMouseout='window.status=""; return true;' ID="none"><FONT CLASS="del">groovy concepts</FONT></A> <FONT CLASS="ins"> truths</FONT> to be self-evident, that all men

  <FONT CLASS="new">

    and women

  </FONT>

  were created equal.

	</TD>

</TR>

</TABLE>
<FONT SIZE=2 COLOR=#333333 FACE="Verdana, Arial"><B>
<P>Note: at time of writing, not all browsers supported these tags.  The text above has been coded to simulate the effect outlined in the style sheet source code above.</P>
</B></FONT>

<P><HR SIZE=5>

Html insdel tutorial

Html insdel 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