| Basic
HTML Tags (selections) |
| HyperText Markup Language:
Tag Format |
Most HTML tags are containers. They have opening
and closing tags; these consist of the tag's name enclosed in angle
brackets, with a forward slash preceding the name in the closing
tag, e.g.,
<i>text
to be styled as italic</i>
Tags indicate how the browser should render the text inside of them
(but the actual result is up to the browser's interpretation).
Some tags have optional ATTRIBUTES. These are name/value pairs in
the form name="value".
These are included inside of the opening tag only, e.g.,
<font size="1"
color="#cc3300">text
styled with a font tag</font>
|
| Basic HTML Document
Elements |
| <html>...</html>
<head>...</head> <title>...</title> <body>...</body> |
| Minimal HTML page:
<html>
<head>
<title>My Document</title>
</head>
<body>
My visible content goes inside the
body tag.
</body>
</html>
The body tag has several optional
attributes, including:
text="[hex
color]" link="[hex color]" vlink="[hex
color]" alink="[hex color]" bgcolor="[hex
color]" background="[image uri]"
[see: body
tag generator a.k.a colorhell]
|
| Inline Elements do not
interrupt the flow of text: |
| Font
Style Elements:
<b>bold</b> <i>italic</i>
<u>underline</u>
<sub>subscript</sub> <sup>superscript</sup>
<small>small</small> <big>big</big>
<tt>typerwriter type</tt> <strike>strikethrough</strike>
Phrase Elements:
<em>emphasis</em> <strong>strong</strong>
<dfn>definition</dfn> <code>code</code>
<samp>sample</samp> <kbd>keyboard</kbd>
<var>variable</var> <cite>citation</cite>
|
| Block Elements insert
line break before and two after their content: |
| <p>paragraph</p>
<pre>preformatted text</pre>
<blockquote>extended quotation</blockquote>
<h1>heading of most importance</h1> <h2>level
two heading</h2> ... <h6>heading of least importance,
heirarchically</h6>
also: Lists, FORM, TABLE
|
| Special Elements(no
closing tags): |
<br>
line break
<hr> horizontal
rule
<!-- comments are not visible to the browser -->
|
| DDDD |
FONT
attributes:
- COLOR
- hexadecimal
number (RGB triplet), or name
- SIZE
- absolute:
1 thru 7
(default=3);
or, relative: -7 thru
+7
- FACE
- matches
first entry in comma separated list, e.g.,
<font face="Geneva,Arial,sans-serif">some
sans text</font>
Generics use browser defaults:
serif | sans-serif | monospace | fantasy | cursive
- example:
<font color="#003366"
size="4" face="sans-serif">styled
text</A>
|
| Anchor (hyperlink): |
<a href="folder/someurl.htm">linked
text</a>
|
| Image (no closing
tag): |
<img src="images/myimage.jpg"
alt="description">
the alt attribute is required. it provides a description of
the image for blind users.
There are several attributes you should define for fast page rendering.
Example of an extensively defined image tag:
<img src="images/myimage.jpg"
alt="description" height="200" width="400"
hspace="0" vspace="0" border="0">
|
| |
| go to ADS4: "Easy"
HTML for more extensive list |
