Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
3.4 Представление цвета в HTML
Цвет в веб-документах представляется в виде трех однобайтных чисел, записанных в шестнадцатиричной системе счисления. Каждая сотавляющая определяет количество (интенсивность) базового цвета модели RGB. То есть вы можете в одном из параметров тега <body> вместо "WHITE" указать "#ffffff", где # указывает, что следующее число – 16-ричное, а каждая из цветовых компонент имеет значение #ff (десятичное 255), что соответствует максимальной светимости (вы, конечно, помните, что в один байт невозможно записать число, бОльшее 255). Соответствено базисные цвета могут быть представлены:
#ff0000 RED красный
#00ff00 GREEN зеленй
#0000ff BLUE синий
Наиболее часто используемые сочетания трех компонент занесены в таблицу, имеющуюся в любом справочнике по HTML. Каждая из комбинаций имеет определенное имя, распознаваемое браузером. Именно в таком виде определялись цвета в примере с тегом <body>.
3.5 Основные теги HTML
В этой части главы будут кратко описаны наиболее часто встречаемые теги языка HTML. Более подробно они описаны в спецификации и разного рода справочной и учебной литературе. Популярный онлайн справочник расположен по адресу http://htmlbook. ru/.
3.5.1 Теги, оределяющие отображение текста
Размер шрифта
Тег <h1> - определяет следующий до закрывающего тега текст как заголовок первого уровня (размер букв – максимально допустимый). В тегах <h2> … <h6> размеры букв постепенно уменьшаются.
<big> - максимально допустимый шрифт
<small> - минимально допустимый шрифт
(Границы допустимости шрифтов задаются браузером, используя среднее значение, определяемое, как правило, пользователем)
3.5.2 вид текста
<i> - (italic) наклонный шрифт
<b> - (bold) шрифт с выделением толщиной символов
<u> - (underline) подчеркнутый текст
<tt> - (teletype) текст «как на механических пишущих машинках», скорее всего это гарнитура Courier New;
<blink> - мигающий текст.
Тег <p> (от “paragraph”, «абзац») используется для форматированного показа текста.
Кроме того существует тег, определяющий тип шрифта, размер и цвет литер <font face="......" size=. color="#......" > -
где
face – имя гарнитуры шрифта (не стоит увлекаться экзотическими шрифтами, поскольку они могут отсутствовать на компьютере клиента)
size - размер (варьируется от 1 до 6) в относительных единицах. Его также можно задавать относительно текущего установленного по умолчанию размера, например: size=+1 (увеличить текущее логическое значение на 1)
color - задает цвет шрифта.
Описанный тег очень удобен для выделения цветом той или иной строки.
3.5.3 Широтное расположение текста (и других элементов)
<center> - выравнивание по центру;
<left> - выравнивание по левой границе;
<right> - выравнивание по правой границе.
3.5.4 Теги, отвечающие за формирование списков
<ul> (от “unsorted list”);
<menu> - Эти два тега определяют ограничиваемую область как список с соответствующим отступом от левой границы документа;
<li> - (“list item”) определяет информацию как новый элемент списка.
Можно задавать разные виды маркера списка (кружок, квадратик).
Списки могут быть вложенными, то есть элементом одного из списков может быть другой список.
3.5.5 Теги общего характера
<img src=".." alt=".." width=. height=.> - Вставка в документ графической информации. (Злоупотребление этим тегом снижает посещаемость страницы!)
Параметры:
src="имя-файла" - указание, какой файл будет включен. Современные нетекстовые браузеры чаще всего показывают изображения в форматах GIF, JPEG, PNG, есть и другие редко используемые экзотические форматы.
alt="текстовой-аналог" - применяется в случае, если у клиента отключена загрузка графических изображений. Тогда в поле картинки при наведении мыши появится текстовый аналог.
width - Ширина изображения в пикселах (может не соответствовать реальному).
height - Высота изображения в пикселах.
<hr width=..> - горизонтальная линия, разделяющая части документа. Параметр width определяет длину как в абсолютных пикселах, так и в относительных единицах (процентах от ширины показа страницы).
<br> - тег начала новой строки.
<!-- - тег начала комментария. Следующий текст игнорируется до появления --!> (закрыть комментарий).
<a href=" "> - тег гипертекстовых ссылок. Может адресовать документы в глобальной сети и на локальном хосте;
Параметр href содержит полный (с адресом ЭВМ, содержащий данный файл) путь и имя файла.
файл на данной машине (необязательно html-документ)
Параметр href содержит путь к файлу относительно текущего каталога и имя файла.
метку в текущем документе (href содержит символ # и имя метки). Например, для метки 001 ссылка выглядит как <a href="#001">.
Сама метка в текущем документе (место на которое будет производиться переход) задается также тегом <a>, но с параметром <a name=" ">, где name - имя метки (# - не используется!).Примет для 001 - <a name="001">
3.6 Работа с таблицами в HTML
Таблицы в HTML - это один из мощных инструментов представления данных. Они описываются набором тегов, почти каждый из которых имеет свои параметры. Рассмотрим основные:
<table bgcolor=.. border=.. width=.. cellpadding=.. cellspacing=..> - объявление таблицы и определение некоторых параметров;
bgcolor – цвет фона таблицы;
width – ширина таблицы в абсолютных или относительных единицах;
border – ширина рамки таблицы (в пикселах);
cellpadding – отступ от границ табличного контента до границы ячейки при визуализации (в пикселах);
cellspacing – промежуток между ячейками таблицы (в пикселах);
<caption> – заголовок таблицы. Как правило, применяется после объявления таблицы;
<th> – заголовок каждого столбца;
<tr> – объявление строковых элементов таблицы. Используется в паре с тегом <td>, определяющим вертикальные разделяющие линии при визуализации таблицы. То есть область, ограничиваемая тегом <tr>, включает в себя одну или несколько областей, ограниченых тегом <td>, определяющим, что именно будет находится в каждой ячейке на данной строке.
Пример: Нужно построить таблицу:
HTML - решение:
<table>
<tr>
<td>1</td><td>1</td> <td>3</td>
</tr>
<tr>
<td>2</td><td>2</td><td>3</td>
</tr>
</table>
Последние три тега имеют ряд параметров:
colspan=.. – "растянуть" данную ячейку в ширину на указанное целое число ячеек (неприменимо к tr);
rowspan=. – аналогично, но действие происходит по вертикали;
bgcolor=.. – задание цвета фона для каждой ячейки
3.7 НеКОТОРЫЕ ДРУГИЕ теги
После всего того, что было сказанно, остается еще достаточно большое количество неупомянутых тегов, которые можно использовать для приукрашивания и придания большей функциональности уже существующей странице. Упомянем несколько дополнительных тегов, которые представляются интересными.
Теги <form>,<input>,<textarea>,<select> и <option> предназначены для организации так называемых заполняемых форм, являющихся по сути дела обратной связью во взаимодействии «клиент – сервер». Форма, как вы уже читали выше, – это область ввода тестовыхи числовых данных, которые могут ыть переданы серверу как параметры.
Теги <map> и <area> необходимы для использования в качестве меню одного графического изображения. Разным участкам этого изображения ставится в соответствие различные документы, при активизаци (нажатии) участка происходит переход на другой документ, аналогичный переходу при нажатии на гиперссылку.
И, наконец, тег <embed> позволяет встраивать в документ файлы раз личных форматов (например, midi-музыку). При получении такого файла браузер пользователя (если у него доступны функции, отвечающие за работу с этим файлом) сам отобразит этот файл как часть общего документа, не прибегая к помощ сторонних приложений.
3.8 Версии HTML
HTML непрерывно (хотя и неравномерно) развивается. Долгое время все работали на HTML стандартной версии 4.01, а сейчас набрал обороты HTML 5.1. Это никакой не другой язык, просто в «старый» HTML постоянно добавляются новые теги, возможности, параметры… Консорциум W3C, который координирует развитие Веба во всем мире, решил, что не будет версий, следующих за 5. Вместо выпуска новых версий будет постоянное обновление HTML 5.
Мысли разработчиков направлены на всё более широкую обработку видео и аудиоконтента и создание все более изощренных возможностей форматирования с помощью стилей.
Более детально прочитаете сами, когда жизнь и профессиональная деятельность вплотную столкнут вас с этими вопросами.
4 форматирование веб-страниц с помощью
каскадных списков стилей (CSS)
При разработке веб-сайтов часто возникает необходимость вносить изменения в дизайн и вид одновременно многих веб-страниц. Средствами HTML это сделать можно, но это трудоёмкая работа, потому что одинаковые изменения приходится последовательно вносить в огромное количество мест на многих страниц сайта.
Концепция каскадных списков стилей (CSS, Cascade Styles Sheets) придумана для того, чтобы отделить контент веб страниц от правил, задающих ее внешний вид. Эти правила (CSS-стили) прописываются, как правило, один раз, но браузер распространяет их действие сразу на многие места многих веб-страниц. Применение CSS дает веб-мастеру множество очень гибких вариантов определять внешний вид страниц сайта.
4.1 Синтаксис стиля (правила форматирования)
Описание стиля имеет структуру, показанную на рис. 3.1.
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 |
