Файл: Интернет. Интернет протокол IP.docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Лекция

Дисциплина: Сети связи

Добавлен: 13.02.2019

Просмотров: 1010

Скачиваний: 6

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.


   font-size: 1.7em;


   color:#6b6b4e;


}

Наследование предполагает перенос правил стилей для элементов, находящихся внутри других. Такие элементы называются дочерними и они наследуют стилевые свойства своих родителей. Наследование позволяет определять значения один раз, задавая их для родительского элемента верхнего уровня. Благодаря наследованию нет необходимости определять свойства для абсолютно каждого элемента в отдельности.

Пример:

body {


    font-family: Tahoma, Arial, Helvetica, sans-serif; /* Стиль шрифта */


    color: black; /* Черный цвет текста */


 }

10. CSS. Классы. Псевдо-классы.

Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега. При использовании совместно с тегами синтаксис для классов будет следующий.

Тег.Имя класса { свойство1: значение; свойство2: значение; ... }

Имена классов должны начинаться с латинского символа и могут содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах классов недопустимо. Чтобы указать в коде HTML, что тег используется с определённым классом, к тегу добавляется атрибут class="Имя класса"

Пример: <html>

<head>

<meta charset="utf-8">

<title>Камни</title>

<style>

table.jewel {

width: 100%; /* Ширина таблицы */

border: 1px solid #666; /* Рамка вокруг таблицы */

}

th {

background: #009383; /* Цвет фона */

color: #fff; /* Цвет текста */

text-align: left; /* Выравнивание по левому краю */

}

tr.odd {

background: #ebd3d7; /* Цвет фона */

}

</style>

</head>

<body>

<table class="jewel">

<tr>

<th>Название</th><th>Цвет</th><th>Твердость по Моосу</th>

</tr>

<tr class="odd">

<td>Алмаз</td><td>Белый</td><td>10</td>

</tr>

<tr>

<td>Рубин</td><td>Красный</td><td>9</td>

</tr>

<tr class="odd">

<td>Аметист</td><td>Голубой</td><td>7</td>

</tr>

<tr>

<td>Изумруд</td><td>Зеленый</td><td>8</td>

</tr>

<tr class="odd">

<td>Сапфир</td><td>Голубой</td><td>9</td>

</tr>

</table>

</body>

</html>

В примере класс с именем odd используется для изменения цвета фона строки таблицы. За счёт того, что этот класс добавляется не ко всем тегам <tr> и получается чередование разных цветов.

Псевдоклассы определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа. Примером такого состояния служит текстовая ссылка, которая меняет свой цвет при наведении на неё курсора мыши. При использовании псевдоклассов браузер не перегружает текущий документ, поэтому с помощью псевдоклассов можно получить разные динамические эффекты на странице.

Селектор:Псевдокласс { Описание правил стиля }

Псевдоклассы, определяющие состояние элементов

К этой группе относятся псевдоклассы, которые распознают текущее состояние элемента и применяют стиль только для этого состояния.

:active

Происходит при активации пользователем элемента. Например, ссылка становится активной, если навести на неё курсор и щёлкнуть мышкой. Несмотря на то, что активным может стать практически любой элемент веб-страницы, псевдокласс :active используется преимущественно для ссылок.

:link

Применяется к непосещенным ссылкам, т. е. таким ссылкам, на которые пользователь ещё не нажимал. Браузер некоторое время сохраняет историю посещений, поэтому ссылка может быть помечена как посещенная хотя бы потому, что по ней был зафиксирован переход ранее.

Запись A {...} и A:link {...} по своему результату равноценна, поскольку в браузере даёт один и тот же эффект, поэтому псевдокласс :link можно не указывать. Исключением являются якоря, на них действие :link не распространяется.

:focus

Применяется к элементу при получении им фокуса. Например, для текстового поля формы получение фокуса означает, что курсор установлен в поле, и с помощью клавиатуры можно вводить в него текс

:hover

Псевдокласс :hover активизируется, когда курсор мыши находится в пределах элемента, но щелчка по нему не происходит.

:visited

Данный псевдокласс применяется к посещённым ссылкам. Обычно такая ссылка меняет свой цвет по умолчанию на фиолетовый, но с помощью стилей цвет и другие параметры можно задать самостоятельно 


Псевдоклассы, имеющие отношение к дереву документа

К этой группе относятся псевдоклассы, которые определяют положение элемента в дереве документа и применяют к нему стиль в зависимости от его статуса.

:first-child

Применяется к первому дочернему элементу селектора, который расположен в дереве элементов документа. Чтобы стало понятно, о чем речь, разберём небольшой код


Псевдоклассы, задающие язык текста

Для документов, одновременно содержащих тексты на нескольких языках имеет значение соблюдение правил синтаксиса, характерные для того или иного языка. С помощью псевдоклассов можно изменять стиль оформления иностранных текстов, а также некоторые настройки.

:lang

Определяет язык, который используется в документе или его фрагменте. В коде HTML язык устанавливается через атрибут lang, он обычно добавляется к тегу <html>. С помощью псевдокласса :lang можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах

Пример: <html>

<head>

<meta charset="utf-8">

<title>lang</title>

<style>

P {

font-size: 150%; /* Размер текста */

}

q:lang(de) {

quotes: "\201E" "\201C"; /* Вид кавычек для немецкого языка */

}

q:lang(en) {

quotes: "\201C" "\201D"; /* Вид кавычек для английского языка */

}

q:lang(fr), q:lang(ru) { /* Вид кавычек для русского и французского языка */

quotes: "\00AB" "\00BB";

}

</style>

</head>

<body>

<p>Цитата на французском языке: <q lang="fr">Ce que femme veut,

Dieu le veut</q>.</p>

<p>Цитата на немецком: <q lang="de">Der Mensch, versuche die Gotter nicht</q>.</p>

<p>Цитата на английском: <q lang="en">То be or not to be</q>.</p>


</body>

</html>

11. CSS. Логические блоки <div>, id-селекторы

Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.

в CSS есть возможность присваивать стили тегам по их уникальному атрибуту id="".Синтаксис применения селектора идентификатора следующий:

Имя идентификатора объявляется символом # и должно начинаться с латинской буквы, может включать в себя символы "-" и "_" (знак подчёркивания). В имени идентификатора запрещено использовать буквы кириллицы.

Выполнив данный пример, мы увидим, что регистр символов имеет значение для работы идентификатора и стиль сработает только для второго абзаца:



Идентификаторы id="idDiv" и id="iddiv" - это разные имена.















12. PHP. Типы данных. Функции

PHP является языком с динамической типизацией. Это значит, что тип данных переменной выводится во время выполнения, и в отличии от ряда других языков программирования в PHP не надо указывать перед переменной тип данных.

PHP поддерживает восемь простых типа данных:

  • boolean (логический тип)

  • integer (целые числа)

  • double (дробные числа)

  • string (строки)

  • array (массивы)

  • object (объекты)

  • resource (ресурсы)

  • NULL

Integer (целочисленный тип)

Представляет целое число со знаком размером в 32 бита (от -2 147 483 648 до 2 147 483 647).

1

2

$int = -100;

echo $int;

Здесь переменная $int представляет целочисленный тип, так как ей присваивается целочисленное значение.

Кроме десятичных целых чисел PHP обладает возможностью использовать также двоичные, восьмеричные и шестнадцатеричные числа. Шаблоны чисел для других систем:

  • шестнадцатеричные : 0[xX][0-9a-fA-F]

  • восьмеричные : 0[0-7]

  • двоичные : 0b[01]

Например:

1

2

3

4

5

6

7

8

9

10

11

<?php

// Все числа в десятичной системе имеют значение 28

$int_10 = 28; // десятичное число

$int_2 = 0b11100; // двоичное число

$int_8 = 034; // восьмеричное число

$int_16 = 0x1C; // шестнадцатеричное число

echo "int_10 = $int_10 <br>";

echo "int_2 = $int_2 <br>";

echo "int_8 = $int_8 <br>"; 

echo "int_16 = $int_16";

?>

Функции – вещь довольно простая. Она представляет собой кусок кода, который принимает определенные параметры и на выходе возвращает какой-либо результат. Можно написать функцию один раз, а затем использовать её в различных местах. Таким образом вам не нужно будет дублировать код, если что-то нужно сделать дважды, или трижды, или сколько угодно раз. Вообще, функции в PHP можно сравнить с функциями в математике.

В PHP изначально содержится огромное число встроенных функций. Это очень сильная сторона этого языка – почти под любую вашу потребность имеется уже готовая функцияНапример, нам нужен косинус числа 3.14. Легко! Для этого в PHP есть функция cos.




<?php


echo cos(3.14);

Результат:

-0.99999873172754


Так же функции можно создавать самим. В целом определение любой функции выглядит следующим образом:

function имяФункции (аргумент1, аргумент2)

{

какие-то действия;

return результат;

}

У функции обязательно должно быть имя. У всех функций должны быть разные имена и имя вашей функции не может называться так же, как и встроенная в PHP функция

Давайте рассмотрим пример создания простейшей функции в PHP. Пусть она принимает на вход два числа и возвращает их сумму.

<?php


function getSum($x, $y)

{

return $x + $y;

}

Окей, функцию написали, теперь можно её вызвать и посмотреть на результат её работы.

<?php


function getSum($x, $y)

{

return $x + $y;

}


$a = 5;

$b = 10;


echo getSum($a, $b) . '<br>';

echo getSum(-3, 4);

Результат:

15

1



13. PHP. Циклы, условия

Циклы позволяют повторять определенное (и даже неопределенное - когда работа цикла зависит от условия) колличество раз различные операторы. Данные операторы называются телом цикла. Проход цикла называется итерацией.

PHP поддерживает три вида циклов:

  • Цикл с предусловием (while);

  • Цикл с постусловием (do-while);

  • Цикл со счетчиком (for);

  • Специальный цикл перебора массивов (foreach).

При использовании циклов есть возможность использования операторов break и continue. Первый из них прерывает работу всего цикла, а второй - только текущей итерации.

Рассмотрим циклы PHP:

Чтобы далеко не ходить – возьмем цикл for отчет начинать будем с нуля $i = 0 , циклов будет 10- $i < 10; и шаг будет плюс один $++

И получим первую строку программы цикла :

for ($i = 0; $i < 10; $++)

Здесь следует отметить, что нужно представлять, некоторые обозначения, которые могут встречаться, (мы сделаем отдельную страницу, посвящённую обозначениям, их тупо нужно выучить!) к примеру:

$i++ — то же самое, что $i+=1, или $i = $i + 1.

Внутри фигурных скобок напишем тело цикла например самое простое вывод номера цикла : echo $i. "<br>"; // br - перенос строки

Итоговый листинг будет:

for ($i = 0; $i < 10; $++)

{

echo $i. "<br>";

}

Результат:

0
1
2
3
4
5
6
7
8
9

Условия в PHP:

Условия - это одно из важнейший операторов в PHP. Без них нельзя создать ниодин нормальный скрипт. С помощью них скрипт может в разных случаях по-разному работать. Принцип работы с ними простой, думаю Вы поймете сразу. Итак обовсем попорядку.

В операторе if ставиться условие, если оно выполняется, то выполняется часть кода следующая в фигурных скобках за ним, если нет, то часть кода идущая после оператора else. Также можно создавать сложные условия с помощью elseif. Схематично выглядит так:

if(условие){

...

}elseif(другое условие){

...

}else{

...

}



По-русски это звучит так: "Если условие выполняется, то выполняется одно, если нет, то что-то другое". Сдледующий вопрос - это как создавать условия. Для этого используются переменные и операторы сравнения: 

Пример

Название

Результат




$a == $b

Равно

True, если $a равно $b

$a === $b

Идентично

True, если $a равно $b и обе переменных принадлежат одному типу

$a != $b

Не равно

True, если $a не равно $b

$a === $b

Не идентично

True, если $a не равно $b и оба их типа не совпадают

$a > $b

Больше чем

True, если $a больше, чем $b

$a < $b

Меньше чем

True, если $a меньше, чем $b

$a >= $b

Больше или равно

True, если $a больше или равно $b

$a <= $b

Меньше или равно

True, если $a меньше или равно $b



Можно создавать сложные условия: 

Пример

Название

Результат




$a == $b && $b == $c

И

True, если $a равен $b, и $b равен $c

$a == $b || $b == $c

Или

True, если $a равен $b, или $b равен $c



Вот пример работы условий: 

<?

$a = 5;
$b = 6;
$c = 5;

if($a != $b && $b > $c) {

echo "Условие выполняется";

}else{

echo "Условие не выполнилось";

}

?>



В качестве результата должно на экране появиться "Условие выполняется".

14. PHP. Массивыивы в PHP – основы

Массивы – это специальные типы данных. В отличии от других простых переменных, массив может хранить более одного значения.

Создание массива

Массив можно создать с помощью функции array(), параметры которой и составляют массив. Параметры могут задаваться парами "ключ=>значение". Если при создании массива ключ не указывается, то индекс определяется положением элемента в массиве (начиная с 0). Например:

$рост = array (174, 181, 166); //Массив с индексацией, начинающейся с нуля

$цена = array ("помидоры" => 15, "огурцы" => 12); //Ассоциативный массив

$данные = array (

"Иванов" => array ("рост" => 174, "вес" => 68),

"Петров" => array ("рост" => 181, "вес" => 90),

"Сидоров" => array ("рост" => 166, "вес" => 73)); //Двухмерный массив

Массивы можно создать и другим способом - непосредственно. Например:

$фрукты[] = "яблоко";

$фрукты[] = "груша";

$фрукты[] = "слива";

$цена["помидор"] = 15;

$цена["огурец"] = 12;

Индексы элементов неассоциативного массива можно не указывать. PHP автоматически вычислит их. Если же указать индексы таким образом:

$фрукты[0] = "груша";

$фрукты[5] = "яблоко";

то в массиве будет два элемента, причем последний с индексом 5. Элементы 1 - 4 не инициализируются.

Можно создать массив с помощью функции array(), а затем добавить к нему новый элемент:

$фрукты = array("яблоко","груша","слива");

...

$фрукты[] = "персик";

Подсчет количества элементов

Количество элементов в массиве можно определить с помощью функций count() или sizeof().

Пример 1

<html>

<head>

<title>Размер массива</title>

</head>

<body>

<?php

$фрукты = array("яблоко", "груша", "слива", "персик");

echo "Размер массива \$фрукты равен ".count($фрукты)."<br>";

echo "Последний элемент массива \$фрукты - ".$фрукты[count($фрукты)-1]."<br>";

?>

</body>

</html>

РЕЗУЛЬТАТ ПРИМЕРА 1:

Размер массива $фрукты равен 4

Последний элемент массива $фрукты - персик

Для доступа к последнему элементу надо вычесть 1 из размера массива, так как индексация массива начинается с нуля. Для вывода зарезервированного символа "$" перед знаком доллара стоит символ обратной косой черты "\".

Частоту вхождения элементов в массив можно определить с помощью функции array_count_values(). Эта функция возвращает массив, в котором ключами являются элементы исследуемого массива, а значениями - частоты их вхождения в исследуемый массив.

15. PHP. Работа с файлами и папками

Функция file_put_contents() отвечает за создание и запись данных в файл, рассмотрим подробнее:

file_put_contents(__DIR__.'/text.txt','');//Создаем файл text.txt


$data = "Доброе утро!";

file_put_contents(__DIR__.'/text.txt',$data);// Создаем файл text.txt и записываем туда данные


file_put_contents(__DIR__.'/text.txt',$data."\r", FILE_APPEND | LOCK_EX);// Создаем файл text.txt и дописывает туда данные

Как видите функция file_put_contents может принимать три параметра file_put_contents(Полный путь и название нового файла, Данные для записи в файл, флаг).

Первые два параметра обязательные, поэтому даже если вы хотите создать файл ничего туда не записывая. Вам все равно придется указать второй параметр в виде пустой строки. Третьим параметрам являются так называемые флаги. FILE_APPEND отвечает за дописывание в файл данных , а LOCK_EX - блокирует файл во время записи.

Смотрите также файлы