Как да вмъкнете интервали в HTML

Автор: Monica Porter
Дата На Създаване: 22 Март 2021
Дата На Актуализиране: 1 Юли 2024
Anonim
как сделать отступ текста и картинки margin, padding в html документе
Видео: как сделать отступ текста и картинки margin, padding в html документе

Съдържание

Много интервали, които обикновено се създават с помощта на интервали, клавиши за раздели и клавиши enter, се игнорират в езиците за уеб програмиране. HTML ги определя като редовни интервали между думите и показва само едно пространство. Докато CSS позволява на потребителите да задават повече подробности за празното пространство и подравняването, HTML няма вградени инструменти за персонализиране на разстоянието.

Стъпки

Метод 1 от 2: Вмъкнете интервали и единични раздели

  1. Интервалите за вмъкване не са счупени. Обикновено HTML ще показва само едно интервал между думите, независимо колко пъти сте натискали интервала. За да направите няколко непрекъснати интервали показани, въведете или. Този код ще създаде специален символ, наречен "неразбиващо се пространство" и той винаги се показва.
    • Горният знак се нарича "неразрушимо пространство", защото предотвратява поставянето на прекъсвания на редове. Ако прекалите с този символ, браузърът ще има затруднения с вмъкването на прекъсвания на редове по подреден и вертикален начин.

  2. Поставете интервали с различна ширина. Има някои други субекти, които изискват браузърът да показва интервал. Начинът, по който тези интервали се показват в различните браузъри, е малко по-различен, но за разлика от следните кодове няма да повлияе на прекъсването на реда:
    • - е кръстен на пространството "N" на принтера (мерна единица), пространството "en" е два пъти по-широко от нормалното пространство.
    • - пространство "em", приблизително равно на четири интервала.

  3. Симулира раздел с много неразрушаващо пространство. За да отстъпите абзаци, можете последователно да вмъквате неразрушими интервали :. Това е единственото решение, ако използвате само HTML, но ако използвате CSS (описано отделно в стъпката по-долу), то ще бъде по-кратко.
    • Ако има сложно представяне на текст, използвайте предварителния таг.

  4. Подравнете абзаците с CSS. Свойствата на CSS "margin" и "padding" дават инструкции директно на браузъра, така че показаните резултати ще бъдат по-последователни. Този метод не е труден за изпълнение, освен ако не знаете нищо за CSS и страницата ви няма таблица със стилове. Ето пример за преместване на цял абзац в десния поле:
    • В раздел на HTML документа, вмъкнете следния код:

      където: "p.indent" дефинира атрибут на името на текста (p tag) "отстъп" (можете да използвате друго име). Останалата част от кода добавя характеристиката на пространството "подплата" в лявата част на абзаца.
    • Сега, обратно към тялото на HTML документа. Всеки път, когато искате да отстъпите абзац (все още "отстъп" в този пример), поставете абзаца в този код:

    • За да подравните разстоянието между отстъпите, променете числото "1.8" в CSS кода. Дръжте "em" отзад, тъй като това е мерната единица, свързана с размера на шрифта.
    реклама

Метод 2 от 2: Настройте по-дълги пропуски

  1. Използвайте предварително форматирани тагове. Всеки ключ пространство добре ↵ Въведете се въвежда в картата

    ще се показва точно както пишете. Можете също да използвате този етикет, за да представите примери, стихотворения или друг текст, който изисква висока точност при разстоянието и прекъсванията на редовете.

    • Основният недостатък на предварително форматираните карти е ширината. За разлика от обикновения HTML, предварително форматираният текст няма да бъде преоразмерен, за да съответства на размера на прозореца на потребителя.
  2. Създайте прекъсване на ред. Карта
    ще завърши текущия ред на текста. Можете да създавате празни редове, като използвате множество маркери за прекъсване на редове. За студенти, които са нови в HTML, това е добър подход, но ако сте научили CSS, този задължителен HTML формат не се препоръчва.
  3. Идентифицирайте абзаца с маркера "p". Маркерът около текста идентифицира този абзац. Повечето браузъри ще отделят абзаца с празен ред, но не можете да гарантирате постоянен формат на текста. реклама

Съвети

  • Когато за последен път проверите дисплея на вашата уеб страница, ако видите излишни символи в необичайна позиция около фрагмента, проверете дали има непълни маркери, като например <> вместо
    .
  • CSS е по-мощен и проактивен инструмент за представяне на уеб страници, включително интервали за текст.
  • Ограничете внезапните интервали зад отворен етикет или пред затворен етикет. Например, трябва да напишете Spaces Урок не Пространства Урок .
  • Неразрушимото пространство е пример за символ на обект: кодът, представляващ символ, който не можете да въведете от клавиатурата.

Внимание

  • Атрибутът HTML представлява ключа Раздел ↹ Всъщност не е толкова ефективен, колкото си мислите. Стандартният HTML документ няма табулатори, така че символът на табулатора няма ефект.
  • Винаги пишете езика HTML в редактор на код или обикновен текстов файл, не използвайте формати за обработка на текстови файлове. Ако вашите пространства станат странни знаци във вашия уеб браузър, това най-вероятно се дължи на излишните данни, добавени от текстовия процесор, който не е предназначен за онлайн показване.