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

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

6. What will you need? 1.Text editor: to write the HTML instructions. for example: Notepad 2.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

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

8. Basic HTML document Format

9. HTML Element

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

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

12. Head Element HEAD element Includes information about the document. Information in header not generally rendered in display window. Starts with and ends with.

13. Title Element Title element The 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

14. Body Element –BODY element The 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 element supports the following attributes: DescriptionValueAttribute Specifies the background color of a document Color namebgcolor Specifies a background image for a document URLbackground Specifies the color of the text in a document Color nametext

15. . HEAD section TITLE element. BODY section P element Internet and WWW - Welcome Welcome to Our Web Sitce!

16. 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 Example:

17. Formatting Text

18. Font element Used to specify the type, color, and size for particular text. The element supports the following attributes: DescriptionValueAttribute Specifies the color of the fontColor namecolor Specifies the size of the font1-7Size Specifies the type of the fontfont nameface Example: Hello world

19. Examples:

20. Formatting Tags resultaimTags TextBold text text TextItalic text text Underlined text text s̶t̶r̶i̶k̶e̶s̶t̶r̶i̶k̶e̶ Strikethrough text strike

21. More than one formatting tags

22. Next lecture Text formatting. Paragraphs formatting