Scribd
Upload
6 views5 pages

Octnov 3

The document provides tips for web programming, outlining three essential layers: content, presentation, and behavior. It emphasizes the importance of placing appropriate content, inserting tables, and using table attributes effectively. The document also includes styling guidelines for HTML elements and a note on the page editor.

Uploaded by

Kalikenya Dominicus
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views5 pages

Octnov 3

The document provides tips for web programming, outlining three essential layers: content, presentation, and behavior. It emphasizes the importance of placing appropriate content, inserting tables, and using table attributes effectively. The document also includes styling guidelines for HTML elements and a note on the page editor.

Uploaded by

Kalikenya Dominicus
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

E1

E2 <!DOCTYPE html>

<html>

<head>

<meta content="8" http-equiv="UTF-8">

<meta content="Web page is about programming" name="description">

<link rel="stylesheet" type="text/css" href="n24web.css">

<title>Web programming tips</title>

<base target="_self">

</head>

<body>

<table>

<tr>

<td colspan="2">

Tips for web programming


</td>

</tr>

<tr>

<td rowspan="3">

<h2>Web Development Layers</h2>

<h3>&nbsp;There are three web development layers, these are:

</h3>

<h3>

<span class="red">1. Content layer</span>

The content layer is used to enter the content and create the structure of a web page</h3>

<h3> <span class="red">2. Presentation layer</span>

The presentation layer is used to display and format elements within a web page</h3>

<h3> <span class="red">3. Behaviour layer</span>

The behaviour layer is for a scripting language to control elements within a web page

</h3>

</td>

<td>

<span class="red">

<a href="n24html.htm">HTML</a></span>

</td>

</tr>

<tr>

<td>
<a href="n24css.htm" target="_blank" class="red">CSS

</a>

</td>

</tr>

<tr>

<td>

<h3><span class="centre">Web page edited by: BENSON@28</span></h3>

</td>

</tr>

<tr>

<td colspan="2">

<p>Make sure that you can:</p>

<ul>

<li>&nbsp;Place appropriate content in the body section of a web page

</li>

<li>Insert a table including table header, table rows, table data

</li>

<li>Use appropriate table attributes to meet the needs of the audience including to
adjust cells to span more than one row or column.

</li>

</ul>

</td>

</tr>

</table>

</body>

</html>
E3

body { background-color:#d2fffe;

background-position: right top;

background-repeat: no-repeat;

background-image: url("n24logo.png"); }

table { width:90%;

border-spacing: 20px;

border-color: #000000;

border-collapse: collapse;

margin-left:auto;

margin-right:auto; }

td { padding: 20px;}

h1 { font-family: Calibri,Arial,sans-serif;

color: #000040;

text-align: center;

font-size: 60pt; }

h2 { font-family: Calibri,Arial,sans-serif;

color: #000040;

text-align: center;

font-size: 28pt; }

h3 { font-family: Calibri,Arial,sans-serif;

color: #000000;
text-align: left;

font-size: 16pt; }

p,li { font-family: Calibri,Arial,sans-serif;

color: #000000;

text-align: justify;

font-size: 14pt; }

.red {

color: #FF0000;

.centre {

text-align: center;

You might also like