Internet Applications Development Lecture 3 L. Obead Alhadreti

Lecture Outline: Text formatting. Paragraphs formatting

Formatting Text … con't

element Used to specify the type, color, and size for all text on a page. element has no closing tag as it deals with the page as a whole, and not with a word or paragraph. The element is usually used after element. the element is only supported by Internet Explorer. The element supports the following attributes: DescriptionValueAttribute Specifies the color of the textColor namecolor Specifies the size of the text1-7Size Specifies the type of the textfont namename

Example: There is no conflict between the property of color in the element and the property of text in the element as we can use any of them in our page. if it happens and we used both of them, the color specified in the element will be used by the browser. element is more flexible than element and thus remains its impact on the selected text.

VS. is used to specify the type, color, and size for all text on a page. is used to specify the type, color, and size for particular text. element is more flexible than element and thus remains its impact on the selected text.

element The …. is used to scroll text or images vertically or horizontally within a web page. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top - it's your choice! The element supports the following attributes:

ValueDescriptionAttribute scroll: text disappears from one edge to show in the other. alternate: move the text from side to side. slide: move the text to stop at the other edge. Specifies the way of movement behavior right: text moves from left to right left: text moves from right to left up: text moves from down to up down: text moves from up to down Specifies the direction of movement direction number of loopsSpecifies number of times text will scroll loop smaller scrollamount value, slower text scrolls Specifies the scrollamount scrollamount

Example: text

Headers –The tags are used to define headings. –n is a number from 1 – 6. – defines the most important heading. defines the least important heading.

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6

12 Colors To specify the color of the text, we use one of the two following ways:  Preset colors (white, black, green,etc..).  Hexadecimal code. values vary from 00 to FF : 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f 00 is the weakest a color can get. FF is the strongest a color can get. Red Green Blue #FF FF FF

Paragraphs Formatting

element element has two functions: First element is used to inserts a single line break and add an empty line. example: Wow, I'm writing my ‎first webpage

Second element is used to define paragraphs: align and direction. element support the following attributes: - align: specifies the alignment of the paragraph. values: right, center, left - dir: specifies the direction of the language in the paragraph. Values: rtl, ltr Example: ….

element element inserts a single line break. element has no closing tag. Example: Hello World display: Hello world

element … element centers paragraph/text/image horizontally.

element It is a straight line going across the screen horizontally. has no closing tag. –hr attributes: width: adjusts the width of the rule. Either a number (in pixels) or a percentage. size: determines the height of the horizontal rule in pixels. color: specifies the color of the line. align: specifies the alignment of an line according to the surrounding element. –Ex.

Adding Spaces to your text –To add spaces to your text, you can use the character entity. –nbsp stands for Non Breakable Space. –Letters are case-sensitive. Example: Wow, ‎ I'm writing ‎ ‎ my first webpage

Inserting special characters into HTML –Special characters, reserved characters or characters that cannot easily be entered with the keyboard, can be implemented by using entities. –The Format of the special characters code is always &code; –Codes often abbreviated forms of the character; like copy for copyright. –Codes can also be in hex form. abbreviated form hex form < < 60#&; > > & #62; © © ©

Questions ? Be active !