Hvis du er ny for webdesign og frontend-utvikling (HTML, CSS, Javascript), kan du velge å komme i gang med en WYSIWYG-editor. Dette akronymet står for "hva du ser er det du får" og det refererer i utgangspunktet til programvare som lar deg lage en nettside ved hjelp av visuelle verktøy, mens programvaren skriver noen kode bak kulissene basert på hva du oppretter. Det mest populære WYSIWYG-verktøyet er muligens Adobe's Dreamweaver.
Dreamweaver er et godt alternativ for dem som bare kommer i gang
Mens mange erfarne webprofessorer med mer raffinerte ferdigheter ser ned på Dreamweaver og dens tendens til å produsere oppblåst HTML-markup og CSS-stiler, er den enkle sannheten at plattformen fortsatt er et godt alternativ for de som bare begynner med webdesign. Når du begynner å bruke Dreamweaver's "design view" -alternativ for å bygge en nettside, er et av spørsmålene du sannsynligvis vil ha, hvordan du lager en enkelt linjeskift for innhold i den visningen.
Når du legger til HTML-tekst på en nettside, viser nettleseren den teksten som en lang linje til den når kanten av nettleservinduet eller dets beholderelement. På det tidspunktet vil teksten vikle seg til neste linje. Dette ligner på hva som skjer i noen tekstbehandlingsprogramvare, som Microsoft Word eller Google Docs. Når en tekstlinje ikke har mer plass på en horisontal linje, vil den pakke inn for å starte en annen linje. Så hva skjer hvis du vil diktere hvor en linje går i stykker?
Når du trykker på ENTER -tasten i Dreamweavers designvisning, er det nåværende avsnittet lukket og et nytt avsnitt starter. Visuelt vil dette bety at disse to linjene er adskilt med litt vertikal avstand. Dette skyldes at HTML-avsnittene som standard inneholder polstring eller marginer (som avhenger av selve nettleseren) som brukes i bunnen av avsnittet som legger til avstanden.
Dette kan justeres med CSS, men sannheten er at du vil at det skal være mellomrom mellom avsnitt for å tillate lesbarhet på nettstedet. Hvis du vil ha en enkelt linje og ingen bred vertikal avstand mellom linjer, vil du ikke bruke ENTER -tasten fordi du ikke vil at disse linjene skal være individuelle avsnitt.
For disse tider når du ikke vil at et nytt avsnitt skal begynne, vil du legge til
tag i HTML. Dette er også noen ganger skrevet som
. spesielt for versjoner av XHTML som krevde at alle elementene skulle lukkes. Den etterfølgende / i den syntaksen selvstenger elementet siden
tag har ikke egen lukkekode. Dette er alt bra og bra, men du jobber i Design View i Dreamweaver. Du vil kanskje ikke hoppe inn i koden og legge til disse pausene. Det er greit, for du kan faktisk legge til en linjeskift i Dreamweaver uten å ty til kodevisning.
Legg til en linjeskift i Dreamweavers designvisning:
- Plasser markøren der du vil at den nye linjen skal starte.
- Hold nede skift nøkkel og trykk Tast inn.
Det er det! Det enkle tillegget til "skift" -tasten sammen med ENTER vil legge til en
i stedet for et nytt avsnitt. Så nå som du vet hvordan dette er, bør du vurdere hvor du skal bruke den og hvor du skal unngå den. Husk, HTML er ment å skape strukturen til et nettsted, ikke det visuelle utseendet. Du bør ikke bruke flere
koder for å lage vertikalt avstand under elementene i designet.
Det er hva CSS egenskaper for polstring og marginer er for. Hvor du vil bruke en
Etikett er når du trenger trenger bare linjeskiftet. Hvis du for eksempel koder en postadresse, og du har bestemt deg for å bruke et avsnitt, kan du legge til
merker som dette:
selskapsnavn Denne koden for adressen er et enkelt avsnitt, men visuelt vil det vise de tre linjene på enkelte linjer med et lite mellomrom mellom dem.
Adresselinje
By stat postnummer
