Námsefnisgerð í HTML | Um | SOS | Nemendur | Hól | Tilvísanir | Skipanir | Lexíur | fyrri | næsta |

19. Strik í reikninginn

Ruglaður? Þetta er bara ein aðferð til að búa til flottar

skiptingar á milli skjalhluta.

Markmið

Eftir þessa lexíu átt þú að kunna að:

Lexía

Athugaðu: Við ætlum ekki að breyta vefsíðunum okkar í þessari lexíu -- svo þú skalt bara lesa textann og síðan ákveða hvort þú vilt gera tilraunir með þetta. Þú vilt ef til vill kíkja fyrst á prufusíðu til að athuga hvort vefskoðarinn þinn skilur skipanirnar í þesari lexíu.

Fyrstu viðbætur frá Netscape buðu upp á sniðeigindi fyrir strik- eða <hr> skipunina (e. Horizontal Rule) -- sjá lexíu 4). Netscape vefskoðarar sýna sjálfgefið strik í þrívídd (með dýpt) og skugga frekar en heilt strik eins og hafði verið í vefskoðurum áður.

Línuþykkt

Fyrsta eigindið gefur mismunandi þykkt af striki ef notuð er þessi uppsetning: 
  <hr size=N>
þar sem N er þykkt línunnar í pixelum. Við skulum skoða nokkur dæmi sem skýra muninn á þessu.

dæmi um vefsíðu
<hr size=2> sama og <hr> :

<hr size=8> :

<hr size=20> :

Línulengd

Næsta eigindi <hr> skipunarinnar stýrir lengd striksins yfir skjáinn -- það þarf ekki að ná alla leið. Þetta er gert svona: 
  <hr width=X>
  <hr width=Z%>
þar sem X er fjöldi pixela en Z er prósentuhlutfall af skjánum. Við mælum venjulega með því að prósentan sé notuð, því hún stillir lengd striksins sjálfkrafa í hlutfall af vefskoðaraglugganum sem notandinn hefur (það er til fólk sem er með tveggja síðna hálausnarskjái á meðan aðrir eru að rýna í 13 tommu skjái).

Hér eru nokkur dæmi (taktu eftir hvernig við notum „size“ eigindið líka):

dæmi um vefsíðu
<hr width=80 size=10> :

<hr width=80% size=10> :

ATHUGAÐU: Prófaðu að stækka og minnka vefskoðaragluggann og sjáðu muninn á hegðun strikanna eftir því hvort þau eru skilgreind sem fastur fjöldi pixela (width=80) eða þegar þau eru skilgreind sem prósentur af skjábreidd (width=80%)
dæmi um vefsíðu

<hr width=40% size=10> :

<hr width=5% size=10> :

Fylling

Að lokum geta komið upp þau tilfelli þegar þú vilt ekki þrívíddarstrikin í <hr> skipuninni. Það er einfaldlega gert með:

dæmi um vefsíðu
<hr width=80% size=6 noshade> :

<hr width=60% size=1 noshade> :

Upprifjun

Upprifjunarefni fyrir þessa lexíu:
  1. Hvernig breytir maður breidd á striki?
  2. Hvernig breytir maður lengd striks?
  3. Hvaða áhrif hefur noshade eigindið innan <hr> skipunarinnar?

Æfing

Gerðu tilraunir með sum eigindi <hr> skipunarinnar í vefsíðununum þínum.

Næst á dagskrá....

Það er til vinstri ... nei! til hægri... nei! í miðju...
FARA Á.... | Efnisyfirlit | síðasta: „Textinn pússaður“ | næsta: „Raðað upp á nýtt“ |

Námsefnisgerð í HTML: Lexía 19: Strik í reikninginn
©1994 - 2000 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

Tengiliður MCLI er Alan Levine
Sendu athugasemdir til alan.levine@domail.maricopa.edu
eða gaui@mmedia.is

URL: http://www.vma.is/tut/tut19.html
Þýtt með leyfi höfundar