Язык гипертекстовой разметки HTML. Синтаксис языка. 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Язык гипертекстовой разметки HTML. Синтаксис языка.



Синтаксис документа

<!DOCTYPE html> <!-- Объявление формата документа -->

<html>

<head> <!-- Техническая информация о документе -->

<meta charset="UTF-8"> <!-- Определяем кодировку символов документа -->

<title>...</title> <!-- Задаем заголовок документа -->

<link rel="stylesheet" type="text/css" href="style.css"> <!-- Подключаем внешнюю таблицу стилей -->

<script src="script.js"></script> <!-- Подключаем сценарии -->

</head>

<body> <!-- Основная часть документа →

<!-- А дальше вы знаете и сами, самый легкий вопрос -->

</body>

</html>

 

Основные теги

<h1></h1>......<h6></h6>. — теги заголовков, от самого большого к самому маленькому.

 

<b></b> — жирный текст без придания важности выделенному фрагменту.

 

<strong></strong> — расставление акцентов в тексте путём выделения его фрагментов полужирным начертанием.

 

<em></em> — расставление акцентов путём выделения фрагментов текста курсивом.

 

<mark></mark> — выделение частей текста жёлтым маркером.

 

<pre></pre> — вывод неформатированного текста с сохранением пробелов и особенностей переносов.

 

<p></p> — контейнер для абзаца.

 

<br> — переносит текст на другую строку без создания абзаца.

 

<ol></ol> — список с цифрами.

 

<ul></ul> — список со значками.

 

<li> — отметка каждого элемента перечня (цифра или значок в зависимости от типа списка).

 

<a></a> — добавление гиперссылки в текст. Имеет обязательный атрибут href, в котором указывается ссылка или якорь. Внутри контейнера помещается текст, при нажатии на который происходит переход на другую страницу или другое место на этой же странице.

 

<img></img> — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:

<audio></audio> — вставка звукового контента.

 

<video></video> — вставка видео (поддерживается Ogg, WebM и MP4).

 

<source></source> — указывает местоположение файла для <video>, <audio> и <picture>

 

<track> — формирует субтитры для <video> и <audio>.

 

<object></object> — контейнер, через который встраиваются мультимедийные файлы. Для передачи параметров применяется тег <param>.

 

<hr> — размещает на странице горизонтальную линию. Имеет несколько атрибутов.

 

<table></table> — размещает таблицу. Все остальные теги для форматирования таблиц должны находиться внутри это контейнера.

 

<td></td> — создаёт одну ячейку.

 

<th></th> — указывает на заголовок ячейки.

 

<tr> — создание одной строки.

<form></form> — создание форм на странице. С помощью HTML описывается только внешний вид, для выполнения функций требуется запуск соответствующих скриптов на сервере.

 

 

<button></button> — создаёт интерактивную кнопку. Внутри контейнера нужно поместить текст или изображение.

 

<input> — формирует поля для добавления пользовательских данных.

 

<output> — выводит результаты вычислений, сделанных с помощью скрипта.

 

<label> — оформляет пометку для поля, созданного тегом <input>.

 

<textarea></textarea> — создаёт большие поля для ввода текста.

 

Приложение №1

Задание 1.

1. Создайте простой HTML-документ.

2. Добавьте два абзаца с произвольным текстом.

3. Организуйте между двумя абзацами вывод приветсвенного сообщения в диалоговом окне, задав необходимые команды внутри тэга <script>.

4. Добавьте команду вывода аналогичного приветсвенного сообщения

в окно браузера после закрытия диалогового окна.

5. Сохраните документ с именем Ex1.html в рабочей папке.

<!DOCTYPE html> <html> <head>        <title> Ex1 </title> </head> <body onload="welcome()"> <p> Hello, </p> <script>        function welcome() {                    alert("Привествие!");        } </script> <p> <a href="#" onclick="welcome()"> world! </a> </p> </body> </html>

 


 

Приложение № 2

Задание 2.

1. Создайте простой HTML-документ.

2. Добавьте два абзаца с произвольным текстом.

3. Организуйте между двумя абзацами вывод приветсвенного сообщения в диалоговом окне, задав необходимые команды JavaScript во внешем файле. Для этого:

создайте новый текстовый файл,

поместите в него код JavaScript,

сохраните файл с именем main.js следующим образом: укажите тип файла “Все файлы”, кодировку “UTF-8”.

4.    Добавьте ссылку на внешний скриптовый файл из рабочего HTML-документа. Сохраните документ с именем Ex2.html в рабочей папке.

Ex2.html   <!DOCTYPE html> <html> <head>        <title> Ex2 </title> </head> <body onload="welcome()">        <p> Произвольный </p>        <script type="text/javascript" src="main.js"></script>        <p> <a href="#" onclick="welcome()"> world! </a> </p> </body> </html>
main.js   function welcome() {        alert("Привествие!"); }

 


 

Приложение №3

Задание 3.

1. Создайте простой HTML-документ.

2. Сохраните документ с именем Ex3.html в рабочей папке.

3. Добавьте в документ код JavaScript так, чтобы в диалоговом окне появлялось поле с надписью "Введите сюда своё имя" и со значением по умолчанию в поле "Введите имя". Для этого используйте метод promt(...) объекта window. Для хранения введенного значения заведите новую переменную.

4. Организуйте вывод введенного значения имени в окно браузера в виде: "Ваше имя <…..>".

5. Дополните код, чтобы в новом диалоговом окне появилось надпись "Начать заново? " При положительном ответе появлялось диалоговое окно: "Не надоело? ", при отказе – "Ну и правильно!". Используйте для написания методы alert(…) и confirm(…) объекта window.

Ex3.html   <!DOCTYPE html> <html> <head>        <title> </title>        <script language="JavaScript">                    var name = prompt("Как твоё имя?", "незнакомец");                    if(confirm(`Твоё имя ${name}?`)) { // Такой вид кавычек обязателен (Кнопка «ё» в англ. Раскладке»)                                 if(confirm("Начать заново?")) {                                           if(confirm("Не надоело?")) {                                                  window.location.reload(true);                                           }                                           else {                                                       alert("Ну и правильно!");                                           }                               }                               else {                                           alert("Ну и правильно!");                               }                    }        </script> </head> <body> </body> </html>

 


 

Задание 4.

 

1. Рассмотрите  пример крипта:

<html>

<head>

<title>if</title>

</head>

<body>

<script language="JavaScript" type="text/JavaScript"> var x, y;

x=parseInt(prompt("Введите значение х",''));       //        метод parseInt()

переводит строку в целое

y=parseInt(prompt("Введите значение у",'')); // число

if(x<y)

{

alert("Максимальное число - y")

}

else {

alert("Максимальное число - x")

 

}

 

</script>

</body>

</html>

• Допишите скрипт так, чтобы при введении пользователем одинаковых чисел, открывалось сообщение "Введенные числа равны!".

• Напишите скрипт, в котором пользователя просят ввести правильный пароль. При вводе правильного пароля, в окне браузера появляется сообщение о том, что пароль верен. При вводе неправильного пароля – выпадает сообщение о неправильно введенном пароле. Для выполнения задания введите переменную password, в которую сохраните верное значение пароля.

• Сохраните документ с именем Ex4.html в рабочей папке.

Ex4.html   <html> <head> <title>if</title> </head> <body> <script language="JavaScript" type="text/JavaScript">        var x, y;        x=parseInt(prompt("Введите значение х",''));        y=parseInt(prompt("Введите значение у",''));        if(x<y) {                    alert("Максимальное число - y")        }        else if (x === y) {                    alert("Введенные числа равны!")        }        else {                    alert("Максимальное число - x")        } </script> <label for="password" alt="Пароль: 1234"> Введите пароль: </label> <input id="pass" name="password" type=password> <button onclick="checkpass()"> Войти </button> <script language="JavaScript" type="text/JavaScript">        function checkpass() {                    var password = "1234";                    var usr_password = document.getElementById("pass").value;                    if (password == usr_password) {                               alert("Пароль верен.");                    }                    else {                               alert("Пароль не верный.");                    }        } </script> </body> </html>

 

 


 

Приложение № 5

Задание 5.

• Рассмотрите пример скрипта: <html>

<head>

<title>for</title>

</head>

<body>

<h1>Пример простой</h1>

<script language="JavaScript" type="text/JavaScript"> function line() {

document.writeln("<hr align='center' width='100'>");

}

for (var i=1; i<10; i++) line();

 

</script>

</body>

</html>

• Cоздайте вариант прорисованных линий со следующим условием:

 

десять линий должны располагаться друг под другом,

первая должна быть длинной 10 пикселей,

каждая последующая на 10 пикселей больше.

Ex5.html   <html> <head> <title>for</title> </head> <body> <h1>Пример простой</h1> <script language="JavaScript" type="text/JavaScript"> function line(length) {        document.writeln(`<hr align='center' // Такой вид кавычек обязателен (Кнопка «ё» в англ. Раскладке») } for (var i=1; i<10; i++) line(i*10);   </script> </body> </html>

•  Сохраните документ с именем Ex5.html в рабочей папке.

 

 

 

Приложение №6

Задание 6.

 

• Рассмотрите пример скрипта: <html>

 

<head>

<title>array</title>

</head>

<body>

<script language="JavaScript">

year=new Array("декабрь","январь","февраль","март","апрель","май",

"июнь","июль","август","се нтябрь","октябрь","ноябрь");

 

summer=new Array(); //летние месяцы

summer=year.slice(6,9);

document.write(summer+"<br>");

</script>

</body>

</html>

ƒ Создайте массив, содержащий названия школьных предметов. Выделите из него два массива. Пусть к первому относятся предметы из раздела точных наук, а ко второму - из раздела гуманитарных наук. Для создания и вывода в окно браузера новых массивов используйте метод slice(…) и wtite(…) объекта document. Оформите исполняющий скрипт в виде отдельной функции, описанной в разделе <head> и вызванной в разделе <body>.

 

Сохраните документ с именем Ex6.html в рабочей папке.

Ex6.html   <html> <head>        <title>array</title>        <script language="JavaScript">        function school_sub() {                    subjects = new Array("математика",                               "физика",                               "химия",                               "информатика",                               "философия",                               "лигнвистика",                               "литература",                               "психология");                    var hard_sci = new Array;                    hard_sci = subjects.slice(0, 3);                    var human_sci = new Array;                    human_sci = subjects.slice(4, 7);                                            document.write("Точные науки: " + hard_sci + "<br>");                    document.write("Точные науки: " + human_sci + "<br>");        }        </script> </head> <body>        <script language="JavaScript">                    year=new Array("декабрь","январь","февраль","март","апрель","май",                    "июнь","июль","август","сентябрь","октябрь","ноябрь");                      summer=new Array(); //летние месяцы                    summer=year.slice(6,9);                    document.write(summer+"<br>");        </script>        <script> school_sub() // Вывод в body </script> </body> </html>

 

 


 

Приложение №7

Задание 7.

 

Рассмотрите скрипт:

 <html>

<head>

<title>document</title>

</head>

<body>

<script language="JavaScript" type="text/JavaScript"> document.write("Спасибо, что пришли к нам на курсы!"); </script>

</body>

</html>

Допишите скрипт так, чтобы

 

цвет фона документа был #E7E6D8,

цвет шрифта – красный,

внизу выводилась дата последней модификации документа, используйте для этого слияние методов wtite(…) и lastModified(…) объекта document.

 

Сохраните документ с именем Ex7.html в рабочей папке.

Ex7.html   <html> <head>        <title>document</title>        <style>                    html {                               background: #E7E6D8;                    }                    p {                               position: absolute;                               bottom: 0;                    }        </style> </head> <body>        <script language="JavaScript" type="text/JavaScript">                    document.write("Спасибо, что пришли к нам на курсы!");                    document.write("<p>" + document.lastModified + "</p>");        </script> </body> </html>

 

 

Приложение № 8

 

Задание 8

 

Рассмотрите пример скрипта открытия нового окна на странице: <html>

<head>

<title>window</title>

</head>

<body>

<h1>Создание нового окна</h1> <hr>

 

<script language="JavaScript" type="text/JavaScript"> window.open("http://www.google.com","","toolbar=no,scrollbars=yes,widt

h=250, height=250, resizable=yes, top=100, left=500")

</script>

</body>

</html>

Измените скрипт так, чтобы выполнялись следующие условия:

 

открытие нового окна происходило при нажатии на ссылку с

текстом: «Щелкните на ссылке для получения справочной информации»,

размеры окна - 500х500,

есть возможность изменения размеров окна.

Для выполнения задания используйте написание функции.

 

Сохраните документ с именем Ex8.html в рабочей папке.

// Стоит отметить, что открытие окон при помощи JS мало привествуется браузерами, если окно вдруг не откроется, необходимо разрешить ему открывать окна   Ex8.html   <html> <head>        <title>window</title> </head> <body>        <h1>Создание нового окна</h1> <hr>          <script language="JavaScript" type="text/JavaScript">        function open_w() {        window.open("https://www.google.com","","toolbar=no,scrollbars=yes, height=500, resizable=yes, top=100, left=500");        }        </script>        <a href="#" onclick="open_w()"> Щелкните на ссылке для получения справочной информации </a> </body> </html>

 


 

Приложение № 9

 

Задание 9.

 

1. Создайте страницу с переадресацией на другой адрес (redirect).

2. Измените скрипт так, чтобы переадресация на другой адрес была с задержкой 5 секунд.

3. Сохраните документ с именем Ex9.html в рабочей папке.

<!DOCTYPE html> <html> <body> <script>                    //window.location.href = 'https://www.google.com' // Разкомментировать для мгновенной переадресации     setTimeout(function(){        window.location.href = 'https://www.google.com';     }, 5000); </script> <p>Переадреация..</p> </body> </html>

 


 

Приложение №10

 

Задание 10

Создайте HTML-документ, в котором будет 2 ссылки:

 

первая ссылка должна ссылаться на PDF файл; при нажатии на нее выпадает сообщение с предупреждением о том, что для загрузки документа требуется программа Acrobat, и

продолжить загрузку или нет; используйте для написания метод confirm(…) для подтверждения загрузки;

 

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

 

Сохраните документ с именем Ex10.html в рабой папке.

 

// В первую очередь следует отметить что, скачивать файлы при помощи JS нельзя и является нарушением безопастности пользователя.   Ex10.html   <!DOCTYPE html> <html> <body> <a href="#" onclick="download_file()"> PDF файл (скачать) </a>        <br>        <a id="bg" href="#"> WEWEWE </a>        <script>                    function download_file() {                               if (confirm ('Download file?')) {                                           location.href = 'pdf-test.pdf';                               }                    }                    // Курсор над ссылкой                    document.getElementById("bg").addEventListener("mouseenter", function(event) {                               document.body.style.backgroundColor = "red";                    });                    // Курсор покинул ссылку                    document.getElementById("bg").addEventListener("mouseleave", function(event) {                                 document.body.style.backgroundColor = "white";                    });   </script> </body> </html>

 

 

Приложение №11

 

Задание 11.

 

Создайте HTML-документ, содержащий любую картинку.

 

Добавьте скрипт с условиями:

 

при наведении курсора мыши на картинку она увеличивается,

при отведении курсора мыши – уменьшается до исходного размера.

 

Постройте скрипт через использование функций и событий MouseOver и MouseOut.

 

Сохраните документ с именем Ex11.html в рабочей папке.

Ex11.html   <!DOCTYPE html> <html> <body> <img id="image" src="photo.jpg" width=250>        <script>                    // Курсор над картинкой                    document.getElementById("image").addEventListener("mouseenter", function(event) {                               this.setAttribute("width", 500);                    });                    // Курсор покинул картинку                    document.getElementById("image").addEventListener("mouseleave", function(event) {                                 this.setAttribute("width", 250);                    }); </script> </body> </html>

 

Приложение №12

Задание 12

 

Рассмотрите скрипт:

 <head>

<title>h1</title>

 

<script language="JavaScript"> function colorchange()

 

{

head.style.color = "red";

}

</script>

</head>

<body>

<h1 id="head" onmouseover="colorchange()">Добро пожаловать на

нашу страницу!</h1>

 

</body>

</html>

Допишите скрипт страницы таким образом, чтобы красный цвет исчезал после отвода курсора мыши с заголовка.

Сохраните документ с именем Ex12.html в рабочей папке.

Ex12.html   <html> <head>        <title>h1</title> <script language="JavaScript">        function colorchange()        {        head.style.color = "red";        }        function leave() {        head.style.color = "black";        } </script> </head> <body> <h1 id="head" onmouseover="colorchange()" onmouseleave="leave()">Добро пожаловать нанашу страницу!</h1> </body> </html>

 

Приложение №13

 

Задание 13.

Рассмотрите скрипт:

 <html>

<head>

<title>text decoration</title> <script language="JavaScript"> function addunderline()

{

head.style.textDecoration = "underline";

}

function removeunderline()

{

head.style.textDecoration = "none";

}

</script>

</head>

<body>

<h1 id="head" onMouseover="addunderline()"

onMouseout="removeunderline()">

Добро пожаловать на нашу страницу!

</h1>

</body>

</html>

Допишите скрипт страницы таким образом, чтобы на одинарный щелчок мыши появлялось полоса над заголовком, а на двойной щелчок – текст зачеркивался. Используйте события onclick, ondblclick и значения рассматриваемого свойства overline и line-through.

Сохраните документ с именем Ex18.html в рабочей папке.

Ex13.html   <html> <head> <title>text decoration</title> <script language="JavaScript"> function addunderline() { head.style.textDecoration = "underline"; } function removeunderline() { head.style.textDecoration = "none"; } function overline() {        if(head.style.textDecoration == "overline") {                    head.style.textDecoration = "none";        }        else {        head.style.textDecoration = "overline";        } } function thru() {        if(head.style.textDecoration == "line-through") {                    head.style.textDecoration = "none";        }        else {        head.style.textDecoration = "line-through";        } } </script> </head> <body> <h1 id="head" onMouseover="addunderline()" onMouseout="removeunderline()" onclick="overline()" ondblclick="thru()"> Добро пожаловать на нашу страницу! </h1> </body> </html>

 

Приложение №14

 

Задание 14.

 

Выведите на экран одна за другой четыре строки: 'Всем ', 'привет ', 'от ', 'PHP!<br><br>', используя для этого только один операторecho. После данной инструкции напишите два однострочных комментария: 'Для вывода слов на разных строках мы используем элемент "br", т.е разрыв строки' и 'Переменные выводимые оператором echo перечисляются через запятую'. Далее измените код первой части так, чтобы слова после вывода на экран находились на разных строках. В самом конце нашего кода напишите многострочный комментарий: 'После каждой инструкции мы будем ставить точку с запятой даже, если инструкция является последней в блоке php-кода!'.

ЗАМЕТЬТЕ ЧТО КОММЕНТАРИИ ТУТ ОБЯЗАТЕЛЬНЫ ТАК КАК ЗАДАНИЕ ГЛАСИТ ИХ НАЛИЧИЕ!
Ex14.php        <?php        $text = array('Всем ', 'привет ', 'от ', 'PHP!<br><br>');        foreach($text as $value) {                    echo$value."<br>";        }        //Для вывода слов на разных строках мы используем элемент "br", т.е разрыв строки        //Переменные выводимые оператором echo перечисляются через запятую                    /*После каждой инструкции мы будем ставить точку с запятой даже,        если инструкция является последней в блоке php-кода! */       ?>

 

Приложение №15

 

Задание 15

 

Восстановите по комментариям php-код условия

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?php /* Присвоение переменной по значению. После каждой операции старайтесь смотреть результат в браузере, используя для вывода оператор echo */   //Присвоили переменной $a число 15   //Присвоили переменной $b переменную $a, теперь $b==$a==15   //Изменили значение переменной $b на 'new', при этом //значение переменной $a не изменилось ($a==15)   //Опять присвоили переменной $b переменную $a, теперь $b==15   //Изменили значение переменной $a на 'sos', при этом //значение переменной $b не изменилось ($b==15)   /* Таким образом, переменная, присвоенная по значению, не зависит от переменной, которой она была присвоена */ ?>

 

Ex15.php   <?php        $a=15;        $b=$a;        $b= new;        $b=$a;        $a='sos'; ?>

 

Приложение №16

 

Задание 16

Восстановите по комментариям php-код условия.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <?php /* Присвоение переменной по ссылке. После каждой операции старайтесь смотреть результат в браузере, используя для вывода оператор echo */   //Инициализировали переменную $c присвоив ей значение 10   //Присвоили по ссылке переменной $b переменную $c, //теперь $b==$c==5.   //Изменили значение переменной $b на 'new_2', теперь //$b=='new_2' и $c также равна 'new_2'   //Изменили значение переменной $c на число 20, теперь //$c==20 и $b также изменилась ($b==20)   /* Таким образом, можно сказать, что переменная, присвоенная по ссылке, просто является псевдонимом переменной, которой она была присвоена */ ?>

 

Ex16.php   <?php $c=10; $b=&$c; $b=’new_2’; $c=20; ?>

 

Приложение №17

 

Задание 17

Создайте переменную $a и присвойте ей значение 10. Создайте переменную $b и присвойте ей значение 20. Теперь создайте переменную $car и присвойте ей строку с именем первой переменной. Выведите на экран ${$car}. Создайте еще одну переменную $trackи присвойте ей строку с именем второй переменной. Выведите на экран ${$track}.

<?php $a=10; $b=20; $car = ‘a’; echo${$car}; $track = ‘b’; Echo${$track}; ?>

 

Приложение №18

Задание 18

Создайте простую HTML-форму, которая принимает имя пользователя и отображает его с помощью оператора PHP echo

ВНИМАНИЕ! Очень важно соблюдать имя файлов в этом задании, а так же стоит обратить внимание что они должны находиться в одной папке!
Ex18in.php   <!DOCTYPE html> <html> <body>        <form action="Ex18out.php" method="post">                    <h1> Введите имя:                     <p>Имя: <input type="text" name="name" /></p>                     <p><input type="submit" value="Отправить"/> </p>        </form> </body> </html>
Ex18out.php   <?php        $name = $_POST['name'];        echo"<h1>Привет, {$name}.</h1>"; ?>

 

 

Приложение №19

 

Задание 19

Написать программу, которая сокращает ФИО. Например, Иванов Иван Иванович, результат - Иванов И. И.

<!DOCTYPE html> <html> <head>        <script language="JavaScript">                    function phpsturn() {                               var fio = document.getElementById('FIO').value;                               location = window.location.href.split('?')[0] + '?FIO=' + fio;                    }        </script> </head> <body>        <?php                    $FIO = htmlspecialchars($_GET["FIO"]);                    $FIO = explode(' ', $FIO);                                            if($FIO!= '') {                               $out = "<br>Ваше имя сокращенно: {$FIO[0]} ";                               if (array_key_exists(1, $FIO)) {                                           $out.= mb_substr($FIO[1], 0, 1).'. ';                               }                               if (array_key_exists(2, $FIO)) {                                           $out.= mb_substr($FIO[2], 0, 1).'.';                               }                               echo$out.'<br>';                    }                   ?>        <label for='FIO'> Введите ФИО: </label>        <input id='FIO' name='FIO' type='text'>        <button onclick='phpsturn()'> Проверить </button> </body> </html>

 

Приложение №20

 

Задание 20

Создайте форму с одним полем ввода с запросом любимого города пользователя. Используйте для формы метод "post".

После того, как пользователь щелкнет кнопку отправки, выведите название города, введенное пользователем, сразу же под кнопкой "Отправить".

Подсказка: переменная, содержащая пользовательский ввод, является массивом. Переменная массива - $_POST['name'], где 'name' - имя вашего поля ввода.

           

<!DOCTYPE html> <html> <body>        <form action="Ex20.php" method="post">                    <h1> Введите город:                     <p>Имя: <input type="text" name="name" />                     <input type="submit" value="Отправить"/> </p>                     <?php                               $city = $_POST['name'];                               if($city!= '') {                                           echo'<br> Вы ввели город: '.$city;                               }                   ?>        </form> </body> </html>

 

Приложение №21

Задание 21

Написать программу, которая сокращает ФИО. Например, Иванов Иван Иванович, результат - Иванов И. И.

 

<!DOCTYPE html> <html> <head>        <script language="JavaScript">                    function phpsturn() {                               var fio = document.getElementById('FIO').value;                               location = window.location.href.split('?')[0] + '?FIO=' + fio;                    }        </script> </head> <body>        <?php                    $FIO = htmlspecialchars($_GET["FIO"]);                    $FIO = explode(' ', $FIO);                                            if($FIO!= '') {                               $out = "<br>Ваше имя сокращенно: {$FIO[0]} ";                               if (array_key_exists(1, $FIO)) {                                           $out.= mb_substr($FIO[1], 0, 1).'. ';                               }                               if (array_key_exists(2, $FIO)) {                                           $out.= mb_substr($FIO[2], 0, 1).'.';                               }                               echo$out.'<br>';                    }                   ?>        <label for='FIO'> Введите ФИО: </label>        <input id='FIO' name='FIO' type='text'>        <button onclick='phpsturn()'> Проверить </button> </body> </html>

 


 

Приложение №22

 

Задание 22

Дан массив $arr. С помощью цикла foreach запишите английские названия в массив $en, а русские — в массив $ru.

Ex22.php   <!DOCTYPE html> <html> <body>        <form action="Ex22.php" method="post">                    <h1> Введите слова (Разделяйте при помощи запятой с пробелом ", " не иначе!):                     <p>Слова: <input type="text" name="words" />                     <input type="submit" value="Отправить"/> </p>                     <?php                               // Тестовое предложение: Slave, Furrs, Ноги, Глаза, Крыска, миЛыЙ, Пушистый, eWpty, oWo, оГо, это, ваще, kak                               $english_set = str_split("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ");                               $russian_set = str_split("абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ");                               $words = $_POST['words'];                               $words = explode(', ', $words);                               $en = [];                               $ru = [];                               if($words[0]!= '') {                                           foreach($words as $val) {                                                       if(in_array($val[0], $english_set)) {                                                                   array_push($en, $val);                                                       }                                           }                                           foreach($words as $val) {                                                       if(in_array($val[0], $russian_set)) {                                                                   array_push($ru, $val);                                                       }                                           }                               }                               empty($en)?: print_r($en);                               echo'<br>';                               empty($ru)?: print_r($ru);                   ?>        </form> </body> </html>

 

 

Приложение №23

 

Задание 23

Составьте массив дней недели. С помощью цикла foreach выведите все дни недели, а выходные дни выведите жирным

 

Ex23.php   <?php        $arr = array('Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье');                    foreach($arr as $day) {                    if($day == 'Суббота' or $day == 'Воскресенье') {                               echo"<p > {$day} </p>";                    }                    else {                               echo"<p> {$day} </p>";                    }        } ?>

 

 


Приложение №24

 

Задание 24.

Дано число $num=1000. Делите его на 2 столько раз, пока результат деления не станет меньше 50. Какое число получится? Посчитайте количество итераций, необходимых для этого (итерация - это проход цикла). Решите задачу сначала через цикл while, а потом через цикл for

 

Ex24.php   <?php        $num = 1000;        $counter = 0;        while ($num > 50) {                    $num = $num / 2;                    $counter++;        }        echo"WHILE: num = {$num}<br> кол-во итераций = {$counter}<br>";        $num = 1000;        for($i=0; $i < $counter; $i++) {                    $num = $num / 2;        }        echo"FOR: num = {$num}<br> кол-во итераций = {$counter}<br>"; ?>

 

Приложение №25

 

Задание 25

Дан массив с элементами 1, 2, 5, 9, 4, 13, 4, 10. С помощью цикла foreach и оператора if проверьте есть ли в массиве элемент со значением, равным 4. Если есть - выведите на экран 'Есть!' и выйдите из цикла. Если нет - ничего делать не надо.

Ex25.php   <?php $arr = array(1, 2, 5, 9, 4, 13, 4, 10);   foreach($arr as $val) { if($val == 4) { echo”Есть!”; } } ?>

 

 

 



Поделиться:


Последнее изменение этой страницы: 2021-06-14; просмотров: 998; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.140.249.104 (0.232 с.)