- •В.С. Романчик
- •Глава 2. Использование php.
- •Глава 3.
- •Введение
- •Возможности php.
- •Инструменты для разработки
- •Как php работает
- •Глава 1. Язык php Типы данных
- •Массивы и инициализация массивов
- •Объектно-ориентированное программирование в php Основные понятия ооп
- •Классы и Объекты
- •Конструкторы и деструкторы
- •Наследование классов и интерфейсов
- •Магические методы
- •Обработка ошибок
- •Ошибки php и директива error_reporting
- •Чтение и запись бинарных файлов
- •Работа с каталогами в рнр
- •MySql – сервер: бд1; бд2; бд3; бд4;
- •Язык запросов sql
- •Операция соединения.
- •Команды sql для создания баз данных и таблиц
- •Выборка данных из таблиц бд
- •Работа с MySql (сохранение данных в базе данных).
- •Работа с MySql занесение и получение данных из базы данных
- •Некоторые улучшения в организации работы с данными
- •Передача данных от клиента к серверу и от сервера клиенту
- •Клиентские методы http get, post, head
- •Обработка html-форм и передача переменных в скрипт.
- •Передача значений переменных по методу get
- •Ниже рассмотрен еще один пример передачи данных из клиентской формы на сервер по методу get
- •Передача данных на сервер по методу post
- •Php и обработка различных форм
- •Примеры обработки форм
- •Работа с e-mail
- •Отправка почты на php (Функция mail)
- •Cookies-наборы: сохраненное состояние
- •Сессии (Сеансы) Переменные сеанса
- •Отмена регистрации сеансовых переменных
- •Работа с сеансовыми переменными
- •Постоянные данные, использующие сеансы и cookie-наборы
- •Вывод графических данных с помощью рнр Основной способ создания изображений
- •Получение информации об изображении
- •Функции рисования прямых и кривых линий
- •Заливка изображений
- •Работа с палитрой изображения
- •Удаление и изменение цветов палитры
- •Создание прозрачности в изображениях
- •Рисование с помощью кистей
- •Использование специальных стилей для заливки
- •Использование шрифтов и вывод строк
- •Манипулирование и копирование изображений
- •Создаём графический информер на php
- •Слияние изображений с помощью gd
- •Включения удаленных файлов
- •Различные приложения и полезные скрипты на php
- •Пример. Определение типа и версии браузера
- •Генератор паролей на php
- •Время выполнения скрипта
- •Календарь
- •Загрузка файла от клиента на сервер
- •Работа с ftp на уровне php
- •Сбор статистики на php
- •Проверка ввода емайл
- •Чтение почты через Web-интерфейс
- •Разработка собственных листов рассылки
- •Рассылаем письма
- •Добавляем адреса в список рассылки
- •Редактирование адресов
- •Автоответчик
- •Почтовые функции в рнр
- •Задания для выполнения
- •Приложение 1. Протокол передачи гипертекстов http
- •Клиентские методы и заголовкиHttp
- •Указатель ссылки ("Referer")
- •Медиа-типы
- •Кодирование
- •Безопасность и авторизация
- •Кэширование содержимого http на стороне клиента
- •Http идентификация с php
- •Сжатие данных в протоколе http
- •Модель ajax: между загруженной в браузер страницей и сервером появляется прослойка - уровень ajax, который обеспечивает следующую последовательность выполнения приложения.
- •Класс xmlHttpRequest
- •Методы класса xmlHttpRequest
- •Свойства класса xmlHttpRequest
- •Создание экземпляра объекта xmlHttpRequest
- •Использование dom
- •Проблема с кешированием
- •Информируйте пользователя
- •Нет принципов написания кода
- •Аутентификация средствами php
- •Отделение клиентская части программы от серверной части и шаблоны
- •Использование шаблонов в php
- •Шаблоны подстановки
- •Создаем свои шаблоны в php
- •Теги, атрибуты, значения
- •Структура документа
- •Разрыв строки
- •Предварительное форматирование
- •Комментарии
- •Физическая и логическая разметка документа
- •«Физические» теги:
- •«Логические» теги:
- •Специальные символы
- •Графика
- •Формы html
- •Метатеги
- •Способы включения каскадных таблиц стилей
- •Синтаксис
- •Группирование
- •Наследование
- •Множественные классы.
- •Селекторы идентификаторов (id-селекторы).
- •Комментарии
- •Свойства шрифтов.
- •Свойства текста.
- •Представление документа в виде специальных областей – блоков
- •Отступы, поля, позиционирование.
- •Границы элементов.
- •Визуальные эффекты
- •Свойства списков
- •Свойства таблиц
- •Псевдоклассы
- •Псевдостили текста
- •Псевдоэлементы
- •Различные свойства
- •Css. Примеры
- •Типы данных
- •Ассоциированные массивы
- •Операторы
- •Подпрограммы
- •Приложение 11. Популярные веб-приложения и фреймворки
- •Фреймворки
Теги, атрибуты, значения
Тег может иметь атрибуты и значения атрибутов. Атрибуты добавляют в тег для расширения или модификации его действий. Наборы допустимых атрибутов для тега описаны в спецификации языка HTML.
Правила записи атрибутов и значений:
после имени тега через пробел могут следовать атрибуты
атрибуты отделяют друг от друга пробелами
порядок следования атрибутов произволен
атрибуты не нужно повторно описывать в закрывающем теге
значения атрибутов записывают в кавычках "" после знака равенства
названия тегов не должны содержать пробелов
Спецификация html позволяет опускать кавычки, если значение атрибута состоит из одного слова (букв a—z) или числа (цифр 0—9). Если значение содержит несколько слов, разделенных запятыми или пробелами, либо специальные символы, то кавычки обязательны.
В языке HTML безразлично, в каком регистре вы записываете названия тегов и их атрибуты (в XML используются строчные буквы). Результат будет идентичен. Кроме того, в одном документе вы можете использовать для написания тегов и верхний, и нижний регистр. Чувствительными к регистру являются только некоторые значения атрибутов. Поэтому хорошей практикой является писать теги, атрибуты и их значения в нижнем регистре.
Структура документа
Любой html-документ (страница) заключается между тегами <html> и </html>, т.е. тег <html> открывает документ, а тег </html> закрывает его. Между этими двумя основными тегами располагается заголовочная часть документа и его тело.
<html>
<head>
</head>
<body>
<!--содержание документа-->
</body>
</html>
Заголовочная часть документа <head>
Тег заголовочной части документа используется сразу после тега <html>. Данный тег описывает общие правила отображения документа в браузере и содержит вспомогательную информацию о документе. Например:
<html>
<head>
<title> Список сотрудников </title>
</head>
</html>
Заголовок документа <title>
Большинство Web-браузеров отображают заголовок документа, ограниченный тегами <title> и </title> вверху экрана, отдельно от содержимого документа.
Тело документа <body>
Тело документа должно находиться между тегами <body> и </body>. Это та часть документа, которая отображается как текстовая и графическая информация документа. Технически стартовые и завершающие теги типа <html>, <head> и <body> необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тегов позволяет Web-браузеру разделить заголовочную и смысловую часть документа.
<html>
<head>
<title>Домашняя страница </title>
</head>
<body>
<!-- это комментарий-->
<h1> заголовок </h1>
<hr> <!-- горизонтальная линия -->
<p> абзац </p>
</body>
</html>
Атрибуты тега <body>:
|
Атрибуты |
Описание |
|
background |
Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Файл с изображением должен быть сохранен в формате GIF или JPEG . Синтаксис: <body background="(url)(путь) имя файла"> Файл с изображением фона лучше размещать в том же каталоге, тогда (URL) и (путь) указывать не нужно. |
|
bgcolor |
атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB, или при помощи строчного литерала. Синтаксис: <body bgcolor="#ff0000"> или <body bgcolor="red"> |
|
text |
атрибут задает используемый по умолчанию цвет текста. По умолчанию такой текст будет черным. Синтаксис: <body text=" цвет "> |
|
link |
атрибут задает цвет гиперссылки (по умолчанию темно синий). Синтаксис: <body link="цвет" > |
|
alink |
атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью. Синтаксис: <body alink="цвет" > |
|
vlink |
атрибут задает цвет посещенной гиперссылки. Синтаксис: <body vlink="цвет" > |
|
topmargin |
атрибут задает верхнюю границу страницы в пикселях. Синтаксис: <body topmargin=”число”> |
|
bottommargin |
атрибут задает нижнюю границу страницы в пикселах. Синтаксис: <body bottommargin=”число”> |
|
leftmargin
|
атрибут задает границу страницы в пикселях слева. Синтаксис: <body leftmargin=”число”> |
|
rightmargin |
атрибут задает границу страницы в пикселях справа. Синтаксис: <body rightmargin=”число”> |
Абзац <p>
Символы перехода на новую строку, используемые для разбиения на абзацы обычного текста, в коде HTML воспринимаются как обычные пробелы. Поэтому для создания абзацев в HTML-страницах используются специальные теги — <p>.
Для изменения выравнивания абзаца — по левому краю, по правому краю, по центру и по ширине — используется параметр дескриптора <p> — align, — принимающий значение left, right, center и justify, соответственно. Так, для выравнивания абзаца по центру используется следующий код:
Пример:
<html> <head>
<title>Применение абзацев</title>
</head>
<body> <p align = “center”> Абзац, выровненный по центру. </p>
<p align = “left”> Абзац, выровненный по левому краю. </p>
<p align = “ justify ”> Абзац, выровненный по ширине. </p> </body> </html>
Следует отметить, что, несмотря на то, что дескриптор <Р> — контейнерный, указывать для него закрывающий дескриптор не обязательно: ведь начало следующего абзаца — это одновременно и конец предыдущего.
С помощью тегов <p> текст разбивается на абзацы, согласно традициям англо-американской полиграфии — без красной строки и с увеличенным отступом между абзацами.
Заголовок <hn>
Для выделения заголовков более крупным и жирным шрифтом в HTML используются теги <hn>, где n — цифра от 1 до 6. Заголовок 1 уровня выводится самым крупным шрифтом, заголовок 6 уровня — самым мелким. Заголовки и следующий за ними текст всегда начинается с новой строки. Для форматирования заголовков используется параметр — align. Однако, в отличие от тега <p>, в заголовках предусмотрены только три значения этого параметра — left, right и center. Кроме того, теги заголовков, в отличие от тегов абзаца <p>, обязательно нужно закрывать. Иначе весь текст до конца страницы по умолчанию будет считаться заголовком соответствующего уровня.
Пример:
<html> <head> <title>Применение абзацев</title> </head> <body> <h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6> </body> </html>