Page 149 - DCAP202_Fundamentals of Web Programming

Fundamentals of Web Programming

Notes First: <input title=” Enter First Name” id=”first” name=”first” type=”text”
/> Last: <input title=”Please Enter Your Last Name” id=”last” name=”last”
type=”text” />
<input type=”submit” value=”SUBMIT” />
</form>
Text fields are designed to capture single words or phrases from the user. That information may
then be processed through some kind of client/server side script (PHP, PERL, JavaScript). If you
do plan on processing the data, be sure to include the name and id attributes.

Did u know? A descriptive title is also a great visual aid for providing a tool-tip display for
your web elements.

12.3.2 HTML - Text Links

The World Wide Web got its spidery name from the plentiful connections (links) that link
websites together with the click of a button. What most people don’t know is that HTML links
are actually HTML anchors constructed using anchor tags (<a>).

Example:
<a>I am a text link! </a>

12.3.3 Font

Font face and color depends entirely on the computer and browser that is being used to view
your page. But the <font> tag is used to add style, size, and color to the text on your site. You can
use a <basefont> tag to set all of your text to the same size, face, and color.
The font tag is having three attributes called size, color, and face to customize your fonts.
To change any of the font attributes at any time within your page, simply use the <font> tag.

!
Caution The text that follows will remain changed until you close with the </font> tag.
You can change any or all of the font attributes at the one time, by including all the required
changes within the one <font> tag.

Example:
<font size=”1">Font size=”1"</font>
<font size=”2">Font size=”2"</font>
<font size=”3">Font size=”3"</font>
<font size=”4">Font size=”4"</font>
<font size=”5">Font size=”5"</font>
<font size=”6">Font size=”6"</font>
<font size=”7">Font size=”7"</font>
12.3.4 Headers

The HTML <header> tag represents a group of introductory or navigational aids.
Headers can contain headings, subheadings, version information, navigational controls, etc.

142 LOVELY PROFESSIONAL UNIVERSITY