PEERSWEDEN - XHTMLkurs 'Logisk kontra fysisk formatering' - Facit

Uppgiften i avsnitt begrepp kan lösas med följande XHTML-kod:


				<?xml version="1.0"?>

				<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

				"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

				<html xmlns="http://www.w3.org/1999/xhtml"
				charset="iso-8859-1">

				    <head>

				        <title>Attribut uppgift</title>

				        <style>

				            /* Bakgrunden (pappret) ska vara grå */

				            body { background: silver; }

				            /* Center ID för centrerat element */

				            #center { text-align: center; }

				            /* Class h1 för p-element */

				            p.h1 {

				                color: #00f;         /* fungerar inte i löpande XHTML

				                                          (använd #0000ff) */

				                font-size: x-large;

				                font-weight: bold;

				                text-align: center;

				            }

				        </style>

				    </head>

				    <body>

				        <p class=h1>PEERSWEDEN</p>

				        <p id=center>är en förening för

				        samverkande auktoriserade konsultföretag inom dataområdet.</p>

				    </body>

				</html>

Visas som:

PEERSWEDEN

är en förening för samverkande auktoriserade konsultföretag inom dataområdet.

Uppgiften i avsnitt LOGISKA INLINE-element kan lösas med följande XHTML-kod:


				<?xml version="1.0"?>

				<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

				"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

				<html xmlns="http://www.w3.org/1999/xhtml"
				charset="iso-8859-1">

				    <head>

				        <title>Känt citat</title>

				    </head>

				    <body>

				        <p><b>Kunskap är inte allt här i världen</b></p>

				        <cite title="Albert Einstein (1879-1955)" lang="en" xml:lang="en">

				            Imagination is more important than knowledge.<br/>

				            Knowledge is limited. Imagination encircles the world.

				        </cite>

				        <p>Vem sa detta?</p>

				    </body>

				</html>

Visas som:

Kunskap är inte allt här i världen

Imagination is more important than knowledge.
Knowledge is limited. Imagination encircles the world.

Vem sa detta?

Uppgiften i avsnitt BLOCKELEMENT kan lösas med följande XHTML-kod:


				<?xml version="1.0"?>

				<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

				"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

				<html xmlns="http://www.w3.org/1999/xhtml"
				charset="iso-8859-1">

				    <head>

				        <title>F&Auml;RGBOLAGET STOP & GO AB</title>

				    </head>

				    <body>

                        <div style="width:400; background-color: #ffc">

                            <div>

				                <p align="center">F&Auml;RGBOLAGET STOP & GO AB</p>

				            </div>

				            <div style="width:100; float:left; background-color: #6cf">

				                V&auml;nster spalt

				                <p>&nbsp;</p>

				            </div>

				            <div style="width:100; float:right; background-color:#39F">

				                <p align="right">H&ouml;ger spalt</p>

				                <p>&nbsp;</p>

				            </div>

				            <div style="background-color: #9cf">

				                <p align="center">Mittf&aring;ran</p>

				                <p>&nbsp;</p>

				            </div>

				        </div>

				    </body>

				</html>

Visas som:
FÄRGBOLAGET STOP & GO
Vänster spalt	Mittfåran	Höger spalt