Kaip įterpti tarpus į HTML

Autorius: Monica Porter
Kūrybos Data: 22 Kovas 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
HTML/CSS Pagrindai #01 - Įžanga
Video.: HTML/CSS Pagrindai #01 - Įžanga

Turinys

Daugybė tarpų, paprastai sukurtų naudojant tarpus, tabuliavimo klavišus ir enter klavišus, žiniatinklio programavimo kalbose ignoruojami. HTML juos visus apibrėžia kaip įprastus tarpus tarp žodžių ir rodo tik vieną tarpą. Nors CSS leidžia vartotojams nustatyti daugiau informacijos apie tarpą ir lygiavimą, HTML neturi kai kurių integruotų įrankių, skirtų jūsų tarpams pritaikyti.

Žingsniai

1 metodas iš 2: įterpkite tarpus ir pavienius skirtukus

  1. Įterpimo tarpai nėra sulaužyti. Paprastai HTML tarp žodžių rodys tik vieną tarpą, nesvarbu, kiek kartų paspaudėte tarpo klavišą. Norėdami rodyti kelis gretimus tarpus, įveskite arba. Šis kodas sukurs specialų simbolį, vadinamą „nepertraukiamąja vieta“, ir jis visada rodomas.
    • Ankstesnis simbolis vadinamas „nesunaikinama erdve“, nes neleidžia linijų pertraukoms būti vietoje. Jei persistengsite su šiuo simboliu, naršyklei bus sunku tvarkingai ir vertikaliai įterpti eilučių pertraukas.

  2. Įterpkite skirtingo pločio tarpus. Yra keletas kitų objektų simbolių, kuriems naršyklėje reikia rodyti tarpą. Šių erdvių rodymas skirtingose ​​naršyklėse yra šiek tiek kitoks, tačiau, skirtingai nei šie kodai, eilutės pertrauka neturės įtakos:
    • - pavadintas spausdintuvo (matavimo vieneto) „N“ erdve, tarpas „en“ yra dvigubai platesnis nei įprasta.
    • - „em“ tarpas, maždaug lygus keturiems tarpams.

  3. Imituoja skirtuką, kuriame yra daug nesugriaunančios vietos. Norėdami įtraukti pastraipas, galite nuosekliai įterpti nesunaikinamus tarpus: Tai yra vienintelis sprendimas, jei naudojate tik HTML, bet jei naudojate CSS (aprašytą atskirai toliau pateiktame žingsnyje), jis bus trumpesnis.
    • Jei tekstas pateikiamas sudėtingai, naudokite išankstinę žymą.

  4. Suderinkite pastraipas su CSS. CSS savybės „paraštė“ ir „užpildymas“ pateikia instrukcijas tiesiai naršyklei, todėl rodomi rezultatai bus nuoseklesni. Šį metodą nėra sunku įgyvendinti, nebent nieko nežinote apie CSS ir jūsų puslapyje nėra stiliaus lapo. Štai pavyzdys, kaip perkelti visą pastraipą į dešinę paraštę:
    • Skyriuje HTML dokumento, įterpkite šį kodą:

      kur: "p.indent" apibrėžia teksto (p tag) pavadinimo "įtrauka" atributą (galite naudoti kitą pavadinimą). Likusioje dalyje kairėje pastraipos pusėje pridedama tarpo „užpildymas“ funkcija.
    • Dabar grįžkime prie HTML dokumento turinio. Bet kada norite įtraukti pastraipą (šiame pavyzdyje vis tiek „įtrauka“), įdėkite pastraipą į šį kodą:

    • Norėdami sulyginti įtraukos tarpą, CSS kode pakeiskite skaičių „1,8“. Laikykite „em“ už, nes tai yra ilgio vienetas, susietas su šrifto dydžiu.
    skelbimas

2 metodas iš 2: nustatykite ilgesnius tarpus

  1. Naudokite iš anksto suformatuotas žymas. Betkoks raktas vietos Gerai ↵ Įveskite yra įrašytas į kortelę

    bus rodomi tiksliai, kai įvesite tekstą. Taip pat galite naudoti šią žymą pateikdami pavyzdžius, eilėraščius ar bet kokį kitą tekstą, kuriam reikalingas didelis tikslumas tarpais ir eilučių pertraukomis.

    • Pagrindinis iš anksto suformuotų kortelių trūkumas yra plotis. Skirtingai nuo įprasto HTML, iš anksto suformatuoto teksto dydis nebus pakeistas taip, kad atitiktų vartotojo lango dydį.
  2. Sukurkite eilutės pertrauką. Kortelė
    baigsis dabartinė teksto eilutė. Galite sukurti tuščias eilutes naudodami kelias eilučių pertraukimo žymas. Studentams, kurie dar nesinaudojo HTML, tai yra geras būdas, tačiau jei išmokote CSS, šis privalomas HTML formatas nerekomenduojamas.
  3. Nustatykite pastraipą su žyma „p“. Žyma aplink tekstą identifikuoja tą pastraipą. Dauguma naršyklių atskiria pastraipą tuščia eilute, tačiau jūs negalite garantuoti nuoseklaus teksto formato. skelbimas

Patarimas

  • Kai paskutinį kartą patikrinsite savo tinklalapio vaizdą, jei aplink fragmentą matysite nereikalingus simbolius neįprastoje padėtyje, dar kartą patikrinkite, ar nėra neišsamių žymų, pvz., <> vietoj
    .
  • CSS yra galingesnis ir iniciatyvesnis tinklalapių pateikimo įrankis, įskaitant tarpą tekstui.
  • Apribokite staigius tarpus už atviros žymos arba prieš uždarytą žymą. Pavyzdžiui, turėtumėte parašyti tarpus Pamoka ne tarpai Pamoka .
  • Nesunaikinama erdvė yra objekto simbolio pavyzdys: kodas, žymintis simbolį, kurio negalite įvesti naudodamiesi klaviatūra.

Įspėjimas

  • HTML atributas reiškia raktą Skirtukas ↹ Tiesą sakant, ne toks efektyvus, kaip jūs manote. Standartiniame HTML dokumente nėra tabuliavimo ženklų, todėl skirtuko simbolis neturi jokio poveikio.
  • HTML kalbą visada rašykite kodo rengyklėje arba paprasto teksto faile, nenaudokite tekstinių failų tvarkymo formatų. Jei jūsų tarpai tampa keistais simboliais jūsų žiniatinklio naršyklėje, tai greičiausiai atsiranda dėl duomenų pertekliaus, kurį pridėjo teksto procesorius, kuris nėra skirtas rodyti internete.