Embed Size (px)
DESCRIPTION
WEB BASED PROGRAMMING. INTRODUCTION MS.DANAH ACLAO. Paragraph Tags 1. First Web This is a paragraph. This is another paragraph. . Line Break Tag 2. - PowerPoint PPT Presentation
Citation preview
WEB BASED PROGRAMMING
INTRODUCTION
MS.DANAH ACLAO
Paragraph Tags 1
<html><title>First Web</title><body>
<p>This is a paragraph.</p><p>This is another paragraph.</p>
</body></html>
Line Break Tag 2
Insert a line break to instruct the browser to break the text and go to a new line
<html><title>First Web</title><body>
<p>A computer is a general purpose device that can be programmed <br>to carry out a finite set of arithmetic or logical operations. Since <br>a sequence of operations can be readily changed, the computer <br>can solve more than one kind of problem..</p>
</body></html>
Blank space tag 3
<html><title>First Web</title><body>
<p align = “center>INFORMATION TECHNOLOGY</p><p>     Information 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.</p>
</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 <FONT> and </FONT>, along with the FACE
attribute. You can use the attribute to
specify a font by name.
<font face = “Times New Roman”
size = “ 18” color = “red” > Your Name </font>
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”
