POINTERS TO REVIEW IN MS EXCEL AND HTML

SPREADSHEET
 An electronic spreadsheet is a software designed to organize and compute
data in column and in rows.
 A rectangular table of information
 Also known as sheet or worksheet
 There are 1 default sheets in Excel
 Sheets are contained in workbooks
Column
 Vertical arrangement of data
 Labeled with letters from A to XFD
 There are 16,384 columns
Row
 Horizontal arrangement of data
 Labeled with numbers
 There are 1,048,576 rows

FORMAT DIALOG BOX

FORMAT DESCRIPTION

General No specific number format. It is the default format that

applies in Excel when typing a number

Number Used for general display of numbers

Currency Used for general monetary values

 Accounting Line up the currency symbols and decimal points in
a column.

Date Used to display date and time serial numbers as date values

Time Used to display date and time serial numbers as date values

SHIFT + F11 = TO ADD ANOTHER SHEET

Orientation – Rotate text to a diagonal angle or vertical orientation
Merge & Center – Joins the selected cell into one larger cell and centers the
contents in the new cells.
Conditional formatting – Highlight interesting cells and emphasize unusual
values.
Print area – Mark a specific sheet of area for printing.
Insert function – (Shift + F3) edit the formula in the current cell by choosing
functions and editing the arguments.
Show Formula – Display the formula in each cell instead of the resulting value.
Freeze Panes – Keep the portion of the sheet available while the rest of the sheet
scrolls.
PRODUCT= USE TO MULTIPLY THE NUMBER VALUES
SUM= USE TO ADD THE NUMBER VALUES
 Freeze Pane- It is the command button which allows users to keep the
portion of the worksheet visible while the rest of the sheet scrolls.

Print Area- It is the command button which allows users to mark a specific
area of the sheet for printing

HTML
 Hypertext Markup Language
 a coding language used to create and design web pages
 file extensions: .htm or .html

Internet
 a network of million of computers used to send information back and forth to one
another
 global computer network

Elements
 the fundamental components of the structure of a text document

Tags
 commands written between less than (<) and greater than (>) signs, also known as angle
brackets
 there are opening and closing tags and the affected text is contained within the two tags
 opening tags that do not have closing tags are referred to as EMPTY TAGS
Attributes
 additional information included inside the opening tag

Values
 defines how an attribute would affect a tag

Heading Tags
 creates the impression of headlines
 divides different sections of the webpage
Format/Syntax:
<h#> text </h#>
 where # is a number from 1 to 6
 1 is the LARGEST, 6 is the smallest
Paragraph Tag
 creates a new paragraph within the webpage
Format/Syntax:

 <p> text </p>

Line Break Tag

 breaks a line of text and marks the start of a new line

Format/Syntax:

< br >

 the break line tag is an empty tag, which means it isn’t paired with a closing tag
 Center Tag

 aligns all contained text to the center of the screen

Format/Syntax:

< center > text < /center >

 the center tag does not have any attributes

Horizontal Rule Tag

 places a horizontal rule to divide the different parts of a webpage

Format/Syntax:

<hr>

 the hr tag is an empty tag

Font Tag

 changes the appearance of the contained text

Format/Syntax:

 <font> text </font>

Formatting Tags
TAG FORMAT/SYNTAX SAMPLE

1. Bold <b> SAMPLE TEXT </b> SAMPLE TEXT

2. Italic <i> SAMPLE TEXT </i> SAMPLE TEXT

3. Underline <u> SAMPLE TEXT </u> SAMPLE TEXT

1. Strikethrough <s> SAMPLE TEXT </s> SAMPLE TEXT

2. Teletype Text/
<tt> SAMPLE TEXT </tt> SAMPLE TEXT
Typewriter Text

1. Superscript ^{SAMPLE TEXT}

2. Subscript _{SAMPLE TEXT}

UNORDERED LIST TAG
 Unordered lists are also called bulleted lists.
 Unordered lists are used to enumerate items that are not in any specific order.

Format/Syntax:

 <ul>
 <li> list item text - tag is used as a placeholder for every item in the list. Use an <li> tag
for each individual item. It may be used as an empty tag, which means the closing tag is
not necessary.
 </ul>

ORDERED LIST TAG

 Ordered lists are also called numbered lists.
 Ordered lists are used to enumerate items that are in a specific order or sequence.
Format/Syntax:

 <ol>

<li> list item text

</ol>

IMAGE TAG
 The image tag places an inline image within a webpage, meaning that every image is
equivalent to only one line of text.
Format/Syntax:

 <img src = “URL/path”>

 *The src attribute is very important because it specifies where to retrieve the image file.
 *The image tag is an empty tag.
ATTRIBUTE VALUES DESCRIPTION

• URL (http://www.pic1.jpg)
1. src • specifies the location of the image file
• path (C:\images\pic1.jpg)

2. align • left, right • sets the alignment of the surrounding text

• provides a textual description of the image

3. alt • text
when it is not available or when pointing on it

4. border • number in pixels • places a black border around the image

5. height • number in pixels • modifies the vertical dimension of the image

6. width • number in pixels • modifies the vertical dimension of the mage

• places a margin of white space above and

7. vspace • number in pixels
below the image

• places a margin of white space to the left and

8. hspace • number in pixels
right sides of the image

ANCHOR TAG
 The anchor tag is responsible for creating hyperlinks in HTML. The anchor tag needs
either a text or image to represent a hyperlink.
Format/Syntax:

 <a href = “URL”> text / image </a>

Use the following attributes on the body tag to change your hyperlink’s color:
 <body link = “green” - color of the unclicked hyperlink
 alink = “orange” - color of the hyperlink you are currently clicking
 vlink = “yellow”> - color of a clicked hyperlink
 ATTRIBUTE VALUES DESCRIPTION

• URL/Path Specifies the location of the file or

1. href
(ex: http://www.google.com) webpage the link would access

Makes a location within the current

2. name • text document with a name
(*will be used later in this module)

Creates a context-sensitive help or

• text tooltip
3. title
(ex: “Google Search”) (appears when you hover over the
link)

• opens the link on a specific

frame
• opens the link on a new
• frame window
• _blank • opens the link on the same
2. target
• _parent window

• _self • opens the link on the same

frame
(*will be used in the discussion of
frames)

TABLE TAG
 The table tag specifies a container for a table within your HTML document
Format/Syntax:

 <table> text /image/table </table>

ATTRIBUTE VALUES DESCRIPTION

1. align • left, center, right Positions the table on the page

• color or hexadecimal value (ex. “red” or

2. bgcolor Specifies the background color of the table
“#FF0000”)

3. background • URL Places a background image within the table

Specifies thickness of the table border

4. border • numerical value (ex. “1”, “3”, “5”)

Specifies spacing between the edges and the

5. Cellpadding • numerical value
contents of the cells

Specifies the spacing between the cells

6. Cellspacing • numerical value

Specifies the horizontal dimension of the table

7. Width • numerical value

Specifies the vertical dimension of the table

8. height • numerical value

TABLE ROW TAG

 The table row contains a row of cells in a given table
Format/Syntax:
<tr>
<td> text/image/table
<td> text/image/table
</tr>
ATTRIBUTE VALUES DESCRIPTION

1. align • left, center, right, justify Positions the cell contents in a row

• color or hexadecimal value (ex.

2. bgcolor Specifies the background color of a row
“red” or “#FF0000”)

Aligns the contents of the cell in a row

3. valign • top, middle, bottom, baseline
(vertical orientation)

TABLE DATA TAG

 The table data specifies a cell in a table row. Closing tag is optional.
Format/Syntax:
<tr>
<td> text/image/table
<td> text/image/table
</tr>
 TABLE HEADING TAG
 The table heading tag specifies a cell heading. It makes the font bold and aligns the text
on the center of a cell. Closing tag is optional.

Format/Syntax:
<th> text </th>

ATTRIBUTE VALUES DESCRIPTION

1. align • left, center, right, justify Aligns data in a cell

• color or hexadecimal value (ex.

2. bgcolor Specifies the background color of a cell
“red” or “#FF0000”)

Aligns the contents of a cell (vertical

3. Valign • top, middle, bottom, baseline
orientation)

4. Rowspan • numerical value Merges cells vertically

5. colspan • numerical value Merges cells horizontally