Если вы новичок в веб-дизайне и интерфейсной разработке (HTML, CSS, Javascript), вы можете начать работу с WYSIWYG редактор. Этот акроним означает «то, что вы видите, то и получаете», и в основном он относится к программному обеспечению, которое позволяет вам создать веб-страницу с помощью визуальных инструментов, в то время как программное обеспечение пишет код за кулисами в зависимости от того, кем вы являетесь создание. Самый популярный доступный инструмент WYSIWYG - это, возможно, Adobe Dreamweaver.
Хороший вариант для начинающих
Хотя многие опытные веб-профессионалы с большим отточенные навыки посмотрите свысока на Dreamweaver и его тенденцию создавать раздутую разметку HTML и Стили CSS, простая правда в том, что платформа остается хорошим вариантом для тех, кто только начинает заниматься дизайном веб-сайтов. Когда вы начнете использовать вариант Dreamweaver «дизайн-представление» для создания веб-страницы, у вас, вероятно, возникнет один из вопросов, как создать одинарный разрыв строки для контента в этом представлении.
Когда вы добавляете HTML-текст на веб-страницу, веб-браузер будет отображать этот текст в виде длинной строки, пока не достигнет края окна браузера или его элемента-контейнера. В этот момент текст будет перенесен на следующую строку. Это похоже на то, что происходит в любом текстовом редакторе, таком как Microsoft Word или Google Docs. Когда в строке текста больше нет места на горизонтальной строке, она будет перенесена, чтобы начать новую строку. Так что же произойдет, если вы захотите указать, где будет разрыв строки?
Когда вы нажимаете ENTER в представлении дизайна Dreamweaver
Когда ты ударил ВХОДИТЬ в представлении «Дизайн» Dreamweaver текущий абзац закрывается и начинается новый абзац. Визуально это будет означать, что эти две линии разделены небольшим интервалом по вертикали. Это потому, что по умолчанию HTML абзацы имеют отступы или поля (который зависит от самого браузера) применяется к нижней части абзаца, который добавляет этот интервал.
Это можно настроить с помощью CSS, но правда в том, что вы хотите, чтобы между абзацами был интервал, чтобы обеспечить удобочитаемость веб-сайта. Если вам нужна одна строка и без большого вертикального интервала между строками, вы не хотите использовать клавишу ENTER, потому что вы не хотите, чтобы эти строки были отдельными абзацами.
Когда вы не хотите, чтобы начинался новый абзац
В тех случаях, когда вы не хотите, чтобы начинался новый абзац, вы должны добавить
тег в HTML. Это также иногда записывается как
. специально для версий XHTML, требующих закрытия всех элементов. Завершающий / в этом синтаксисе самозакрывает элемент, поскольку
Тег не имеет собственного закрывающего тега. Это все хорошо, но вы работаете в режиме «Дизайн» в Dreamweaver. Возможно, вы не захотите вдаваться в код и добавлять эти разрывы. Это нормально, потому что вы действительно можете добавить разрыв строки в Dreamweaver, не прибегая к просмотру кода.
Добавьте разрыв строки в представлении «Дизайн» Dreamweaver:
- Поместите курсор в то место, где должна начинаться новая строка.
- Удерживайте клавиша переключения и нажмите Входить.
Это оно! Простое добавление клавиши "shift" вместе с [ENTER] добавит
вместо нового абзаца. Итак, теперь, когда вы знаете, как это происходит, вы должны подумать, где это использовать и где этого избегать. Помнить, HTML предназначен для создания структуры сайта, а не внешнего вида. Вы не должны использовать несколько
теги, чтобы создать вертикальный интервал под элементами вашего дизайна.
Вот для чего нужны свойства CSS для заполнения и полей. Где бы вы использовали
тег - это когда вам просто нужен одинарный разрыв строки. Например, если вы кодируете почтовый адрес и решили использовать абзац, вы можете добавить
такие теги:
название компании
Адресная строка
Город, штат, почтовый индекс.
Этот код для адреса представляет собой один абзац, но визуально он будет отображать три строки на отдельных строках с небольшим промежутком между ними.