TEXT MARKUP using HTML
Dynamic HTML
Dynamic HTML refers to the combination of HTML, style sheets, and scripting. The style sheets discussed on this site will be Cascading Style Sheets. The scripting will use JavaScript as the language.
The basic structure of an HTML tag is <tag attribute = "value"> </tag> although some tags do not have a closer.
Every HTML page has certain features that are necessary. These are the tags <html>, <head>, and <body>. They define the structure of the page.
The rest of the tags for this lesson involve alterations in how the text is displayed. Below is a list of the tags introduced in this lesson
Required tags for all pages:
<html> defines begin/end of HTML page
<head> defines begin/end of head portion
<body> defines begin/end of body portion
Usable in head or body
<! > comment line; what is inside bracket does not appear on page
Tags found in Head section
<title> </title> defines what appears in blue bar portion of browser
<meta name = "keywords" content = " "> defines words search index lists page under
<meta name = "description" content =" "> defines how search index describes page
<style> </style> (Covered later in quarter)
<script language = JavaScript> </script> (Covered later in quarter)
Attributes found in body tag itself
<body bgcolor = " " text = " " link = " " vlink = " "> bgcolor=solid background color; text=color of text; link=color of link not clicked on yet; vlink=color of link that has been clicked before
Tags found in body section
<b> </b> bold
<blockquote> </blockquote> blockquote
<br /> 'carriage return'; line break; new line
<center> </center> center
<font attributes> </font> (attributes color, size)e.g. <font color = "blue"> <font size = "+1"> <font color = "2a3d5e" size = "-1"> changes color and/or size of text
Headers <h1> </h1> through <h6> </h6> bold, set size, blank line after
<hr /> and with attributes of width, size (pixels, default = 2), and align; e.g <hr width = "30%" /> <hr align = "right /> <hr size = "7" /> 'chisel mark', horizontal ruler
<i> </i> italics
<p> </p> paragraph
<pre> </pre> preformatted (keeps spacing as is)
<sub> </sub> subscript
<sup> </sup> superscript
Next HTML lesson: File Linking
Return to main page