1 / 20

WEB BASED PROGRAMMING

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.

amanda-chen
Télécharger la présentation

WEB BASED PROGRAMMING

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WEB BASED PROGRAMMING INTRODUCTION MS.DANAH ACLAO

  2. Paragraph Tags 1 <html> <title>First Web</title> <body><p>This is a paragraph.</p><p>This is another paragraph.</p> </body></html>

  3. 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>

  4. Blank space tag 3 <html> <title>First Web</title> <body><p align = “center>INFORMATION TECHNOLOGY</p><p>&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.</p> </body></html>

  5. 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>

  6. 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>

  7. 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>

  8. 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>

  9. Body text tag 8 -change all texts <body text = “pink”> </body>

  10. 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>

  11. Horizontal Line Tags 10 <hr width = “5” size=“10”>

  12. 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”>

  13. 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”>

  14. Add Alternative Text 13 <img src= ”sample.jpeg” width = “20” height = “12” alt =“Name of your picture” >

  15. Create an Image Label 14 <img src= ”sample.jpeg” width = “20” height = “12” alt =“Name of your picture” title = “Name of your picture”>

  16. Set an Image Border 15 <img src= ”sample.jpeg” border = “10”>

  17. Add Space Around an Image <img src= ”sample.jpeg” • border = “10” HSPACE=”10” or • VSPACE=”10”,>

  18. Add a Background Image 16 <body background=”sample.jpg”> </body>

  19. LINK17 Sample.html Your Name s17.html <a href=“sample.html”>Click here</a>

  20. 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”

More Related