Lektion 4

Som ni kanske vet redan så fungerar alla browsers lika men dom har alla olika sätt att tolka koderna. I en browser ser din hemsida jättebra ut men i nån annan så ser det bara konstigt ut. Vi ska titta på dom logiska och dom fysiska taggarna. En fysik formattagg ger en direkt order om hur texten ska formateras. Om den ska vara på ett speciellt sätt, fet eller kursiv så försöker browsern utföra ordern men alla browsar vet inte eller kan inte utföra ordern som du vill. En läsare kanske tycker att den ska vara fet, en annan att den ska vara fet och kursiv. Den tredje skriver texten bara som kursiv. Störst problem brukar dom textbaserade läsare ha.

En logisk formtagg låter läsaren bestämma hur det ska se ut. Alla läsare utför en logisk tagg men på sitt sätt och det ser kanske inte ut som du vill, men läsaren har bara gjort det bästa av situationen.

Vi ska titta på taggen STRONG. <STRONG> och </STRONG>. När koden STRONG kommer så ska texten framhävas starkt och dom flesta läsarna (samma ord som Browser) skriver den som fet. Öppna index.txt ochskriv in följande kod på dessa ställen. så här ska det se ut.

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H2>Min egen hemsida</H2>
Hej och välkommen till min första hemsida. Jag har gjort den här sidan i HTML-skolan och jag tycker den är <STRONG>jättefin</STRONG>. Jag kan nu skriva rubriker och jag kan skriva dom med olika storlekar.
<P>
Jag har <STRONG>tyvärr</STRONG> inte lärt mig att ändra färg på texten eller ändra bakrundsfärgen men jag hoppas att vi kommer dit snart. Men det är ju bara än så länge 3:dje lektionen så jag får väl vänta eller <STRONG>smygtitta</STRONG> på nästa lektion.</P>
</BODY>
</HTML>

Titta på övningssidan så ser ni hur det ska se ut. Lektion 4 ovn1. Nästa kod som vi ska lära oss är VAR. <VAR> och </VAR>. va använder man sig av när man vill visa en variabel. Om du vill visa en matematisk formel så kan du använda VAR för att avskilja en bokstav så att det syns att det är en variabel. Jag tänkte inte att ni skulle behöva men den som orkar får gärna prova. Nästa kod är CITE och skrivs <CITE> </CITE>. Den ska du använda när du vill skriva ett citat. BLOCKQUOTE kan också användas före ett citat men den uppför sig lite annorlunda än CITAT. Vi lägger till följande text i index.txt. En elev sa efter dom första lektionerna " Det här är ju jättelätt" skriv den i slutet av första stycket. Skriv: Läraren säger idag att. När ni är klara här så kan ni söka jobb som webbkodare hos passagen. Alla elever log och drömde om dom stora pengarna. som ett eget stycke.

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
<H2>Min egen hemsida</H2>
Hej och välkommen till min första hemsida. Jag har gjort den här sidan i HTML-skolan och jag tycker den är <STRONG>jättefin</STRONG>. Jag kan nu skriva rubriker och jag kan skriva dom med olika storlekar. En elev sa efter dom första lektionerna <CITAT>"Det här är ju jättelätt"</CITAT>
<P>
Jag har <STRONG>tyvärr</STRONG> inte lärt mig att ändra färg på texten eller ändra bakrundsfärgen men jag hoppas att vi kommer dit snart. Men det är ju bara än så länge 3:dje lektionen så jag får väl vänta eller <STRONG>smygtitta</STRONG> på nästa lektion.
<P>
Läraren säger idag att.<BLOCKQUOTE>När ni är klara här så kan ni söka jobb som webbkodare hos passagen.</BLOCKQUOTE> Alla elever log och drömde om dom stora pengarna</P>
</BODY>
</HTML>

Lektion 4 ovn2. Och till sist kanske det viktigaste, din E-mail eller Epost som det också kan heta. Taggen heter givetvis ADRESS Den ger en kursiverad stil typ den här.<ADRESS> jag@bortom.skogen</ADRESS> är det du ska skriva i dokumentet. Ni behöver inte prova för vi kommer att använda oss av en annan metod för Epost. Det ska vi prata om i en annan lektion.

Vi har några taggar kvar som tillhör dom fysiska taggarna. Det är DFN, SAMP, KDB, CODE och EM. Dom förklarar jag i HTMLkod-sidan då dom inte används så mycket, men är bra att kunna.

 

Vi ska titta på dom fysiska taggarna. B som gör texten fet och I som ger en kursiv text. Detta ska inte jämföras med STRONG och EM. PRE betyder förformaterad och den visar den igentliga texten som du har skrivit. Datorn accepterar bara ett mellanslag mellan orden i htmltexten men och du sätter dit koden PRE så ser du alla mellanslag. Öppna en ny txt och döp den till pre.txt. skriv följande. 1 mellanslag, 5     mellanslag, 10           mellanslag mellan sifrorna och ordet mellanslag. 

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
1 mellanslag, 5      mellanslag, 10           mellanslag mellan siffrorna och ordet mellanslag.
<PRE>
1 mellanslag, 5     mellanslag, 10           mellanslag mellan siffrorna och ordet mellanslag.</PRE>
</BODY>
</HTML>

Lektion 4 ovn 3. Börjar ni bli trötta nu? Okej bara en tagg till annars så stämmer inte min planering angående lektionerna. Sjyst! Den här är jättelätt. TT heter den och betyder Typewriter text. Den gör så att texten ser ut som om att den är maskinskriven. Men den gör att texten blir svår att läsa så vi skippar den va? okej, vi slutar för idag och ni som orkar kan ju leka lite med det vi har lärt oss, Kanske göra om vår överskrift till nåt roligare. Vid det här laget så har ni nog lite frågor om det vi gjort. Jag kommer att sätta upp ett forum så att era frågor och mina svar (förhoppningsvis) ska finnas tillgängligt för alla. Titta gärna där innan ni frågar.

OBS
Det finns inga dumma frågor utan bara dumma svar!!!!!

Förra kapitlet   Till hemsidan   nästa kapitel

Last time i update this page was 31 aug 1998

Innehållet i denna bok på nätet får varken helt eller delvis kopieras eller lagra på maskinläsbart medium eller annat utan upphovsrättsinnehavarens skriftliga tillstånd.
Copyright:    © Jan Boström 1998          html-skolan@kurir.net