1. Введение в веб-программирование. Html- разметка Цель лекции: изучение основных аспектов html

 
(window.status=’Текст, 

 
Рассмотрите методы и свойства объекта window 

 
самостоятельно по мере практической необходимости. 

 
Возможно, на практике Вам потребуется создавать свои 

 
Пример использования PHP в HTML.

 ', 
$papa, ' '; 
?> 
Посёлки городского типа 
Харьковской области:

---

 
$f=fopen('kh.txt','r'); 
while (!feof($f)) 
{ 
$s=fgets($f); 
echo $s,'
'; 
} 
fclose($f); 
?> 
Посёлки городского типа 
Харьковской области:

---

 
$f=fopen('kh.txt','r'); 
while (!feof($f)) 
{ 
$s=fgets($f); 
if ($s[0]=='Б') 
echo $s,'
'; 
} 
fclose($f); 
?> 
method="POST"> 
Ваше имя?
size="50">
Придумайте пароль: 
size="20"> 
Сформируйте заказ: 
name="cofe">Кофе 
name="tea" checked>Чай 
checked>Пиво
Выберите способ оплаты: 
name="money" value="var1" 
checked>Наличными 
value="var2">Кредитная карта
type="submit">
  
Тег <form> .. </form> обрамляет те данные, которые будут 
отправлены на сервер. В атрибуте action указывается адрес в 
Интернете той программы, которая будет обрабатывать эти 
данные. В данном случае это “primer.php” (рассмотрим его 
позже). В атрибуте method указывается метод отправки (это 
может быть “POST” или “GET”). В данном примере указан 
метод POST. Методы POST и GET отличаются тем, что для 
метода POST данные отправляются в теле HTTP-запроса (их не 
видно пользователю), а в методе GET данные отправляются в 
строке URL (их видно в адресной строке в браузере). 
Рассмотрим подробнее POST и GET позже, когда будем 
рассматривать текст программы primer.php, которая будет на 
сервере обрабатывать наши данные. 
Внутри тега <form> .. </form> мы видим несколько тегов 
<input> 
( элемент формы), отличающихся разным 
значением атрибута type. Именно значение атрибута type 
определяет внешний вид элемента формы и его назначение. 
Значение type=”text” задает текстовую строку ввода. В 
этом случае атрибут size=”50” означает, что в строке будет 
максимум 50 букв. Атрибут name понадобится нам при 
обработке данных на сервере и мы вернемся к нему позже. 
Значение type=”password” также задает строку ввода. 
Однако буквы, которые пользователь будет вводить, будут 
отображаться на экране звездочками (символами *). 
Значение 
type=”checkbox” 
задает 
элементы 
с 
“галочками”, которые можно устанавливать независимо 
друг от друга. При этом наличие атрибута checked (без 
значения) указывает браузеру, что “галочка” должна стоять 
в элементе уже при загрузке веб-страницы. 
 
Ваше имя? name="nam" size="15">
Год рождения? type="text" name="year" 
size="7">
type="submit">
  
Первая 
ссылка
Вторая 
ссылка 

method="POST">
Номер группы?
size="10">
ФИО: name="fam" size="50">
Год рождения: name="fam" size="50">
type="submit">
 
 
align="middle"> 
ХАИ
 
Вы видели когда-нибудь главный 
корпус ХАИ?
Fade 
 
 

Текст 

Изменить 
цвет 
 

Здравствуйте, как 
Рисунок 6.2 - Программа изменяет свойство стиля 
дела?

 
На рис. 6.2 
приведен пример веб-страницы, где JQuery 
 

используется 
для изменения свойств стилей (файл 
Ответить 
ex6_02.html). 
 
 

 Текст

 
 
 

height:100px; background-
color:lightblue">

 
 
 
 


onclick="nnn()">Изменить 
 

method="POST"> 
Ваше имя? name="nam" size="15">
Год рождения? name="year" size="7">
type="submit">
 
 
Посмотреть 
 

 
Название поселка? type="text" name="nam"> 

 

 

 
Куки добавлены! 
 

жүктеу/скачать 5.65 Mb.

Достарыңызбен бөлісу: