WEB BASED PROGRAMMING

WEB BASED PROGRAMMING

INTRODUCTION

MS.DANAH ACLAO

Paragraph Tags 1

<html><title>First Web</title><body>

This is a paragraph.This is another paragraph.

</body></html>

Line Break Tag 2

Insert a line break to instruct the browser to break the text and go to a new line


A computer is a general purpose device that can be programmed to carry out a finite set of arithmetic or logical operations. Since a sequence of operations can be readily changed, the computer can solve more than one kind of problem..

</body></html>

Blank space tag 3


INFORMATION TECHNOLOGY&nbsp&nbsp&nbsp&nbsp&nbspInformation technology (IT) is the application of computers and telecommunications equipment to store, retrieve, transmit and manipulate data, often in the context of a business or other enterprise.

</body></html>

Blockquote Tag 4

<html><title>First Web</title><body bgcolor = skyblue>

Computer programming (often shortened to programming, scripting, or coding) is the process of designing, writing, testing, debugging, and maintaining the source code of computer programs. <blockquote>”This source code is written in one or more programming languages (such as C++, C#, Java, Python, Smalltalk, etc.). The purpose of programming is to create a set of instructions that computers use to perform specific operations or to exhibit desired behaviors.” </blockquote>

</body></html>

Create a Definition List 5

• You can use a definition list in your document to set text apart in the format of a glossary or dictionary.

DL – DEFINITION LISTDT - DEFINITION TERMDD – DATA DEFINITION

<dl> <dt> WWW </dt> <dd> World Wide Web </dd> <dt> Internet </dt> <dd> Connection of Networks</dd>

<dl>

InsertPreformatted Text 6

• If you type a paragraph with spacing just the way you want it, you can assign the preformatted tags to keep the spacing in place.

<pre>BAG Notebook,BookGift Stuff

toys,candies,dressSchool IT,COMSCI,PROG</pre>

Font Tags 7

• You can change the appearance of your text using the tags and , along with the FACE

attribute. You can use the attribute to

specify a font by name.

 Your Name 

Body text tag 8

-change all texts

<body text = “pink”> </body>

BackgroundPage Color Tags 9

You can add color to the background of the page using the BGCOLOR attribute. It is a good idea to choose a background color that does not obscure your text.

<body bgcolor = “red”> </body>

Horizontal Line Tags 10

<hr width = “5” size=“10”>

Insert an Image 11

• You can add images to your Web page to lend visual interest or illustrate a topic.

<img src= ”?”>

Example:<img src= ”sample.jpeg”>

Specify an Image Size 12

If your image appears too big or too small on a Web page, you can use image attributes in your HTML coding to change the size.

<img src= ”sample.jpeg” width = “20” height = “12”>

Add Alternative Text 13

<img src= ”sample.jpeg” width = “20” height = “12”alt =“Name of your picture” >

Create an Image Label 14

<img src= ”sample.jpeg” width = “20” height = “12”alt =“Name of your picture” title = “Name of your picture”>

Set an Image Border 15

<img src= ”sample.jpeg” border = “10”>

Add Space Around an Image

<img src= ”sample.jpeg” • border = “10” HSPACE=”10” or• VSPACE=”10”,>

Add a Background Image 16

<body background=”sample.jpg”> </body>

LINK17

Sample.htmlYour Name

s17.html<a href=“sample.html”>Click

here</a>

ACTIVITY

(FIRST PART ACTIVITY)

MAKE YOUR OWN CREATIVE, PROFESSIONAL STYLE, PERSONAL WEBSITE

“MAKE IT SIMPLE, PLAIN BUT THE PROFESSIONALISM DESIGN CONCEPT OF YOUR SITE IS EMPHASIZED”

WEB BASED PROGRAMMING

Documents

web page

web computer programming

background image

image size

image border

image label

image attributes

body text tag