Om du är ny för webbdesign och front-end-utveckling (HTML, CSS, Javascript), kan du välja att komma igång med en WYSIWYG-editor. Denna akronym står för "vad du ser är vad du får" och det refererar i grunden till programvara som låter dig skapa en webbsida med visuella verktyg medan programvaran skriver någon kod bakom kulisserna baserat på vad du skapar. Det mest populära WYSIWYG-verktyget är förmodligen Adobe's Dreamweaver.
Dreamweaver är ett bra alternativ för dem som bara kommer igång
Medan många erfarna webbprofessorer med mer raffinerade färdigheter ser ner på Dreamweaver och dess tendens att producera uppblåst HTML-markup och CSS-stilar, är den enkla sanningen att plattformen fortfarande är ett bra alternativ för dem som precis börjat med webbdesign. När du börjar använda Dreamweavers "designvy" -alternativ för att bygga en webbsida, är en av de frågor du sannolikt har, hur du skapar en enda radbrytning för innehåll i den vyn.
När du lägger till HTML-text på en webbsida, visar webbläsaren den texten som en lång rad tills den når kanten av webbläsarfönstret eller dess behållarelement. Vid den tiden kommer texten att gå till nästa rad. Detta liknar vad som händer i någon textbehandlingsprogram, som Microsoft Word eller Google Docs. När en textrad inte har mer utrymme på en vågrät linje, kommer den att linda in för att starta en annan linje. Så vad händer om du vill diktera var raden bryts?
När du trycker på ENTER -tangenten i Dreamweavers designvyn stängs den aktuella stycket och en ny paragraf startar. Visuellt betyder det att de två linjerna är åtskilda med lite vertikal avstånd. Detta beror på att HTML-stycken som standard innehåller vadderingar eller marginaler (vilken beror på webbläsaren själv) som används i nedre delen av stycket som lägger till det mellanrummet.
Detta kan justeras med CSS, men sanningen är att du vill att det ska finnas avstånd mellan stycken för att tillåta webbplatsläsbarhet. Om du vill ha en enda linje och inget brett vertikalt mellanrum mellan linjer, vill du inte använda ENTER -tangenten eftersom du inte vill att de här linjerna ska vara enskilda stycken.
För dessa tider när du inte vill att en ny paragraf ska börja, skulle du lägga till
tagg i HTML. Detta är också ibland skrivet som
. specifikt för versioner av XHTML som krävde att alla element ska stängas. Bakgrunden / i den syntaxen stänger själv elementet sedan
taggen har inte egen stängningskod. Det här är bra och bra, men du arbetar i Design View i Dreamweaver. Du kanske inte vill hoppa in i koden och lägga till dessa raster. Det är bra, för du kan faktiskt lägga till en radbrytning i Dreamweaver utan att tillgripa kodvisning.
Lägg till en radbrytning i Dreamweavers designvy:
- Placera markören där du vill att den nya raden ska börja.
- Håll ner skiftnyckel och tryck på Stiga på.
Det är allt! Det enkla tillägget av "shift" -knappen tillsammans med ENTER lägger till en
istället för en ny paragraf. Så nu du vet hur det här är, bör du överväga var du ska använda den och var du ska undvika. Kom ihåg att HTML är avsett att skapa en webbplatss struktur, inte det visuella utseendet. Du ska inte använda flera
taggar för att skapa vertikalt mellanrum under elementen i din design.
Det är vad CSS egenskaper för vaddering och marginal är för. Där skulle du använda en
taggen är när du behöver bara en radbrytning. Om du till exempel kodar en adress och du har bestämt dig för att använda ett stycke kan du lägga till
taggar så här:
Företagsnamn Denna kod för adressen är en enda punkt, men visuellt skulle den visa de tre raderna på enskilda linjer med ett litet mellanslag mellan dem.
Adresslinje
Stad, Stat, Postnummer
