MODUL 2 HTML
When creating a website using HTML, we can change the font size and color to make the
website more attractive. Basically, tags used to edit fonts and so on can be used in all tags such
as table tags and other tags.
1. Editing background color
In HTML you can also change the web background, such as using a background color or
image.
The tag used to change the background color can add +style="background-color:red;"
inside the start tag body
<body style="background-color: red;">
Meanwhile, to replace the background with an image theme, you can use background-
image and write the name of the image that was previously saved
<body style="background-image: url("[Link]");>
2. Editing fonts in paragraphs
<font color =”color code” face=”name font” size =”2”></font>
For editing teks in paragraph can use font tag. Teks will automatically back to normal if
you make tag or teks after endtag font.
3. Editing font in Hyperlink
The use of hyperlinks itself usually automatically changes color to a different color from
the usual text. but we can also change the default color of the hyperlink tag. such as the
color before the text is clicked and after the text is clicked.
<body link=”red”>
4. Editing font in Table
In a table there are many things that can be edited such as the table background color, table
line color, table spacing and table size
BORDER="value"
defines the thickness of the table border
CELLPADDING="value"
defines the distance between cells, the default is 1
CELLSPACING="value"
defines the distance between the table and the table content, the default is 2
COLS="number of columns"
defines the number of columns in the table
WIDTH="value or percent"
defines the width of the table
HEIGHT="value or percent"
if needed, define the table height
ALIGN="left|right"
defines horizontal table alignment
VALIGN="top|bottom|center"
defines the vertical alignment of the table
BGCOLOR="#rrggbb|color name"
gives the table background color
BORDERCOLOR="#rrggbb|color name"
defines the table border color
BORDERCOLORLIGHT="#rrggbb|colour name"
defines the bright color of the table border, giving a 3-dimensional impression
BORDERCOLORDARK="#rrggbb|colour name"
defines the dark color of the border, giving a 3-dimensional impression
BACKGROUND="URL of image"
provide a background image
A. MENU TAG
Usually used to create menus or content for a site
<MENU>…</MENU>
Apart from MENU, there are several types of writing menus
<OL>…</OL>, Ordered List, creates an ordered menu, either by number or letter
or Roman numerals.
Properties:
Start=, determines the start of the list numbering
Type=, type of numbering sequence. There are several types = A, a, I, i, 1
<UL>…</UL>, Unordered List, creates a menu without any order.
Usually marked with circles, squares and discs
<LI>…</LI>, displays items from a list
Properties:
TYPE= type of numbering sequence. There are several types = A, a, I, i, 1, for
<OL>
TYPE= disc, square, circle, for <UL>
Value=changes the initial value of a list
B. FORM
Use the <FORM>...</FORM> tag to define a form section. In the
<FORM> tag. Inside the <FORM> tag you can provide the target url and method.
You can create multiple inputs with types like the following.
• <INPUT TYPE=”TEXT”>
To create input in the form of a text field.
• <INPUT TYPE=”RADIO”>
To create input in the form of a radio button
• <INPUT TYPE=”CHECKBOX”>
To create input in the check form
• <INPUT TYPE=”SUBMIT”>
To create a submit button
• <INPUT TYPE=”HIDDEN”>
To create an input with a data type hidden from view
• <TEXTAREA>
To create input in the form of a textarea (a textfield that has rows)
• <SELECT>
<OPTION>...</OPTION>
</SELECT>
To create input in the form of a combo box option.
Grouping in forms can be done using the <FIELDSET> tag. Then in it add the <LEGEND>
tag to write a caption for the group form.