HTML/CSS/Text/dd
Add background image for DD
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen"> #divID dd { margin-left: 15px; padding-left: 15px; color: #999; background: url(img/dd_arrow.gif) no-repeat 0 2px; } </style>
</head> <body>
- CSS
- A simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.
- XHTML
- A family of current and future document types and modules that reproduce, subset, and extend HTML, reformulated in XML.
- XML
- A simple, very flexible text format derived from SGML.
</body> </html>
</source>
Add margin, padding and set color for DD
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen"> #divID dd { margin-left: 15px; padding-left: 15px; color: #999; background: url(img/dd_arrow.gif) no-repeat 0 2px; } </style>
</head> <body>
- CSS
- A simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.
- XHTML
- A family of current and future document types and modules that reproduce, subset, and extend HTML, reformulated in XML.
- XML
- A simple, very flexible text format derived from SGML.
</body> </html>
</source>
dl, dt and dd
<source lang="html4strict">
<html>
<head>
<title>Index Page</title>
</head>
<body>
- Headings
- <a href="">headings.htm</a>
- Text
- <a href="">text.htm</a>
- Unordered Lists
- <a href="">ulist.htm</a>
- Multi-level Lists
- <a href="">olist2.htm</a>
- Ordered Lists
- <a href="">olist.htm</a>
Now try adding a few items of your own to this list. </body> </html>
</source>