- •Вопросы к экзамену
- •История развития сервиса www
- •Общие понятия сайта. Этапы создания сайта
- •Виды тегов. Правила написания атрибутов и тегов.
- •Основные теги разметки. Основные теги html
- •Логические и физические стили, их применение.
- •Задание параметров текста. Выравнивание текста.
- •Создание маркированных, нумерованных списков и списков определений. Создание вложенных списков.
- •Назначение графического фона и задание цвета страницы.
- •Создание линий. Вставка спецсимволов.
- •Создание таблиц. Тег создания таблицы и его атрибуты. Тег создания строк и его атрибуты. Тег создания ячеек и его атрибуты.
- •Объединение ячеек таблицы. Тег создания заголовков таблицы. Вставка таблицы в ячейку таблицы.
- •Табличная верстка сайта.
- •Html формы: создание форм, элементы форм.
- •Гиперссылки: виды ссылок, правила создания.
- •Вставка рисунка. Атрибуты тега img.
- •Наследование. Каскадирование. Приоритеты стилей css.[править | править вики-текст]
- •Преимущества и недостатки[править | править вики-текст]
Задание параметров текста. Выравнивание текста.
Абзацы в тексте выделяются тэгами <P>..</P>. При просмотре браузером абзацы отделяются друг от друга пустой строкой. Надо заметить, что в существующих версиях HTML закрывающий тэг </P> не используется. Но все-таки рекомендуется его употреблять, так как он может быть введен в последующих версиях. К ошибке это не приведет - браузер просто проигнорирует все незнакомые тэги. А вам потом не придется переделывать свои документы. В версии HTML+ предлагается использовать закрывающий тэг </P>.
И заголовки, и абзацы по умолчанию выключены влево (т.е. прижаты к левому краю окна). Атрибут ALIGN позволяет выключить текст по центру или вправо. Синтаксис: <P ALIGN=RIGHT>, может принимать значения LEFT (влево), CENTER (по центру), RIGHT (вправо). Пример:
<P>Этот абзац расположен слева<P>
<P ALIGN=CENTER>Этот абзац по центру</P>
<P ALIGN=RIGHT>А вот этот абзац справа</P>
Что дает при просмотре:
Этот абзац расположен слева
Этот абзац по центру
А вот этот абзац справа
Аналогично форматируются и заголовки: <H1 ALIGN=RIGHT>..</H1> и т.д.
Еще один полезный способ выравнивания по центру, это использование тэгов <CENTER>..<CENTER>. Они позволяют отформатировать сразу несколько заголовков и абзацев. Например:
<CENTER>
<H1>Заголовок страницы</H1>
<H2>Подзаголовок</H2>
<P>Абзац 1.</P>
<P>Абзац 2.</P>
</CENTER>
В результате заголовок, подзаголовок и оба абзаца будут выключены по центру.
Чтобы перейти на новую строку, не прерывая абзаца (т.е., чтобы не вставлять пустую строку между абзацами), применяется тэг <BR>. Закрывающего тэга у него нет.
Тэг <HR> описывает горизонтальную линию. Может включать аттрибуты:
SIZE - толщина линии в пикселах;
WIDTH - длина линии в пикселах или процентах от ширины экрана;
ALIGN - выравнивание линии, может принимать значения LEFT, CENTER, RIGHT;
COLOR - цвет линии;
NOSHADE - линия рисуется без тени.
Пример использования тэгов <BR> и <HR>:
Стишок-нескладуха
<HR NOSHADE WIDTH="250" ALIGN="LEFT">
Нет приятнее занятья,<BR>
Чем в носу поковырять:<BR>
Всем ужасно интересно,<BR>
Что там спрятано внутри.<BR>
А кому смотреть противно,<BR>
Тот пускай и не глядит -<BR>
Мы же в нос к нему не лезем,<BR>
Пусть и он не пристает!<BR>
<HR SIZE=4 WIDTH=50%>
Получаем:
Стишок-нескладуха
Нет приятнее занятья,
Чем в носу поковырять:
Всем ужасно интересно,
Что там спрятано внутри.
А кому смотреть противно,
Тот пускай и не глядит -
Мы же в нос к нему не лезем,
Пусть и он не пристает!
Метки <BLOCKQUOTE></BLOCKQUOTE> добавляют к выделенному ими тексту со всех четырех сторон поля (сверху и снизу - по пустой строке, слева и справа - шириной в 5 знаков). Пример - этот абзац.
Создание маркированных, нумерованных списков и списков определений. Создание вложенных списков.
Основное применение списков:
Нумерованные - для перечисления элементов, следующих в строго определенном порядке.
Маркированные - для перечисления элементов, следующих в произвольном порядке.
Многоуровневые - для конкретизации информации определенных элементов.
Список определений - используется для форматирования словарей.
Нумерованный список html страницы
Для создания нумерованных списков используются тэги <OL> <LI>
Тэгом <OL> отмечается начало/окончание всего списка.
Тэгом <LI> обозначают начало/конец отдельного элемента списка.
По умолчанию элементы списка нумеруются по порядку 1, 2, 3… При помощи атрибута TYPE можно изменить стиль нумерации.
Маркированный список html страницы
Для создания маркированных списков применяют тэги <UL <LI>
Тэгом <UL> отмечается начало/окончание всего списка.
Тэгом <LI> обозначают начало/конец отдельного элемента списка.
По умолчанию элементы списка маркируются черным кружочком. При помощи атрибута TYPE можно изменить стиль маркирования.
В пределах одного списка можно использовать различную маркировку элементов списка.
Многоуровненвый список html страницы
Для создания многоуровневых списков можно использовать как маркированные, так и нумерованные списки, а также их сочетание. Многоуровневый список получается путем вложения одного списка в тело другого. Главная задача при этом не запутаться. Для этого советую делать различные отступы для отдельных списков.
Списки определений html страницы
Для создания списков определений используют три тэга:
<DL> - начало/конец списка.
<DT> - начало/конец конкретного термина.
<DD> - начало/конец поясняющей статьи термина.
Тэги <DT> и <DD> не обязательно чередовать. Т.е. можно "привязать" к одному определению несколько терминов, и, наоборот.
Вложенные списки предназначены для организации сложной иерархической структуры текста, обычно таких документов, как юридические или технические. Также вложенные списки используются для создания многоуровневых меню и навигации по сайту. Чтобы сделать такую структуру вначале создаётся список с помощью тега <ul>, а вложенный список вставляется внутрь одного из тегов <li>.
