🗊Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике

Категория: Информатика
Нажмите для полного просмотра!
Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №1Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №2Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №3Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №4Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №5Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №6Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №7Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №8Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №9Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №10Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №11Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №12Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №13Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №14Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №15Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №16Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №17Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №18Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №19Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №20Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №21Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №22Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №23Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №24Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №25Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №26Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №27Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №28Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №29Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №30Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №31
Скачать

Содержание ▲

Вы можете ознакомиться и скачать Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике. Презентация содержит 31 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Презентация "Основы HTML. Разработка Web-сайта" - скачать презентации по Информатике, слайд №1
Описание слайда:

Слайд 2


Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
Описание слайда:
Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Слайд 3


Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.
Описание слайда:
Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.

Слайд 4


Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением.
Описание слайда:
Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением.

Слайд 5


HTML-код страницы помещается внутрь контейнера <HTML></HTML> HTML-код страницы помещается внутрь контейнера <HTML></HTML> Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> Название Web-страницы содержится в контейнере < TITLE ></TITLE> <HTML> <HEAD> <ТIТLЕ>Компьютер</ТIТLЕ> </HEAD> </HTML>
Описание слайда:
HTML-код страницы помещается внутрь контейнера <HTML></HTML> HTML-код страницы помещается внутрь контейнера <HTML></HTML> Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> Название Web-страницы содержится в контейнере < TITLE ></TITLE> <HTML> <HEAD> <ТIТLЕ>Компьютер</ТIТLЕ> </HEAD> </HTML>

Слайд 6


Основное содержание страницы помещается в контейнер <BODY></BODY> Основное содержание страницы помещается в контейнер <BODY></BODY> <HTML> <HEAD> <ТIТLЕ>Компьютер</ТIТLЕ> </HEAD> <BODY> Все о компьютере </BODY> </HTML>
Описание слайда:
Основное содержание страницы помещается в контейнер <BODY></BODY> Основное содержание страницы помещается в контейнер <BODY></BODY> <HTML> <HEAD> <ТIТLЕ>Компьютер</ТIТLЕ> </HEAD> <BODY> Все о компьютере </BODY> </HTML>

Слайд 7


Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1> (самый крупный) до <Н6> (самый мелкий) Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1> (самый крупный) до <Н6> (самый мелкий) <Н1>Все о компьютере</Н1> Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“ <Н1 ALIGN="center">Bce о компьютере</Н1>
Описание слайда:
Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1> (самый крупный) до <Н6> (самый мелкий) Размер шрифта для имеющихся в тексте заголовков задается тэгами от <Н1> (самый крупный) до <Н6> (самый мелкий) <Н1>Все о компьютере</Н1> Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру — ALIGN="center“ <Н1 ALIGN="center">Bce о компьютере</Н1>

Слайд 8


С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue") С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue") <FONT COLOR="blue"> <Н1 ALIGN="center">Bce о компьютере</Н1> </FONT> Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга <HR>
Описание слайда:
С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue") С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4), атрибут COLOR — цвет шрифта (например, COLOR="blue") <FONT COLOR="blue"> <Н1 ALIGN="center">Bce о компьютере</Н1> </FONT> Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга <HR>

Слайд 9


Разделение текста на абзацы производится с помощью контейнера <Р></Р> Разделение текста на абзацы производится с помощью контейнера <Р></Р> Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:
Описание слайда:
Разделение текста на абзацы производится с помощью контейнера <Р></Р> Разделение текста на абзацы производится с помощью контейнера <Р></Р> Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:

Слайд 10


<HTML> <HTML> <HEAD> <TITLE>Компьютер</TITLE> </HEAD> <BODY> <FONT COLOR="blue"> <H1 ALIGN="center">Bce о компьютере</H1> </FONT> <HR> <P ALIGN="left">Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</P> <P ALIGN="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</P> <BODY> </HTML>
Описание слайда:
<HTML> <HTML> <HEAD> <TITLE>Компьютер</TITLE> </HEAD> <BODY> <FONT COLOR="blue"> <H1 ALIGN="center">Bce о компьютере</H1> </FONT> <HR> <P ALIGN="left">Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</P> <P ALIGN="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</P> <BODY> </HTML>

Слайд 11


Вставка изображений Для вставки изображения используется тэг <IMG> с атрибутом SRC <IMG SRC="COMP6.gif">
Описание слайда:
Вставка изображений Для вставки изображения используется тэг <IMG> с атрибутом SRC <IMG SRC="COMP6.gif">

Слайд 12


Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга <IMG>, который может принимать пять различных значений: Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга <IMG>, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) RIGHT (справа). <IMG SRC="COMP6.gif" ALT="Компьютер" ALIGN="right" >
Описание слайда:
Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга <IMG>, который может принимать пять различных значений: Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга <IMG>, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) RIGHT (справа). <IMG SRC="COMP6.gif" ALT="Компьютер" ALIGN="right" >

Слайд 13


Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.
Описание слайда:
Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта.

Слайд 14


<HTML> <HTML> <HEAD> <ТIТLЕ>Заголовок страницы</ТIТLЕ> </HEAD> <BODY> </BODY> </HTML> Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта.
Описание слайда:
<HTML> <HTML> <HEAD> <ТIТLЕ>Заголовок страницы</ТIТLЕ> </HEAD> <BODY> </BODY> </HTML> Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта.

Слайд 15


Панель навигации Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами (&nbsp): <Р ALIGH="center"> [Программы] &nbsp [Словарь] &nbsp [Комплектующие] &nbsp [Анкета] </Р>
Описание слайда:
Панель навигации Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами (&nbsp): <Р ALIGH="center"> [Программы] &nbsp [Словарь] &nbsp [Комплектующие] &nbsp [Анкета] </Р>

Слайд 16


<P ALIGN="center"> <P ALIGN="center"> [<A HREF="software.htm">Программы</A>] &nbsp [<A HREF="glossary.htm">Словарь</A>] &nbsp [<A HREF="hardware.htm">Комплектующие</A>] &nbsp [<A HREF="anketa.htm">Aнкетa</A>] </P>
Описание слайда:
<P ALIGN="center"> <P ALIGN="center"> [<A HREF="software.htm">Программы</A>] &nbsp [<A HREF="glossary.htm">Словарь</A>] &nbsp [<A HREF="hardware.htm">Комплектующие</A>] &nbsp [<A HREF="anketa.htm">Aнкетa</A>] </P>

Слайд 17


Ссылка на электронный адрес <ADDRESS> <А HREF="mailto:mailbox@provaider.ru">E-mail: mailbox@provaider.ru </A> </ADDRESS>
Описание слайда:
Ссылка на электронный адрес <ADDRESS> <А HREF="mailto:mailbox@provaider.ru">E-mail: mailbox@provaider.ru </A> </ADDRESS>

Слайд 18


Списки Список располагается внутри контейнера <OL></OL>, а каждый элемент списка определяется тэгом <LI>. С помощью атрибута TYPE тэга <OL> можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и т.д. Программное обеспечение <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </OL>
Описание слайда:
Списки Список располагается внутри контейнера <OL></OL>, а каждый элемент списка определяется тэгом <LI>. С помощью атрибута TYPE тэга <OL> можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и т.д. Программное обеспечение <OL> <LI>Системные программы <LI>Прикладные программы <LI>Системы программирования </OL>

Слайд 19


Вложенный ненумерованный список располагается внутри контейнера <UL></UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Вложенный ненумерованный список располагается внутри контейнера <UL></UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Для прикладных программ: <UL> <LI TYPE="square"> текстовые редакторы; <LI TYPE="square"> графические редакторы; <LI TYPE="square"> электронные таблицы; <LI TYPE="square"> системы управления базами данных. </UL>
Описание слайда:
Вложенный ненумерованный список располагается внутри контейнера <UL></UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Вложенный ненумерованный список располагается внутри контейнера <UL></UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Для прикладных программ: <UL> <LI TYPE="square"> текстовые редакторы; <LI TYPE="square"> графические редакторы; <LI TYPE="square"> электронные таблицы; <LI TYPE="square"> системы управления базами данных. </UL>

Слайд 20


Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Для этого используем контейнер списка определений </DL>. Внутри него текст оформляется в виде термина, который выделяется непарным тэгом <DT>, и определения, которое следует за тэгом <DD> <DL> <DT> Процессор <DD> Центральное устройство компьютера, производящее обработку информации в двоичном коде. <DТ> Оперативная память <DD> Устройство, в котором хранятся программы и данные. </DL>
Описание слайда:
Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Страницу «Словарь» мы представим в виде словаря компьютерных терминов. Для этого используем контейнер списка определений </DL>. Внутри него текст оформляется в виде термина, который выделяется непарным тэгом <DT>, и определения, которое следует за тэгом <DD> <DL> <DT> Процессор <DD> Центральное устройство компьютера, производящее обработку информации в двоичном коде. <DТ> Оперативная память <DD> Устройство, в котором хранятся программы и данные. </DL>

Слайд 21


Формы Форма заключается в контейнер <FORM></FORM> Текстовые поля: создаются с помощью тэга <INPUT> со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах. Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки <BR>.
Описание слайда:
Формы Форма заключается в контейнер <FORM></FORM> Текстовые поля: создаются с помощью тэга <INPUT> со значением атрибута TYPE="text". Атрибут NAME является обязательным и служит для идентификации полученной информации. Значением атрибута SIZE является число, задающее длину поля ввода в символах. Для того чтобы анкета «читалась», необходимо разделить строки с помощью тэга перевода строки <BR>.

Слайд 22


<FORM> Пожалуйста, введите ваше имя: <BR> <INPUT TYPE="text" NAME="name" SIZE=30> <BR> E-mail: <BR> <INPUT TYPE="text" NAME="e-mail" SIZE= 30 > <BR> </FORM>
Описание слайда:
<FORM> Пожалуйста, введите ваше имя: <BR> <INPUT TYPE="text" NAME="name" SIZE=30> <BR> E-mail: <BR> <INPUT TYPE="text" NAME="e-mail" SIZE= 30 > <BR> </FORM>

Слайд 23


Переключатели Переключатели Группа переключателей («радиокнопок») создается с помощью тэга <INPUT> со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.
Описание слайда:
Переключатели Переключатели Группа переключателей («радиокнопок») создается с помощью тэга <INPUT> со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим значения "schoolboy", "student" и "teacher". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки», так как при ее выборе именно они передаются серверу.

Слайд 24


Укажите, к какой группе пользователей вы себя относите: <BR> Укажите, к какой группе пользователей вы себя относите: <BR> <INPUT TYPE="radio" NAME="group" VALUE= “schoolboy">учащийся<ВР> <INPUT TYPE="radio" NAME="group" VALUE= "student">студент<ВР> <INPUT TYPE="radio" NAME="group" VALUE= "teacher">учитель<ВP>
Описание слайда:
Укажите, к какой группе пользователей вы себя относите: <BR> Укажите, к какой группе пользователей вы себя относите: <BR> <INPUT TYPE="radio" NAME="group" VALUE= “schoolboy">учащийся<ВР> <INPUT TYPE="radio" NAME="group" VALUE= "student">студент<ВР> <INPUT TYPE="radio" NAME="group" VALUE= "teacher">учитель<ВP>

Слайд 25


Флажки Если из предложенного перечня он нужно выбрать одновременно несколько вариантов, то их помечают флажками. Флажки создаются в тэге <INPUT> значением атрибута TYPE="checkbox". Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим, например, значения "www", "e-mail" и "ftp".
Описание слайда:
Флажки Если из предложенного перечня он нужно выбрать одновременно несколько вариантов, то их помечают флажками. Флажки создаются в тэге <INPUT> значением атрибута TYPE="checkbox". Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group". Еще одним обязательным атрибутом является VALUE, которому присвоим, например, значения "www", "e-mail" и "ftp".

Слайд 26


Какие из сервисов Интернета вы используете наиболее часто: <BR> Какие из сервисов Интернета вы используете наиболее часто: <BR> <INPUT TYPE="checkbox“ NAME="group" VALUE="WWW"> WWW<BR> <INPUT TYPE="checkbox" NAME="group" VALUE= "e-mail"> e-mail <BR> <INPUT TYPE="checkbox“ NAME="group" VALUE="ftp” > FTP<BR>
Описание слайда:
Какие из сервисов Интернета вы используете наиболее часто: <BR> Какие из сервисов Интернета вы используете наиболее часто: <BR> <INPUT TYPE="checkbox“ NAME="group" VALUE="WWW"> WWW<BR> <INPUT TYPE="checkbox" NAME="group" VALUE= "e-mail"> e-mail <BR> <INPUT TYPE="checkbox“ NAME="group" VALUE="ftp” > FTP<BR>

Слайд 27


Поля списков Выясним, какой из браузеров предпочитает посетитель сайта. Перечень браузеров представим в виде раскрывающегося списка, из которого можно выбрать только один вариант. Для реализации такого списка используется контейнер <SELECT></SELECT>, в котором каждый элемент списка определяется тэгом <OPTION>. Выбираемый по умолчанию элемент задается с помощью атрибута SELECTED.
Описание слайда:
Поля списков Выясним, какой из браузеров предпочитает посетитель сайта. Перечень браузеров представим в виде раскрывающегося списка, из которого можно выбрать только один вариант. Для реализации такого списка используется контейнер <SELECT></SELECT>, в котором каждый элемент списка определяется тэгом <OPTION>. Выбираемый по умолчанию элемент задается с помощью атрибута SELECTED.

Слайд 28


Какой из браузеров вы предпочитаете? <BR> Какой из браузеров вы предпочитаете? <BR> <SELECT NAME="browsers"> <OPTION SELECTED> Internet Explorer Internet Explorer <OPTION> Netscape Navigator <OPTION> Opera <OPTION> Neo Planet </SELECT> <BR>
Описание слайда:
Какой из браузеров вы предпочитаете? <BR> Какой из браузеров вы предпочитаете? <BR> <SELECT NAME="browsers"> <OPTION SELECTED> Internet Explorer Internet Explorer <OPTION> Netscape Navigator <OPTION> Opera <OPTION> Neo Planet </SELECT> <BR>

Слайд 29


Текстовая область Создается такая область с помощью тэга <TEXTAREA> с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области. Какую еще информацию вы хотели бы видеть на нашем сайте? <BR> <TEXTAREA NAME="resume" ROWS=4 COLS=30> </TEXTAREA <BR>
Описание слайда:
Текстовая область Создается такая область с помощью тэга <TEXTAREA> с обязательными атрибутами: NAME, задающим имя области, ROWS, определяющим число строк, и COLS — число столбцов области. Какую еще информацию вы хотели бы видеть на нашем сайте? <BR> <TEXTAREA NAME="resume" ROWS=4 COLS=30> </TEXTAREA <BR>

Слайд 30


Отправка данных из формы Отправка введенной в форму информации или очистка полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга <INPUT>. Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить". Для создания кнопки, которая производит очистку фор­мы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE - значение "Очистить". <INPUT TYPE="submit" VALUE="Отправить"> <INPUT TYPE="reset" VALUE="Очистить">
Описание слайда:
Отправка данных из формы Отправка введенной в форму информации или очистка полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга <INPUT>. Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить". Для создания кнопки, которая производит очистку фор­мы, атрибуту TYPE необходимо присвоить значение "reset", а атрибуту VALUE - значение "Очистить". <INPUT TYPE="submit" VALUE="Отправить"> <INPUT TYPE="reset" VALUE="Очистить">

Слайд 31


ДОМАШНЕЕ ЗАДАНИЕ выучить условные обозначения и значения тэгов (контейнеров)
Описание слайда:
ДОМАШНЕЕ ЗАДАНИЕ выучить условные обозначения и значения тэгов (контейнеров)

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию