Lesson 1 day 3
Hello dears how are you all hope you’ve practiced my previous lessons. Dears
today we will discus about Presentation
Elements.
Presentation Elements: If you use a word processor, you will be familiar with the ability to make text bold, italic, or underlined; these are just three of the ten options available to indicate how text can appear in XHTL. The full list is bold, italic, underlined, strikethrough, teletype(monospaced) etc. Let’s start by meeting the <b>,<i>,<u>,<s>,<tt> elements.
The <b>(bold) tag: Anything that appears in a <b> element is displayed in bold.
The <i> (italic) tag: The content of an <i> element is displayed in italic text.
The <u> (underline) tag: The content of an <u> element is underlined.
The <s> (strikethrough) tag: The content of a <s> element is displayed with astrikethrough.
The <tt> (taletype)tag: The content of a <tt> element is written in monospaced font (like that of a teletype machine)
Now have some exercise . Try these in a notepad
All HTML code type in notepad
<html>
<head>
<title> Presentation Elements 1 </title>
</head>
<body>
<p> The following word uses a <b> Bold</b> typeface.</p>
<p> The following word uses an <i> Italic </i> typeface.</p>
<p> The following word uses an <u> Underlined </u> typeface.</p>
<p> The following word uses a <s> Strikethrough </s> typeface.</p>
<p> The following word uses a <tt> Monospaced </b> typeface.</p>
</body>
</html>
Save as pp6.html or as you use on local host
Now open your web browser write on address bar: localhost/html/pp6.html
See the change
The <sup> (superscript)tag: The content of a <sup>element is written is superscript; ith is displayed half a character’s height above the other characters and is also often slightly smaller than the text surrounding it.
The <sub> (subscript) tag : The content of a <sub> element is written in subscript; it is displayed half a character’s height beneath the other characters and is also often slightly smaller than the text surrounding it.
The <big> tag : The <big> element is one of several font style elements in HTML 4 renders its content in the next font size larger than the previous body font size. If you nest<big>element, the effects on the more nested elements are cumulative, with each nested level rendered one size larger than the next outer element.
The <small> tag : element renders its content in a relative size one level smaller than the text preceding the element.
The <hr/> tag : The <hr/> element draws a horizontal rule according to visual rules built into the browser with a variety of attribute controls. As a block element, the <hr/> element starts and ends its rule on its own line, as if the element were surrounded by <br> elements.
Try these in a notepad
All HTML code type in notepad
<html>
<head>
<title> Presentation Elements 2 </title>
</head>
<body>
<p><b> Superscript Text:</b> Written on the 31<sup>st</sup> May .</p>
<p><b> Subscript Text:</b> The EPR paradox<sub>2</sub>was devised by Einstein, Podolsky and Rosen.</p>
<p><b>Bigger Text:</b> The following word should be <big>Bigger </big> than those around it.</p>
<p> <b> Smaller Text:</b> The following word should appears <small>smaller </small> than those around it.</p>
<p><b> Horizontal Rule:</b> Beneath this paragraph the page will finish with a horizontal rule .</p>
</body>
</html>
Save as pp7.html or as you use on local host
Now open your web browser write on address bar: localhost/html/pp7.html
See the change
Ok no more today practice all of these. And next day will learn how to Markup text, list and grouping.
Till then bye bye…………
Presentation Elements: If you use a word processor, you will be familiar with the ability to make text bold, italic, or underlined; these are just three of the ten options available to indicate how text can appear in XHTL. The full list is bold, italic, underlined, strikethrough, teletype(monospaced) etc. Let’s start by meeting the <b>,<i>,<u>,<s>,<tt> elements.
The <b>(bold) tag: Anything that appears in a <b> element is displayed in bold.
The <i> (italic) tag: The content of an <i> element is displayed in italic text.
The <u> (underline) tag: The content of an <u> element is underlined.
The <s> (strikethrough) tag: The content of a <s> element is displayed with a
The <tt> (taletype)tag: The content of a <tt> element is written in monospaced font (like that of a teletype machine)
Now have some exercise . Try these in a notepad
All HTML code type in notepad
<html>
<head>
<title> Presentation Elements 1 </title>
</head>
<body>
<p> The following word uses a <b> Bold</b> typeface.</p>
<p> The following word uses an <i> Italic </i> typeface.</p>
<p> The following word uses an <u> Underlined </u> typeface.</p>
<p> The following word uses a <s> Strikethrough </s> typeface.</p>
<p> The following word uses a <tt> Monospaced </b> typeface.</p>
</body>
</html>
Save as pp6.html or as you use on local host
Now open your web browser write on address bar: localhost/html/pp6.html
See the change
The <sup> (superscript)tag: The content of a <sup>element is written is superscript; ith is displayed half a character’s height above the other characters and is also often slightly smaller than the text surrounding it.
The <sub> (subscript) tag : The content of a <sub> element is written in subscript; it is displayed half a character’s height beneath the other characters and is also often slightly smaller than the text surrounding it.
The <big> tag : The <big> element is one of several font style elements in HTML 4 renders its content in the next font size larger than the previous body font size. If you nest<big>element, the effects on the more nested elements are cumulative, with each nested level rendered one size larger than the next outer element.
The <small> tag : element renders its content in a relative size one level smaller than the text preceding the element.
The <hr/> tag : The <hr/> element draws a horizontal rule according to visual rules built into the browser with a variety of attribute controls. As a block element, the <hr/> element starts and ends its rule on its own line, as if the element were surrounded by <br> elements.
Try these in a notepad
All HTML code type in notepad
<html>
<head>
<title> Presentation Elements 2 </title>
</head>
<body>
<p><b> Superscript Text:</b> Written on the 31<sup>st</sup> May .</p>
<p><b> Subscript Text:</b> The EPR paradox<sub>2</sub>was devised by Einstein, Podolsky and Rosen.</p>
<p><b>Bigger Text:</b> The following word should be <big>Bigger </big> than those around it.</p>
<p> <b> Smaller Text:</b> The following word should appears <small>smaller </small> than those around it.</p>
<p><b> Horizontal Rule:</b> Beneath this paragraph the page will finish with a horizontal rule .</p>
</body>
</html>
Save as pp7.html or as you use on local host
Now open your web browser write on address bar: localhost/html/pp7.html
See the change
Ok no more today practice all of these. And next day will learn how to Markup text, list and grouping.
Till then bye bye…………
No comments:
Post a Comment