• 210 likes • 286 Views
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.
E N D
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 LIST DT - DEFINITION TERM DD – 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,Book Gift Stuff toys,candies,dress School 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.html Your 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”