When we talk about web based technology, we will remember with the Word Wide Web that commonly abbreviated as the “web” or www. So, what is web based technology ? The Web Based Technology is a system of interlinked hypertext documents that may contain text, images, video and other multimedia and navigate between them using hyperlinks. It’s commonly accessed via internet and use web browser or other web client. Using concepts from earlier hypertext systems, the World Wide Web was invented in 1989 by the English physicist Sir Tim Berners-Lee, now the Director of the World Wide Web Consortium, and later assisted by Robert Cailliau, a Belgian computer scientist, while both were working at CERN in Geneva,Switzerland.

When we talk about web standards, we’re generally referring to the big three players on the Web: HTML (or XHTML), Cascading Style Sheets (CSS), and JavaScript. Many formal standards and other technical specifications define the operation of different aspects of the World Wide Web, the Internet, and computer information exchange. Many of the documents are the work of the World Wide Web Consortium (W3C), headed by Berners-Lee, but some are produced by the Internet Engineering Task Force (IETF) and other organizations.

While HTML/XHTML is all about structuring web document, CSS handles formatting and displaying various page elements. Because they’re two separate pieces of technology, we can separate them (by separating content from display). The early versions of HTML (prior to the release of CSS) were intended to be everything to everyone. The ability to specify colors and fonts was built right in by specifying the attributes of various tags. As sites began to grow in size, however, the limitations of going this route quickly became apparent.

To understand the concept and structure of web page document, it’s useful to conder a simple web page as shown in script bellow.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta name="author" content="Mohamad Widodo">
<meta http-equiv="Reply-to" content="webmaster@sample.local">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="creation-date" content="07/10/2009">
<meta name="revisit-after" content="15 days">
<title>Sample Web Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
 
    <h1> Sample Web Page </h1>
 
    <p>
            The Web Based Technology is a system of interlinked hypertext 
            documents that may contain text, images, video and other multimedia 
            and navigate between them using hyperlinks.
    </p>
 
    <blockquote>
        <p>
            Web Based Technology, created by Mohamad Widodo
            See detail about this article at www.widyani.com.
        </p>
    </blockquote>
 
    <hr />
    <h2> Sub Heading </h2>
    <p>
        Are you like this article ..?
    </p>
 
 
 
</body>
</html>

we can see that the html element in fact contains two elements: head and body. head has two sub branches : a meta element and a title. The body element contains a number of headings, paragraphs, and a blockquote.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • Slashdot
  • Technorati
  • YahooMyWeb