Добавление разрыва строки в Dreamweaver Design View

Если вы новичок в веб-дизайне и разработке интерфейса (HTML, CSS, Javascript), то вы можете начать работу с редактором WYSIWYG. Эта аббревиатура означает «то, что вы видите, это то, что вы получаете», и в основном это относится к программному обеспечению, которое позволяет создавать веб-страницы с использованием визуальных инструментов, в то время как программное обеспечение записывает некоторый код за кулисами на основе того, что вы создаете. Самым популярным из доступных инструментов WYSIWYG является Adobe Dreamweaver.

Хороший вариант для тех, кто только начинает

В то время как многие опытные веб-профессионалы с более утонченными навыками смотрят свысока на Dreamweaver и его тенденцию создавать раздутые HTML-разметки и стили CSS, простая истина заключается в том, что платформа остается хорошим вариантом для тех, кто только начинает заниматься дизайном веб-сайтов. Когда вы начнете использовать Dreamweaver для создания веб-страницы, один из вопросов, который вы, вероятно, зададите, состоит в том, как создать один разрыв строки для содержимого в этом представлении.

Когда вы добавляете текст HTML на веб-страницу, веб-браузер будет отображать этот текст в виде длинной строки, пока он не достигнет края окна браузера или элемента контейнера. В этот момент текст будет перенесен на следующую строку. Это похоже на то, что происходит в любом программном обеспечении для обработки текста, таком как Microsoft Word или Google Docs. Когда в строке текста больше нет места на горизонтальной линии, она переносится, чтобы начать другую строку. Так что же произойдет, если вы захотите продиктовать разрыв строки?

Когда вы нажмете ENTER, в режиме конструктора Dreamweaver

Когда вы нажимаете ENTER в режиме конструктора Dreamweaver, текущий абзац закрывается и начинается новый абзац. Визуально это будет означать, что эти две линии разделены небольшим интервалом по вертикали. Это связано с тем, что по умолчанию к абзацам HTML добавляются отступы или поля (которые зависят от самого браузера) в нижней части абзаца, который добавляет этот интервал.

Это можно изменить с помощью CSS, но правда заключается в том, что вы хотите, чтобы между абзацами был интервал, чтобы обеспечить читаемость веб-сайта. Если вы хотите одну строку и не иметь большого вертикального интервала между строками, вы не хотите использовать клавишу ВВОД, потому что вы не хотите, чтобы эти строки были отдельными абзацами.

Когда вы не хотите начинать новый абзац

Если вы не хотите начинать новый абзац, вы можете добавить тег
в HTML. Это также иногда пишется как
. специально для версий XHTML, которые требуют, чтобы все элементы были закрыты. Завершающий/в этом синтаксисе самозакрывающийся элемент, поскольку тег
не имеет собственного закрывающего тега. Это все хорошо, но вы работаете в Design View в Dreamweaver. Вы можете не захотеть прыгать в код и добавлять эти разрывы. Это нормально, потому что вы действительно можете добавить разрыв строки в Dreamweaver, не прибегая к представлению кода.

Добавьте разрыв строки в представлении «Дизайн Dreamweaver»:

  1. Поместите курсор туда, где вы хотите начать новую строку.
  2. Удерживая нажатой клавишу Shift , нажмите Ввод .

Это оно! Простое добавление клавиши «Shift» вместе с [ENTER] добавит
вместо нового абзаца. Итак, теперь, когда вы знаете, как это, вы должны подумать, где его использовать и где его избежать. Помните, HTML предназначен для создания структуры сайта, а не визуального оформления. Вы не должны использовать несколько тегов
для создания вертикальных интервалов под элементами в вашем дизайне.

Вот для чего нужны CSS-свойства для отступов и полей. Вы можете использовать тег
, когда вам просто нужен разрыв строки. Например, если вы кодируете почтовый адрес и решили использовать абзац, вы можете добавить теги
следующим образом:

Название компании

Адресная строка

Город, штат, ZIP

Этот код для адреса представляет собой один абзац, но визуально он будет отображать три строки в отдельных строках с небольшим промежутком между ними.

Оцените статью
Solutics.ru
Добавить комментарий