0% found this document useful (0 votes)
95 views16 pages

Pointers To Review in Ms Excel and HTML: Spreadsheet

The document provides information about reviewing pointers in Microsoft Excel and HTML. It includes details about spreadsheet components like sheets, columns, and rows in Excel, as well as formatting options for numbers, currency, dates, and times. It also summarizes key elements of HTML like tags, attributes, values, and common tags for headings, paragraphs, lists, images, links, and tables.

Uploaded by

Jacob
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
95 views16 pages

Pointers To Review in Ms Excel and HTML: Spreadsheet

The document provides information about reviewing pointers in Microsoft Excel and HTML. It includes details about spreadsheet components like sheets, columns, and rows in Excel, as well as formatting options for numbers, currency, dates, and times. It also summarizes key elements of HTML like tags, attributes, values, and common tags for headings, paragraphs, lists, images, links, and tables.

Uploaded by

Jacob
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16

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 <sup> SAMPLE TEXT </sup>

2. Subscript <sub> SAMPLE TEXT </sub>


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

You might also like