1. Do you speak English? Use the English version of the site! Link
    Скрыть объявление
Скрыть объявление
Здравствуй гость! После регистрации на ресурсе, ты сможешь скачивать материалы с форума и участвовать в его жизни! Для регистрации откройте соответствующую форму или нажмите на эту ссылку.

[html]урок 4.

Тема в разделе "Статьи", создана пользователем garikkk, 28.10.2015.

  1. garikkk

    garikkk Забанен

    Янв 11 2016 в 15:19
    Регистрация:
    13.10.2015
    Сообщения:
    169
    Симпатии:
    55
    Каждый тег HTML принадлежит к определенной группе тегов, например, табличные теги направлены на формирование таблиц и не могут применяться для других целей.

    Условно теги делятся на следующие типы:

    • теги верхнего уровня;
    • теги заголовка документа;
    • блочные элементы;
    • строчные элементы;
    • универсальные элементы;
    • списки;
    • таблицы;
    • фреймы.
    Следует учитывать, что один и тот же тег может одновременно принадлежать разным группам, например, теги <ol> и <ul> относятся к категории списков, но также являются и блочными элементами.


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


    Любое количество пробелов идущих подряд, в браузере отображается как один
    Сколько бы вы не поставили пробелов между словами, это никак не повлияет на конечный вид текста. Это же правило относится к символам табуляции и переносу текста. Поэтому не ставьте лишних пробелов, поскольку это лишь увеличит общий объем файла, но никак не изменит вид документа в браузере. Приведенные ниже строки будут отображаться на веб-странице одинаково, несмотря на их разное написание.

    <p>Измеряй микрометром. Отмечай мелом. Отрубай топором.</p>
    <p>Измеряй микрометром. Отмечай мелом. Отрубай топором.</p>
    <p>Измеряй микрометром.
    Отмечай мелом.
    Отрубай топором.</p>
    Исключением из этого правила является тег <pre>, внутри которого любое число пробелов отображается именно так, как оно указано в коде.


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Тег PRE</title>
    </head>
    <body>
    <pre>
    - -----
    ----- |-----
    ||----| ----||
    ||----- -----||
    ||-----| |-----||
    || ----- ------||
    ||- ----| |------||
    ||---||-- -------||
    ||--|| --| |-------||
    || -|| |-- --- - --||
    || -|| --|-|--| - ---|
    |---|| |-----| |-----|
    |---|| |---- |-----|
    |----| --- |-----|
    |----- ------|
    </pre>
    </body>
    </html>
    Нет расстановки переносов в тексте
    HTML не поддерживает расстановку переносов в словах, как это делают текстовые редакторы, иначе говоря, все слова пишутся целиком без их разбиения. Это условие несущественно, пока не используется выравнивание текста по ширине. В этом случае блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. Иногда пустые блоки между словами настолько велики, что портят внешний вид страницы и ухудшают читабельность текста.

    Представьте, что у вас в середине предложения есть какое-нибудь длинное слово, вот например «Дегидроэпиандростерон» . В текстовом редакторе это слово будет перенесено по слогам так, чтобы текст занял указанную ширину, а на веб-странице подобное слово будет отображаться целиком, без переносов.

    Текст занимает ширину окна браузера
    Если вы просто напишете одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. Переносы текста будут добавлены автоматически в местах пробела или дефиса. Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. Если она шире окна браузера, то неминуемо появится горизонтальная полоса прокрутки