gushelom.ru

Så här infogar du mellanslag i HTML

När du sammanställer koden, ignoreras alla symboler som är relaterade till textavstånd, som skrivs in med mellanslagstangenten, tabulatorn eller enter-tangenten, fullständigt av kompilatorn eller programvaran som används. HTML-språket tolkar dem helt enkelt som tomma mellanslag mellan orden som utgör texten, och ger dem och visar dem exakt som de visas, dvs enskilda ämnen. Även om CSS-stilark tillåter dig att använda en mer exakt stil och sidlayout relaterad till textavstånd och inryckning, har HTML flera verktyg för att anpassa dessa aspekter.

Del 1

Infoga platser och enskilda flikar
Bild med rubriken Infoga platser i HTML steg 1
1
Sätt in en förenande rymden. Normalt komprimerar HTML-språk flera mellanslag i ett enda tecken. Skrivar koden-o &# 160-vi skapar ett tomt utrymme som alltid kommer att visas på skärmen. Upprepa denna kod flera gånger för att skapa en större sträng av ämnen. Detta är ett exempel på vad som kallas "karaktärsenhet": en kod som refererar till ett tecken eller en symbol som inte kan skrivas direkt via datorns tangentbord.
  • Denna speciella karaktär heter "förenande rymden" eftersom det inte indikerar slutet av linjen och förhindrar den resulterande vagnens retur. Om du använder denna symbol för mycket skulle webbläsare ha svårt att införa avbrott korrekt i slutet av textrader i ett försök att göra det ordentligt och läsbart.
  • Bild med rubriken Infoga platser i HTML-steg 2
    2
    Sätt in ämnen av olika längder. Det finns andra specialtecken (karaktärsenheter) som kan berätta att webbläsaren visar ett tomt utrymme. Däremot kan olika webbläsare tolka dessa enheter något annorlunda, men till skillnad från koden - i det här fallet bör de inte påverka radbrytningar:
  • &ensp-: tar namnet från blocket "N" av tryckpressar. den utsträckning "sv" Infogar ett tomt utrymme med ungefär två tecken.
  • &emsp-: enheten "em" infogar ett mellanslag på ungefär fyra tecken.
  • Bild med rubriken Infoga platser i HTML-steg 3
    3
    Simulerar tabuleringarna med hjälp av den enhetliga rymdkaraktärsenheten. Om du behöver garantera en fast indryckning av texten, och för att göra det kan du bara använda HTML-kod. Det bästa alternativet är att använda de olika karaktärsenheterna som är relaterade till avståndet: - - - -. Men begränsad till att använda denna metod endast som en sista utväg. Se nästa steg om du har förmåga att använda CSS stilark: överväga den mest eleganta lösningen att anta i dessa fall. Alternativt läs avsnittet om hantering av stora stycken text med standard HTML. [Bild: Infoga platser i HTML-steg 5.jpg | center]]
  • Det finns ett tecken som genererar samma resultat som erhålls genom att trycka på knappen (&# 09-), men det är normalt inte användbart. Standard HTML-koden använder inte flikplatser, så motsvarande tecken utför inte någon funktion.
  • Bildnamn Infoga rum i HTML steg 4
    4
    Ange texten med hjälp av CSS stilark. Egenskaperna "stoppning" och "marginal" CSS ger webbläsaren exakta instruktioner om hur man visar innehållet, så det erhållna resultatet är mycket mer konsekvent. Även om du inte är bekant med CSS och du inte har ett stilark, är det inte svårt att implementera en lösning med dessa verktyg:
  • Inom avsnittet som bifogas taggarna av ditt HTML-dokument, ange koden

    "p.indent" definierar en typ av stycke (p tag) ciamato "indragen" (du kan använda vilket namn som helst). Resten av koden lägger till vitt utrymme till vänster om dessa stycken.
  • Gå nu tillbaka till kroppen i ditt HTML-dokument. När du vill ange ett stycke anger du koden mellan dessa taggar.
  • För att definiera rätt mängd indryckning, redigera numret "1,8" inom CSS-koden. Håll det "em" efter numret, vilket är längden i förhållande till storleken på tecknet som används.
  • Del 2

    Formatera stora delar av texten
    Bildnamn Infoga rum i HTML steg 5
    1
    Använd förformaterad text. Eventuella texter som ingår i taggarna
     Den ska visas på skärmen precis som du skriver. Varje tecken som skrivs in genom att trycka på mellanslagstangenten eller enter-tangenten ska visas exakt som i någon textredigerare. Du kan använda den här lösningen för att visa provkod, dikter eller någon annan typ av text som är viktigt för att respektera originallinjeavstånd, inriktning och radbrytningar.
    • Förformaterad text kan använda en annan typ och storlek än normalt.
  • Bildnamn Infoga rum i HTML steg 5
    2
    Skapa linjepauser. HTML-taggen berättar för webbläsaren att den nuvarande textraden är klar. Med flera taggar kan du skapa sektioner av text som bara består av tomma rader. Detta är ett acceptabelt tillvägagångssätt om du är nybörjare med hjälp av HTML, men det är en diskret lösning som inte ska användas efter att du lärde dig att använda CSS stilark.
  • Bildrubriken Infoga platser i HTML-steg 7
    3
    Definiera dina textparagraf med hjälp av taggar "p". Taggarna indikerar till webbläsaren att texten inuti dem ska hanteras som en enda paragraf. De flesta webbläsare skiljer varje stycke genom att infoga en tom textrad, men det går inte att använda en exakt stil.
  • tips

    • Om du, under kontrollen av det visuella utseendet som genereras av din HTML-kod, inser att det finns utomordentliga symboler, kontrollera att du inte har skrivit in partikoder eller helt utelämnat dem. Du kan till exempel ha använt taggen
      .
    • CSS stilark är ett mycket kraftfullare och flexibelt verktyg för hantering av webbsidans visuella utseende, inklusive textavstånd och formatering.
    • Undvik att införa ämnen direkt efter en öppnings tagg eller före en slutgiltig etikett. Till exempel, använd handledningskoden på avstånd och inte handledning på  avstånd .

    varningar

    • Skapa alltid din egen HTML med hjälp av en speciell programmeringsredigerare eller en enkel textfil. Använd aldrig textredigerare, till exempel Word eller Writer. När, inom webbläsaren, de ämnen du har angett i koden representeras av konstiga symboler betyder det att du med stor sannolikhet har använt en textredigerare som har lagt till ytterligare information om formateringen av texten. Denna information är inte lämplig för visning online.
    Dela på sociala nätverk:

    Relaterade
    Så här anpassar du element i HTMLSå här anpassar du element i HTML
    Så här byter du textfärg till HTMLSå här byter du textfärg till HTML
    Så här centrerar du text i HTMLSå här centrerar du text i HTML
    Så här tilldelar du en titel till profilen för din Tumblr-profilSå här tilldelar du en titel till profilen för din Tumblr-profil
    Hur man skapar HTML-formulärHur man skapar HTML-formulär
    Så här skapar du en hyperlänk i HTMLSå här skapar du en hyperlänk i HTML
    Så här skapar du ett stilark (CSS)Så här skapar du ett stilark (CSS)
    Så här skapar du ett enkelt CSS-stilark med anteckningsblockSå här skapar du ett enkelt CSS-stilark med anteckningsblock
    Så här lägger du till en jаvascript på din webbplats Använd HTML-kodenSå här lägger du till en jаvascript på din webbplats Använd HTML-koden
    Så här lägger du till en länk till en bildSå här lägger du till en länk till en bild
    » » Så här infogar du mellanslag i HTML

    © 2011—2021 gushelom.ru