Вопросы по HTML для новичков

[E.S.A.]

Народ, ответьте вопрос начинающего веб-дизайнера.

Пользуюсь Dreamweaver MX 2004. ПОчему-то по умолчанию весь текст набирается с отступом после абзаца (даже совершенно неформатированный на абсолютно свежесозданной странице). Как от этого избавиться (т. е. чтобы текст набирался сплошняком, без отсупов между абзацами)?

[RaZEr]

Дизайн тут причем ?

[CEO]

E.S.A. :пользуешься таким новым софтом, что даже и ине знаю что тебе посоветовать, нету у меня еще такого дрима. В старом добром МХ, можно перейти в режим просморта кода и задать стиль для абзаца:
<p style="word-spacing:12px"> вместо 12px задай подходящее расстояние между словами.

[RaZEr]

word-spacing это расстояние между словами. Отступы регулируются margin и padding.

[E.S.A.]

RaZEr

Дизайн тут причем ?

Извини, я думал, что то, чем я сейчас пытаюсь заниматься, это и есть Web-дизайн .
Если нет, то тогда встречный вопрос: какое отношение мой вопрос имеет к "Веб-программированию и скриптам"?

Кстати, твой совет помог. Большое тебе спасибо.
Ответь, пожалуйста, еще на один: визуально эффекты от margin и padding очень похожи. Не подаскажешь, чем они отличаются по существу?

P.S.: К слову, топик можно переименовать в что-то типа "Вопросы новичков по веб-дизайну".

[Wizard[WA]]

E.S.A.

E.S.A.:
Ответь, пожалуйста, еще на один: визуально эффекты от margin и padding очень похожи. Не подаскажешь, чем они отличаются по существу?

Margin это поле, т.е. количество пикселев между краем страницы и самим текстом,(таблицой, рисинком), а padding - это пространство между полем (которое задается margin) и текстом.

Еще инфы:
В этих двух свойствах есть некоторые сложности. Фактически, и поле (margin), и «набивка» (padding) определяют, насколько отстоит внутренний блок от внешнего, то есть его отступы. Но между этими двумя понятиями есть некоторая разница. «Набивкой», или внутренним отступом называется расстояние от границы блочного элемента до края его содержимого. Расстояние от границы блока до внешнего (родительского) блочного элемента называется просто отступом, или внешним отступом. Таким образом, padding и margin характеризуют отступы блочного элемента относительно границы охватывающего его элемента разметки. Получается, что общее расстояние от содержимого (именно от содержимого, а не от границы) внутреннего блока до границы внешнего блока равно padding + margin.

[E.S.A.]

Wizard[WA]
Спасибо. Для меня этого вполне достаточно...

[Goryn]

Вообще-то не стоит плодить тег <p>. Гораздо проще абзац от абзаца отделять, ставя в конце очередного тег <br> (переход строки). Ставишь 1 - просто переход, ставишь 2 - просвет между абзацами в 1 строку и т.д.

А теги <p> используй только когда нужно сменить выравнивание align.

И еще совет - воспользуйся поиском и поищи обсуждения лучших HTML-редакторов.

[Wizard[WA]]

Goryn
А при чем тут тег <p>?
Вроде речь о другом совсем...

[E.S.A.]

Goryn

Вообще-то не стоит плодить тег <p>. Гораздо проще абзац от абзаца отделять, ставя в конце очередного тег <br> (переход строки). Ставишь 1 - просто переход, ставишь 2 - просвет между абзацами в 1 строку и т.д.

Насколько я знаю, таким образом нельзя сделать красную строку (т. е. отступ первой строки). Как и в Word'е, при разрыве строки следующая оказывается "приклеенной" к левому полю.

[Goryn]

Wizard[WA]

Сами же обсуждаете его начиная с сообщения за номером 3.


E.S.A.

Если ты хочешь использовать красную строку, то ставь в начале абзаца символ неразделяемого пробела &nbsp; . Я ставлю обычно 3 символа. Если ты будешь ставить обычные пробелы (в смысле нажимать клавишу <ПРОБЕЛ>), то это будет "проглатываться" HTML'ом.

Есть еще возможность предформатирования, когда текст выводится так же, как он выглядит в текстовом редакторе со всеми отступами и переносами строк, но на практике я это не разу не видел. Пробовал сам на заре своей юности - фигово выглядит.

[Wizard[WA]]

Goryn
Oops...
Я уже в css ударился =)
E.S.A.
Не думаю, что тег <p> настолько плох, что им не стоит злоупотреблять, хотя при работе в Dreamweaver у новичков их действительно чересчур много. И уж точно не стоит его ставить ради красной строки, & nbsp; вполне прокатит (пробела там быть не должно).
А если хочешь просто выделить кусок текста, то можно (и даже нужно =) ) воспользоваться тегом <BLOCKQUOTE>

Добавлено через 1 минуту:
Опачки... а non breakin spaсe форум проглатывает, бум знать =)

[RaZEr]

Если нет, то тогда встречный вопрос: какое отношение мой вопрос имеет к "Веб-программированию и скриптам"?

Прямое. Ты задаешь вопрос по HTML.

По поводу красной строки ... это свойство text-indent.

[E.S.A.]

Goryn

Если ты хочешь использовать красную строку, то ставь в начале абзаца символ неразделяемого пробела . Я ставлю обычно 3 символа. Если ты будешь ставить обычные пробелы (в смысле нажимать клавишу <ПРОБЕЛ> ), то это будет "проглатываться" HTML'ом.

Я предпочитаю использовать text-indent. К "абзацам с помощью пробелов" издавна испытываю стойкое отвращение.

Wizard[WA]

И уж точно не стоит его ставить ради красной строки, & nbsp; вполне прокатит

Похоже, ты путаешь красную строку с отступом.

[Wizard[WA]]

E.S.A.:
Похоже, ты путаешь красную строку с отступом

Доля правды есть...
Просто красная строка очень часто начинается с отступа...
И многие ради этого ее и начинают =)

[E.S.A.]

Wizard[WA]
Ох, запутаем мы друг друга... .

Расскажите мне кто-нибудь, за что вы так не любите тег <p> и как с ним бороться?

[Goryn]

Первоначальное сообщение от E.S.A.
Расскажите мне кто-нибудь, за что вы так не любите тег <p> и как с ним бороться? [/B]

Тег <p> как и большинство других нельзя любить или не любить. Просто любой нормальный веб-мастер борется за минимизацию кода (это мое ИМХО и ИМХО моих друзей и спор по этому поводу просьба не поднимать - было уже).
Но так как переименовали топик - объяснусь.

Чем больше размер страницы в килобайтах тем
а) она дольше грузится
б) это затрачивает больше денег пользователя либо за время на диал-апе, либо за трафик на выделенке.

В идеале страница должна быть 30-60 Кб.

Соответственно сравниваем 2 строки:
1) <p align="justify">
2) <br><br>

Какая короче? А если абзацев десяток? Вот так по мелочи и набираются лишние килобайты. Для примера: После конвертации таблицы из Word в HTML я, убирая все лишнее и только улучшая вид страницы, сокращаю размер конечного файла в 4-5 раз!!!
Поэтому многие называют лучшим ХТМЛ-редактором виндусовый Блокнот - типа лишнего не набъешь (по поводу обсуждения редакторов были уже топики)

Как использовать <p> я уже писал выше - повторяться не буду.

[E.S.A.]

Goryn

Соответственно сравниваем 2 строки:
1) <p align="justify">
2) <br><br>

Извини, я не очень хорошо понял, как можно сравнивать эти две строки. Они могут приводить к одинаковому эффекту лишь в частных случаях. А в моем случае, когда нужно, чтобы текст отображался с отступом первой строки, этот вариант неприменим. Что делать тогда? Лично у меня код страницы с однообразным текстом (книга) выглядит следующим образом:
<p style="Text"> ... </p>
И так на каждый абзац. Может, есть какой-нибудь выход из данной ситуации?

Первоначальное сообщение от E.S.A.
Лично у меня код страницы с однообразным текстом (книга) выглядит следующим образом:
<p style="Text"> ... </p>
И так на каждый абзац. Может, есть какой-нибудь выход из данной ситуации?

А зачем? тег p как раз и показывает что содержимое и есть абзац? Это правильный подход и логически и практически.

[E.S.A.]

medved2002
А как же тогда с оптимизацией кода?