Відмінності між версіями «ВЕБ-ДИЗАЙН»

Матеріал з Wiki TNEU
Перейти до: навігація, пошук
м (Donserg перейменував сторінку з WEB-ДИЗАЙН на ВЕБ-ДИЗАЙН)
 
(10 проміжних версій 8 користувачів не показані)
Рядок 1: Рядок 1:
[[Текст]]
+
[[Основи HTML]]
Для изменения вида текста существует достаточно большое количество различных тегов. Это и немудрено, ведь текст самый популярный вид информации.
+
  
Особенности текста в HTML
+
[[Основи CSS]]
Прежде чем редактировать код веб-страницы, следует принять во внимание некоторые особенности, которые присущи HTML при работе с текстом.
+
  
Любое количество пробелов идущих подряд, в браузере отображается как один
+
[[Основи XML]]
Сколько бы вы не поставили пробелов между словами, это никак не повлияет на конечный вид текста. Это же правило относится к символам табуляции и переносу текста. Поэтому не ставьте лишних пробелов, поскольку это лишь увеличит общий объем файла, но никак не изменит вид документа в браузере. Приведенные ниже строки будут отображаться на веб-странице одинаково, несмотря на их разное написание.
+
  
<p>Измеряй микрометром. Отмечай мелом. Отрубай топором.</p>
+
[[Основи PHP]]
<p>Измеряй микрометром.  Отмечай мелом.  Отрубай топором.</p>
+
<p>Измеряй микрометром.
+
  Отмечай мелом.
+
  Отрубай топором.</p>
+
Исключением из этого правила является тег <pre>, внутри которого любое число пробелов отображается именно так, как оно указано в коде.
+
 
+
Нет расстановки переносов в тексте
+
HTML не поддерживает расстановку переносов в словах, как это делают текстовые редакторы, иначе говоря, все слова пишутся целиком без их разбиения. Это условие несущественно, пока не используется выравнивание текста по ширине. В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. Иногда пустые блоки между словами настолько велики, что портят внешний вид страницы и ухудшают читабельность текста.
+
 
+
Представьте, что у вас в середине предложения есть какое-нибудь длинное слово, вот например «Дегидроэпиандростерон» . В текстовом редакторе это слово будет перенесено по слогам так, чтобы текст занял указанную ширину, а на веб-странице подобное слово будет отображаться целиком, без переносов.
+
 
+
Текст занимает ширину окна браузера
+
Если вы просто напишете одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. Переносы текста будут добавлены автоматически в местах пробела или дефиса. Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. Если она шире окна браузера, то неминуемо появится горизонтальная полоса прокрутки.
+
[[HTML]]
+

Поточна версія на 03:02, 22 грудня 2012

Основи HTML

Основи CSS

Основи XML

Основи PHP

Особисті інструменти
Простори назв

Варіанти
Дії
Навігація
Інструменти