1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html lang=en>
<head>
<title>HTML 4.0 Inline Elements</title>
<link rev=Made href="mailto:liam@htmlhelp.com">
<link rel=Start href="index.html">
<link rel=Glossary href="http://www.htmlhelp.com/glossary/glossary.html">
<link rel=Copyright href="http://www.htmlhelp.com/copyright.html">
<link rel=StyleSheet href="style.css" type="text/css">
<link rel=StyleSheet href="aural.css" type="text/css" media=aural>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="Liam Quinn">
<meta name="description" content="A description and listing of inline elements in HTML 4.0.">
<meta name="keywords" content="inline, elements, text-level, character-level, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG">
<script type="text/javascript">
<!--
function toggle() {
if (document.all.toggler.value == "Hide non-strict elements") {
document.styleSheets[0].addRule("li.transitional", "display:none");
document.styleSheets[0].addRule(".transitional", "speak:none");
document.all.toggler.value = "Show non-strict elements";
} else {
document.styleSheets[0].addRule("li.transitional", "display:list-item");
document.styleSheets[0].addRule(".transitional", "speak:inherit");
document.all.toggler.value = "Hide non-strict elements";
}
}
// -->
</script>
</head>
<body>
<h2><img src="wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
<h1>HTML 4.0 Inline Elements</h1>
<script type="text/javascript">
<!--
if (document.styleSheets) {
var gt;
gt = unescape(new String("%3E"));
document.write("<p" + gt + "<input type=button value=\"Hide non-strict elements\" id=toggler accesskey=s onclick=\"toggle()\"" + gt + "<\/p" + gt);
}
// -->
</script>
<p>Most HTML4.0 elements permitted within the <strong class=html><a href="html/body.html">BODY</a></strong> are classified as either <a href="block.html">block-level elements</a> or <em>inline elements</em>. Inline elements typically may only contain text and other inline elements. When rendered visually, inline elements do not usually begin on a new line.</p>
<p>The following are defined as inline elements in HTML4.0:</p>
<ul class=elements>
<li><a href="special/a.html">A</a> - Anchor</li>
<li><a href="phrase/abbr.html">ABBR</a> - Abbreviation</li>
<li><a href="phrase/acronym.html">ACRONYM</a> - Acronym</li>
<li><a href="fontstyle/b.html">B</a> - Bold text</li>
<li class=transitional><a href="special/basefont.html">BASEFONT</a> - Base font change</li>
<li><a href="special/bdo.html">BDO</a> - <acronym title="Bidirectional">BiDi</acronym> override</li>
<li><a href="fontstyle/big.html">BIG</a> - Large text</li>
<li><a href="special/br.html">BR</a> - Line break</li>
<li><a href="phrase/cite.html">CITE</a> - Citation</li>
<li><a href="phrase/code.html">CODE</a> - Computer code</li>
<li><a href="phrase/dfn.html">DFN</a> - Defined term</li>
<li><a href="phrase/em.html">EM</a> - Emphasis</li>
<li class=transitional><a href="special/font.html">FONT</a> - Font change</li>
<li><a href="fontstyle/i.html">I</a> - Italic text</li>
<li><a href="special/img.html">IMG</a> - Inline image</li>
<li><a href="forms/input.html">INPUT</a> - Form input</li>
<li><a href="phrase/kbd.html">KBD</a> - Text to be input</li>
<li><a href="forms/label.html">LABEL</a> - Form field label</li>
<li><a href="special/q.html">Q</a> - Short quotation</li>
<li class=transitional><a href="fontstyle/s.html">S</a> - Strike-through text</li>
<li><a href="phrase/samp.html">SAMP</a> - Sample output</li>
<li><a href="forms/select.html">SELECT</a> - Option selector</li>
<li><a href="fontstyle/small.html">SMALL</a> - Small text</li>
<li><a href="special/span.html">SPAN</a> - Generic inline container</li>
<li class=transitional><a href="fontstyle/strike.html">STRIKE</a> - Strike-through text</li>
<li><a href="phrase/strong.html">STRONG</a> - Strong emphasis</li>
<li><a href="special/sub.html">SUB</a> - Subscript</li>
<li><a href="special/sup.html">SUP</a> - Superscript</li>
<li><a href="forms/textarea.html">TEXTAREA</a> - Multi-line text input</li>
<li><a href="fontstyle/tt.html">TT</a> - Teletype text</li>
<li class=transitional><a href="fontstyle/u.html">U</a> - Underlined text</li>
<li><a href="phrase/var.html">VAR</a> - Variable</li>
</ul>
<p>The following elements may be used as either <a href="block.html">block-level elements</a> or inline elements. If used as inline elements (<abbr title="for example"><i lang=la>e.g.</i></abbr>, within another inline element or a <strong class=html><a href="block/p.html">P</a></strong>), these elements should not contain any block-level elements.</p>
<ul class=elements>
<li class=transitional><a href="special/applet.html">APPLET</a> - Java Applet</li>
<li><a href="forms/button.html">BUTTON</a> - Button</li>
<li><a href="phrase/del.html">DEL</a> - Deleted text</li>
<li class=transitional><a href="special/iframe.html">IFRAME</a> - Inline frame</li>
<li><a href="phrase/ins.html">INS</a> - Inserted text</li>
<li><a href="special/map.html">MAP</a> - Image map</li>
<li><a href="special/object.html">OBJECT</a> - Object</li>
<li><a href="special/script.html">SCRIPT</a> - Client-side script</li>
</ul>
<div class=footer>
<address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
<p class=toolbar><a href="http://www.htmlhelp.com/"><img src="wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"></a> <a href="index.html" rel=Start>HTML4.0Reference</a>~ <a href="olist.html">ElementsbyFunction</a>~ <a href="alist.html">ElementsAlphabetically</a></p>
<p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright </a> 1998 Liam Quinn. All rights reserved.</p>
</div>
</body>
</html>
|
