Faculty : A Vijayendar Reddy

OASIS Technologies
9+ years experience in various SAP WEB TECHNOLOGIES
_____________________________________________________________
Today's CLASS
-------------------HTML Paragraph tag
paragraph tag is defined with <p> tag
For EXAMPLE : implement below code in index.html under body tag
<p>

OASIS TECHNOLOGIES is a TRAINING center for SAP UI5/fiori , odata

services.
oasis also provides training on webdynpro

</p>
<p> OASIS is from 2005 onwards </p>
________________________________________________________________
HTML Horizontal Lines/Rules
we use <hr> tag is for generating Horizontal line in HTML web page
<hr>

tag is used to separate the content

For <hr> tag , closing tag is not necessary.

For EX :
<p>

OASIS TECHNOLOGIES is a TRAINING center for SAP UI5/fiori , odata

services.
<br>
oasis also provides training on webdynpro

</p>
<hr>
<p>

OASIS is from 2005 onwards </p>

<hr>
__________________________________________________________________
HTML Attributes
HTML tags can have attributes( properties)
Attribute is used to provide the property.
Attributes are always specified inside "START TAG"
Attributes will be specified using NAME/VALUE pairs
ie, name = "value"
__________________________________________________________________

HTML Links
HTML Links are defined with <a> tag
For EX : implement below code:
<a href="http://www.google.com">

Google Link

</a>

Note : The website link address is provided in href attribute/property.

__________________________________________________________________
HtMl IMAGEs
HTML images are defined using <img> tag
src , alt, width, height are properties/attributes of <img> tag
For EX : implement below code:
<img
>

src="facebook.com.png" alt="facebook.com.png" width= "300" height="100"

note : paste the required image/logo under WEb-content folder of SAP UI5 projec
t
____________________________________________________________________
Note : For LINE break, we can use <br>
when we use <br> tag , the content is loaded from NEW LINE or NEXT LINE
Note : For any tag which is not having CLOSING tag, we call it as "EMPTY elemen
t"
________________________________________________________________________________
___
Note : Paragraph tag will remove extra spaces and extra line while displaying
the output.
ANy Number spaces, and any number of new lines are counted as only ONE S
PACE
while displaying the output.
________________________________________________________________________________
________
HTML <pre> tag
<pre> tag is to define the "PREFORMATTED text "
Pre tag will preserve both spaces and line breaks
For ex: implement the below code
<pre>

OASIS TECHNOLOGIES is a TRAINING center for SAP UI5/fiori , odata

services.

oasis also provides training on webdynpro

</pre>
________________________________________________________
difference between <pre> tag and <p> tag
--------------------------------------------pre tag will reserve spaces and line breaks
p tag will not reserve spaces and line breaks
___________________________________________________________
HTML styling:
for EX : implement below code:
<pre style="background-color: orange;">
OASIS TECHNOLOGIES is a TRAINING center
</pre>
<p style="background-color: green;">

OASIS is from 2005 onwards </p>

____________________________________________________
HTML text Color :
The color property defines the text color to be used for HTML content
for ex:
<p style="color:red">
OASIS TECHNOLOGIES

is a training center

</p>
___________________________
For ex :
<h1 style="color:red"> OASIS TECHNOLOGIES

is a training center

</h1>
__________________________________________________________________
HTML fonts:
It is used to display text with specified Font properties :
For EX :
<h1 style="font-family:cursive;font-size:300%;background-color: blue;">

OASIS TECHNOLOGIES

is a training center

</h1>
__________________________________________________________________
HTML TEXT ALignment :
<h1 style="font-family:cursive;font-size:300%;text-align:center; ">
OASIS TECHNOLOGIES
</h1>
_____________________________________________________________________
Note : under STYLE category
Use style related attributes for STYLING HTML screen elements
use background-color for background color
use color
for text color
use font-size
for text size
use font-family
for text font
use text-align
for text alignment
________________________________________________________________________