 |
|
|
Архитектура Астрономия Аудит Биология Ботаника Бухгалтерский учёт Войное дело Генетика География Геология Дизайн Искусство История Кино Кулинария Культура Литература Математика Медицина Металлургия Мифология Музыка Психология Религия Спорт Строительство Техника Транспорт Туризм Усадьба Физика Фотография Химия Экология Электричество Электроника Энергетика |
Синтаксис HTML, виды тегов, вложенность тегов, элементы и атрибуты, средства форматирования текста
HTML код практически полностью состоит из команд, называемых тегами (от английского "tag"). В спецификации (документации по языку HTML) теги именуются "элементами.HTML код представляет собой соответствующим образом оформленный текст. Чтобы обозреватель при обработке страницы не путал его с простым текстом, элементы кода принято заключать в угловые <html код> скобки. Таким образом оформленный html тег выглядит так: <тег>. У тегов есть свои настройки, которые позволяют влиять на результат их работы. Эти настройки называются АТРИБУТАМИ. Атрибут может иметь одно или несколько значений. Таким образом общий вид команд HTML выглядит так: <ТЕГ атрибут="значение"> В языке HTML существует два вида тегов: 1. Пустой элемент (тег): команда, имеющая только открывающий тег (<ТЕГ>), которая выполняет определенное действие. Например, тег <HR> построит линию, а тег <LI> укажет, что все, следующее после него, будет элементом списка. 2. Контейнер (парный тег): элемент, имеющий открывающий (<ТЕГ>) и закрывающий (</ТЕГ>) теги. Пара тегов образует контейнер, который влияет на свое содержимое. Контейнеры еще называют парными тегами. <ТЕГ>содержимое контейнера</ТЕГ> Контейнер может быть строгим - например, контейнер ссылки <A>ссылка</A> (закрывающий тег обязателен) и свободным - например, ячейка таблицы <TD>. В случае с ячейками сигнализировать о том, что контейнер закрыт, может закрывающий тег ячейки (</TD>); тег, открывающий следующую ячейку (<TD>); тег, закрывающий ряд ячеек (</TR>); а также закрывающий тег таблицы (</TABLE>), в которой расположены ячейки. Тег может иметь обязательные атрибуты.
<DEL>123 <INS>456</INS> 789</DEL>
Контейнер <INS> (подчеркнутый текст) вложен в контейнер <DEL> (зачеркнутый) и является его содержимым. Результат вложения следующий: 123 456 789 Заметьте, что контейнер <DEL> влияет и на содержимое контейнера <INS> (456), зачеркивая его. Можно делать и большее количество вложений при надобности, главное соблюдать принцип матрешки - следить за тем, чтобы открывающий и закрывающий тег находились в одном контейнере, иначе будут ошибки и большие. Со свободными контейнерами нужно быть начеку, потому что концом такого контейнера может оказаться не закрывающий необязательный тег, а открывающий тег совершенно другого контейнера. Форматирование текста § <EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом) § <STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом) § <I> … </I> — выделение текста курсивом § <B> … </B> — выделение текста жирным шрифтом § <U> … </U> — подчёркивание текста § <S> … </S> — зачёркивание текста. Вот так: § <STRIKE> … </STRIKE> — то же самое, что <S> … </S> § <BIG> … </BIG> — увеличение шрифта § <SMALL> … </SMALL> — уменьшение шрифта § <BLINK> … </BLINK> — мигающий текст. Внимание! Этот тег может не работать в браузере Internet Explorer версий 5 и ниже без применения JavaScript § <MARQUEE> … </MARQUEE> — сдвигающийся по экрану текст. § <SUB> … </SUB> — подстрочный текст. Например, H<SUB>2</SUB>O создаст текст H2O. § <SUP> … </SUP> — надстрочный текст. Например, E=mc<SUP>2</SUP> создаст текст E=mc2. § <FONT параметры> … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры: § COLOR=color — задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 — зелёную, последние 2 — синюю) или названием. § FACE=шрифт меняет шрифт § SIZE=размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию 3. (Есть много способов изменить стандартный размер для данной страницы.) § SIZE=+размер или SIZE=-размер — размер задаётся по сравнению со стандартным. Например, +2 означает размер на 2 больше стандартного.
Поиск по сайту: |
