То, как будет выглядеть ваш текст, определяют метки (tags или теги, дескрипторы).
Теги пишутся в угловых скобках < и >.
Сами они не видны, но благодаря им браузер отображает текст так, как вы хотите.
Теги бывают открывающие и закрывающие, со значком слеш: </...>.
Некоторые тэги не требуют закрывающего тэга, такие называются непарными.
Давайте же посмотрим, что можно сделать с помощью этих самых тегов:
|
Теги физического форматирования текста Закрывающий тег </...> обязателен | |
|---|---|
| Каждый тег HTML заключен в угловые скобки <...>. | |
| <B> - создает жирный текст. | Пример жирного текста |
| <BIG> - выводит более крупный текст. | Это более крупный текст |
| <BLOCKQUOTE> - предназначен для включения в документ длинных цитат, cоздавая отступы с обеих сторон текста и отделяясь от остального текста пустыми строками. | Ученые выделили несколько способов ухаживания, куда входили и подношения, а после этого на компьютере вычисляли, какие из них приведут к намеченной цели – желанию дамы продолжить отношения. Причем, в расчетах варьировались три вида даров: какая-нибудь безделушка, серьезный и ценный предмет, а также нечто необыкновенное. |
| <Q> предназначен для включения в документ короткой цитаты без создания отступов. | <q title="Всплывающая подсказка">Подведите курсор к тексту</q>Подведите курсор к тексту. |
| <FONT> - определяет выводимый шрифт, его цвет и размер. | Атрибуты: color - устанавливает цвет текста, используя значение цвета в виде RRGGBB; либо используя константы цвета, например для зеленого цвета пишем font color="green" или ="#008000". face - определяет гарнитуру шрифта. size - размер текста в пределах от 1 до 7, где 1 - самый мелкий шрифт. По умолчанию равен 3. Атрибуты можно объединять. Подробнее здесь. |
| <Hx> - служит для создания заголовка. | Всего существует 6 видов заголовков - от H1 до H6. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Атрибуты: align - выравнивает заголовок в соответствии со следующими значениями: center- по центру left - по левому краю right - по правому краю Подробнее здесь. |
| <I> - создает наклонный текст (курсив). | Пример наклонного текста |
| <PRE> - обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. |
Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html. |
| <S>- указывает, что текст должен быть зачеркнут. | |
| <SMALL>- выводит более мелкий текст. | Пример уменьшенного текста. |
| <SUB>- приспускает текст. | H2O |
| <SUP>- приподнимает текст. | 73=343 |
| <TT>- создает текст, имитирующий стиль печатной машинки. | Наличия мускулистого торса, дорогой машины и счета в банке недостаточно, чтобы обаять приглянувшуюся даму. Они, как известно, обожают получать подарки, и без этой немаловажной в жизни женщины детали в процессе соблазнения никак не обойтись. |
| <U>- указывает, что текст должен быть подчеркнут. | Пример подчеркнутого текста. |
| Теги физического форматирования текста | |
| Не требуют парного закрывающего тега | |
| <BR> - вставляет перевод строки | Каждое |
| <HR> - добавляет в HTML документ горизонтальную линию. До и после линии помещается пустая строка. | Атрибуты: size - устанавливает высоту(толщину) линии width - устанавливает ширину линии в пикселах или процентах noshade - создает линию без тени color - задает линии определенный цвет. |
| <P> - создает новый параграф. | Два или более тега P, идущих подряд, заменяются одним. Параметры - align. Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center, а также justify (выравнивание по ширине). |
| <IMG> - этот тег отвечает за "художественную" сторону web-страницы. | Обязательный атрибут: src. Пример кода: <img src="URL изображения">. |
