Information Sheet No.
04
<Attributes of BODY>
Background- specifies the relative or absolute location of an image file that tile across the documents
background.
<body background=”URL”>
BGCOLOR- indicates the color of a document background. Color names can be substitute for the RGB
hexadecimals values.
<body bgcolor=”red”>
BGPROPERTIES- specifies the behavior of the background image.
LEFTMARGIN- specifies the width (in pixels) of a margin of white space along the left edge of the entire
document.
<body leftmargin=”50”>
TOPMARGIN- specifies the size (in pixels) of a margin of white space along the top edge of the entire
document.
<body topmargin=”50”>
SCROLL- indicates whether scrolling is possible within the document body.
<body bgcolor=”red” scroll=”yes,no”>
<ATTRIBUTES of HR>
WIDTH- Specifies the length of the line. You can specify the value with an absolute number of pixels or as a
percentage to indicate how much of the total width available is used.
<hr width=”80%”>
SIZE- Specifies the thickness of the line in pixels.
<hr size=”8”>
COLOR- specifies the color of the line. The color name can be substitute for the hexadecimal RGB values.
<hr color=”blue”>
ALIGN- positions the line flush left, flush right, or in the center of the document.
<hr width=”50%” align=”left, right, center”>
NOSHADE- specifies that the browser not shade the line.
<hr width=”50%” align=”center”noshade>
<ATTRIBUTES of FONT>
<FONT>- alters or sets font characteristics of the browser uses to display text.
COLOR- indicates the color of the browser uses to display text. Color names can be substitute for the RGB
hexadecimal values.
<font color=”blue”>
1
FACE-specifies the font face uses to display text.
<font color=”red” face=”arial”>
SIZE- specifies the font face uses to display text.
<font size=”1 to 7”>
<DL>- contains the <dt>and <dd>tags that form the term and definition portion of a definition list.
<DT>- contains the terms inside the definition list. Place the <dt> tags inside the <dl> tags
<DD>- contains the definition in a definition list.
<EM> defines emphasized text. The content inside is typically displayed in italic.<em> and </em>
<MARK>defines text that should be marked or highlighted <mark></mark>
<DEL>defines text that has been deleted from a document. Browsers will usually strike a line through deleted
text<del></del>
<INS> defines a text that has been inserted into a document. Browsers will usually underline inserted text
<ins></ins>
ATTRIBUTES of UL
<UL>- indicates the beginning and end of an unordered (bulleted) list.
TITLE- specifies text assigned to the tag. You might use this attribute for context-sensitive help within the
document. Browsers may use this to show tool tips over the unordered list.
<ul title=”food list”>
TYPE- specifies the bullet type for each unordered list item. If you omit the type=attribute, the browser chooses
the default type.
<ul type=”square, circle, & disc”>
<OL>- indicates a numbered (bulleted) list.
TITLE- specifies text assigned to the tag. You might use this attribute for context-sensitive help within the
document. Browsers may use this to show tool tips over the ordered list.
<ol title=”food list”>
TYPE- specifies the bullet type for each ordered list item. If you omit the type=attribute, the browser chooses
the default type.
<ol type=”1, A, a, I, &i”>
<PRE>- contains preformatted plain text. This is useful for including computer program output or source code
within your documents.
<BLOCKQUOTE>- provide the left and right indention of affected text and is useful for quoting a direct
source within a document.
2
Sample Program:
<html><head><title>DEFINITION
LIST</title></head>
<body>
<dl>
<dt>Blood Bank
<dd>- a supply of blood stored for the future
use in transfusion.
<dt>Butter
<dd>- is a dairy product.
</dl></body></html>
Sample Program:
<html>
<head><title>UL & OL</title></head>
<body>
<center><h2>IMUS COMPUTER COLLEGE<h2></center>
<b><i>Branches:</i></b>
<ul type =square><b><i>Branches:</i></b>
<li>Imus
<li>Las Piñas
<li>Rosario
<li>GMA
<li>Dasmariñas
<li>Alabang
<li>Bacoor
<li>Silang
<li>Governors Drive
<li>Montillano
<li>Carmona
<li>Salawag
<li>Panapaan
<li>Trece</ul><br><br>
<ol type=A><b><i>ICC Alabang Faculty Line-up</b></i>
<li>Ms. Charo Francisco
<li>Ms. Jamaica Gadiana
<li>Mr. Lawrence Gorospe
<li>Mr. John Ress Velarde</ol></body></html>
3
Sample Program:
<html>
<body>
<p>This text is normal.</p>
<p><em>This text is emphasized.</em></p>
<p>My favorite color is <del>blue</del>
<ins>black</ins> rather
<p>Do not forget to save<mark>files</mark>
today.</p>
</body>
</html>