Facit till kursen

Svar till frågorna i Lektion 1

  1. Du behöver egentligen bara två märken, <HTML> och <BODY>. <HTML> talar om för servern att dokumentet ska tolkas som HTML-kod, och <BODY> omsluter texten som ska visas på webbsidan.
  2. En <HTML>-fil har ändelsen .htm eller .html.
  3. Nej, men tilde, bindestreck och punkt är OK.
  4. Du använder märket <FONT> och attributen FACE, SIZE och COLOR på följande sätt <FONT FACE="AvantGarde BT" SIZE="5" COLOR="blue">
  5. Marginaljustering görs med styckemärket <P>:
    <P ALIGN="justify">
  6. Skriv 10<SUP>2</SUP>

Svar till frågorna i Lektion 2

  1. Märket <IMG> används tillsammans med ett antal attribut för att sätta in bilder på en webbsida.
  2. Använd attributet LOWSRC.
  3. VSPACE och HSPACE anger avstånd till omgivande text (vertikalt och horisontellt).
  4. Attributet ALIGN kan anta värdena: LEFT, RIGHT, TOP, MIDDLE och BOTTOM. IE 4.0 tar ytterligare värden.
  5. Nej. ALIGN kan bara anta ett värde åt gången.
  6. WIDTH och HEIGHT anges för att övriga element på en sida ska läsas in snabbare, och för att sidan ska behålla sin utformning även om webbläsaren inte hanterar bilder eller om användaren valt att inte visa bilder.

Svar till frågorna i Lektion 3

  1. Märket <A> och </A> definierar ett aktivt område.
  2. <A HREF="sida2.html# TARGET="_new"> anger att den refererade sidan ska öppnas i ett nytt fönster.
  3. Ange koden <A HREF="film_tv.html#Brassed_off">.
  4. Färgen på en ej besökt textlänk bestäms av <BODY LINK="#000000">.
  5. Ange länken som <A HREF="klanen.html"><IMG SRC="klanbild.gif" BORDER="0"></A>.
  6. Definierar den runda aktiva ytan som <AREA SHAPE="circle" COORDS="320,200,150" HREF="sida2.html>.
  7. <IMG SRC="bem_skriv.jpg" USEMAP="#bild" BORDER="0">.

Svar till frågorna i Lektion 4

  1. Det finns tre typer av listor som huvudsakligen används: oordnad lista, ordnad lista och dispositionslista. Objekt i oordnade listor föregås av en punkt, fyrkant eller cirkel. Ordnade listor kan numreras (alfabetiskt, romersk eller siffror), och dispositionslistan består av en term och definition.
  2. Här följer en numrerad lista med fem poster: 
     
   <OL TYPE="I">
     <LI>Rad 1
     <LI>Rad 2
     <LI>Rad 3
     <LI>Rad 4
     <LI>Rad 5
   </OL>
  3. Om du vill att Rad 4 och framåt ska numreras med siffror skriver du: 
     
   <OL TYPE="I">
     <LI>Rad 1
     <LI>Rad 2
     <LI>Rad 3
     <LI TYPE="1">Rad 4
     <LI>Rad 5
   </OL>
  4. Definiera en oordnad lista med fyrkanter så här: 
     
   <UL TYPE="square">
     <LI>Rad 1
     <LI>Rad 2
     <LI>Rad 3
     <LI>Rad 4
     <LI>Rad 5
   </UL>
  5. Här följer en lista med tre objekt, som har bilden lila-punkt.gif som inledande punkt: 
     
   <DL>
     <DT><IMG SRC="lila-punkt.gif"> Rad 1
     <DT><IMG SRC="lila-punkt.gif"> Rad 2
     <DT><IMG SRC="lila-punkt.gif"> Rad 3
   </DL>
  6. Här är en ordnad lista med två oordnade listor som listobjekt: 
     
   <OL>
     <LI>
        <UL>
          <LI>Rad 1
          <LI>Rad 2
        </UL>
     <LI>
        <UL>
          <LI>Rad 1
          <LI>Rad 2
        </UL>
   </OL>

Svar till frågorna i Lektion 5

  1. För att skapa en tabell måste man använda <TABLE>, <TR> och <TD> tillsammans med respektive avslutningsmärken.
  2. Det är viktigt att avsluta alla tabellmärken eftersom vissa webbläsare annars inte kan tolka koden. Dessutom är det nödvändigt om man tänker sig att ha tabeller i andra tabeller.
  3. Så här ser en treraders, fyrakolumns tabell ut: 
     
     <TABLE>
      <CAPTION>Tabellnamn</CAPTION>
      <TR>
       <TD>Cell 1</TD>
       <TD>Cell 2</TD>
       <TD>Cell 3</TD>
       <TD>Cell 4</TD>
      </TR>
      <TR>
       <TD>Cell 5</TD>
       <TD>Cell 6</TD>
       <TD>Cell 7</TD>
       <TD>Cell 8</TD>
      </TR>
      <TR>
       <TD>Cell 9</TD>
       <TD>Cell 10</TD>
       <TD>Cell 11</TD>
       <TD>Cell 12</TD>
      </TR>
     </TABLE>
  4. Så här definierar du en blå bakgrund och en cell som har bilden star.gif som bakgrundsbild: 
     
     <TABLE BGCOLOR="blue">
      <TR>
       <TD BACKGROUND="star.gif">Cell 1</TD>
      </TR>
     </TABLE>
  5. Den här cellens innehåll är centrerat och justerat mot övre kanten: 
     
     <TD ALIGN="center" VALIGN="top">Cell 1</TD>
  6. Här är definitionen till tabellen på bilden: 
     
    <TABLE BORDER="1">
     <TR>
      <TD ROWSPAN="4">Cell 1</TD>
      <TD COLSPAN="2" ALIGN="center">Cell 2</TD>
     </TR>
     <TR>
      <TD>Cell 3</TD>
      <TD>Cell 4</TD>
     </TR>
     <TR>
      <TD>Cell 5</TD>
      <TD>Cell 6</TD>
     </TR>
     <TR>
      <TD>Cell 7</TD>
      <TD>Cell 8</TD>
     </TR>
    </TABLE>

Senast uppdaterad 99-11-20