Till startsidan för Jonas Webresurs

Hur gör man en anfang?


På den här sidan får du lära dig några olika sätt att skriva anfanger. Jag visar varje förslag och berättar sedan hur man gör och vad som är bra eller dåligt med det.

1. Anfang med <FONT>

Detta är ett exempel på en anfang. Jag har använt mig av det kända elementet <FONT> och skapat ett enda tecken med storleken +3. På det viset skapas en stor bokstav i början av ordet. Fördelen är att det är lätt att göra. Till nackdelarna hör t.ex att det inte blir så snyggt och att radavståndet i stycket kan bli något deformerat.

METODEN KAN OCKSÅ ANVÄNDAS ihop med fet stil och kapitäler, som man skapar med stora bokstäver med lite mindre teckenstorlek. Jag tycker själv att det blir snyggare än om man bara använder en enskild anfang. Dock påverkas radavståndet i resten av stycket, som förut.

Koden:

<FONT size="+3"><B>M</B></FONT> +texten som utgör kapitälerna </small>

Det finns eventuellt ett sätt att komma runt det här med radavståndet och det är att använda stylesheets. Då använder man elementet <DIV> och lägger in följande stilmallstext i HEAD:

<META http-equiv="Content-Style-Type" content="text/css">
<STYLE type="text/css">
<!--

.radavstand { line-height: 14pt; }

-->
</STYLE>

Efter BODY-elementet lägger man sedan in texten <DIV class="radavstand"> och så avslutar man DIV-kommandot efter all text. Finessen med detta är att man då kan styra radavståndet i hela dokumentet. Dessvärre fungerar det inte i alla webbläsare. Man får också trixa lite med värdet så att radavståndet blir snyggt.

2. Anfang med GIF-bild

Här har jag använt mig av en lite GIF-bild, som jag lagt in i början på stycket. Fördelen med detta är att man kan variera sig i stil lite mer och ha med teckensnitt som inte är så vanliga. Här har jag använt mig av ett teckensnitt som heter "Capitals". Ytterligare en fördel är att anfangen blir nersänkt i texten, vilket blir snyggare.

Till nackdelarna hör bl.a att raderna gärna hamnar för långt ner efter anfangen. Som du ser bildas det ett avstånd mellan anfangen och raden strax under denna. Detta är mycket svårt att rätta till. Dessutom smiter raderna gärna ut till vänster om anfangen, i stället för tvärtom, som är brukligt. (Man skule i och för sig kunna dela in anfangen i två olika bilder och lägga delarna i var sin tabellkolumn, men det är ju extremt mycket jobb för så lite...)

Koden:

<IMG alt="T" src="bilden.gif" width="40" height="46" align="left">

MAN KAN GIVETVIS OCKSÅ använda enbart feta kapitäler för att skapa en snyggare inledning på ett stycke. På det viset slipper man (förhoppningsvis) knepiga radavstånd, men effekten blir ändå inte lika slående som en anfang.

Koden:

<small><B> KAPITÄLERNA SKRIVS HÄR </B></small>

3. Anfang med stilmall

Det finns även möjligheten att använda sig av diverse stilmallskommandon. Stilmallen kan läggas på en egen sida, men här har jag förutsatt att den ligger i HEAD. Du kan läsa mer om stilmallar på de särskilda skdirna om dem. Läs mer >

Koden:

<META http-equiv="Content-Style-Type" content="text/css">
<STYLE type="text/css">
<!--

.radavstand { line-height: 14pt; }

.anfang { color: #000099; font-size: 36pt; }

-->
</STYLE>

Inställningarna anropas med kommandona:

<DIV class="radavstand"> (för radavståndet)
<SPAN class="anfang">T</SPAN> (för anfangen)

Därefter skrivs resten av texten i stycket precis som vanligt. Även detta fungerar dåligt på flera webbläsare och är därför en ytterst tveksam metod att använda. Som du ser fungerar inte heller texten som en "riktig" anfang, där anfangen är nersänkt.


Den här sidan är en del av Jonas Webresurs - www.jonasweb.nu - copyright © 1998-2011