1 / 22

Internet Applications Development

Internet Applications Development. Lecture 2 L. Obead Alhadreti. Lecture Outline:. Basic Format of HTML document Text Formatting. Internet programming Languages. There are two types of Internet programming Languages: Client-side programming languages, such as HTML , java script.

lynsey
Download Presentation

Internet Applications Development

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. Internet Applications Development Lecture 2 L. Obead Alhadreti

  2. Lecture Outline: • Basic Format of HTML document • Text Formatting

  3. Internet programming Languages • There are two types of Internet programming Languages: • Client-side programming languages, such as HTML , java script. • Server-side programming languages, such as ASP , JSP, PHP

  4. HTML • HTML stands for HyperText Markup Language • Used to design web pages and format text and information. • Marked up with elements, delineated by tags. • Client-side programming language

  5. What will you need? • Text editor: to write the HTML instructions. for example: Notepad • Browser:The browser interprets your instructions and displays the result. For example: Internet Browser. • HTML files • .htm or .html extensions • Name your files to describe their functionality • File name of your home page should be index.html

  6. Advantages of HTML • Flexible language: all you need is a text editor to write the instructions. • easy to learn • Free • Bugs fixed easily

  7. Basic HTML document Format

  8. HTML Element

  9. Important Notes • Some html elements have no closing tag. • Some html elements have no content. • Some html elements have more than one attribute divided by comma. • The values should be sounded by caution marks “”. • HTML is not case sensitive. • Good practice to keep all the letters in one case.

  10. HTML element HTML element • Always include the <HTML>…</HTML> tags at the beginning and end of the HTML instructions. • The <html> tag tells the browser that this is an HTML document. • The <html> tag is the container for all other HTML elements. • The <html> element supports the following attributes:

  11. Head Element HEAD element • Includes information about the document. • Information in header not generally rendered in display window. • Starts with <head> and ends with </head>.

  12. Title Element Title element • The <title> element defines the title of the document. • The title element: • defines a title in the browser toolbar • provides a title for the page when it is added to favorites • displays a title for the page in search-engine results

  13. Body Element • BODY element • The <body> tag defines the document's body. • The area you place all content you would like browsers to display. • Includes text, images, links, forms, etc. • The <body> element supports the following attributes:

  14. <HTML> <!-- Our First Web Page --> <HEAD> <TITLE>Internet and WWW - Welcome</TITLE> </HEAD> <BODY> Welcome to Our Web Sitce! </BODY> </HTML> . HEAD section TITLE element . BODY section P element

  15. Comments • The comment tag is used to insert comments in the source code. • Comments are not displayed in the browsers. • You can use comments to explain your code, which can help you when you edit the source code at a later date. This is especially useful if you have a lot of code. • The comment form <!-- text --> • Example: <!-- this code is to display an image -->

  16. Formatting Text

  17. Font element • <font> </font> • Used to specify the type, color, and size for particular text. • The <font> element supports the following attributes: Example: <font face=“traditional Arabic” ، color=“green” ، size=“4”> Hello world </font>

  18. Examples:

  19. Formatting Tags

  20. More than one formatting tags

  21. Next lecture • Text formatting. • Paragraphs formatting

More Related