РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ
Язык HTML (Hyper Text Markup Language) - язык разметки гипертекстовых документов SGML (Standard Generalized Markup Language) стандартный язык обобщенной разметки. XML (Extended Markup Language) - расширяемый язык разметки.
HTML - теги Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов. Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / » .
Назначение HTML-тегов • • • Форматирования текста; Описания кадров и форм; Форматирования таблиц и списков; Организации ссылок на другие ресурсы; Вставки изображений и расширений HTML.
Названия цветов и значения RGB
Графические форматы • GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. • JPEG (JPG) - Joint Photography Experts Group. Этот формат допускает сохранение изображений, содержащих миллионы цветов.
Структура HTML-документа <HTML> <HEAD>. . . </HEAD> <BODY>. . . </BODY> </HTML>
Информация о документе
Форматирования текста • • • <B>тест</B> тест <I>тест</I> тест <U>тест</U> тест x<sup>2</sup> х2 x<sub>2</sub> х2 <pre>т е с т </pre> т е с т
Форматирования заголовков • <h 1>тест</h 1> тест • <h 2>тест</h 2> тест • • <h 3>тест</h 3> тест <h 4>тест</h 4> тест <h 5>тест</h 5> тест <h 6>тест</h 6> тест
Разделители текста • тест<BR>тест • тест<P align=“right”>тест • тест<HR>тест
Ненумерованные списки <ul> <li>первый элемент</li> <li>второй элемент</li> </ul> · первый элемент · второй элемент
Нумерованные списки <ol> <li>первый элемент</li> <li>второй элемент</li> </ol> 1. первый элемент 2. второй элемент
Списки определений <dl> <dt>Термин</dt> <dd>Определение</dd> </dl> Термин Определение
Таблицы <TABLE border=0> <tr> <td>Ячейка 1, 1</td> <td>Ячейка 1, 2</td> </tr> <td>Ячейка 2, 1</td> <td>Ячейка 2, 2</td> </tr> </TABLE>
Встраивание в документ иллюстраций • • • <IMG src="pic. gif" width =10 height=20> <IMG src="pic. gif" align=top> <IMG src="pic. gif" border=0> <IMG src="pic. gif" hspace=10> <IMG src="pic. gif" vspace=30>
Организация ссылок • <A href=“http: //home. ifmo. ru/index. html”>тест</A> • <A name=“part_1”>Часть_1</A> • <A href=“index. html#part_1”>тест</A>
Пример HTML-документа <HTML> <HEAD> <TITLE>Пример HTML - документа</TITLE> </HEAD> <BODY bgcolor=“#00 FF 00”> <TABLE width=100%> <TR><TD colspan=2 align=center>Заголовок таблицы</TD></TR> <TD valign=bottom>Левая колонка</TD> <TD align=right><IMG src=“http: //home. ifmo. ru/images/znak. gif”> </TD> </TR> </TABLE> </BODY> </HTML>
Результат выполнения
HTML - редакторы • • • Microsoft Front. Page Netscape Composer Sausage Software Ho. Dog Macromedia Dream. Weaver Allaire Home. Site
Средства расширения возможностей HTML • • Серверные включения (SSI) Каскадные таблицы стилей (CSS) Динамический HTML (Java. Script, VBScript) Интерфейсы шлюзов (CGI) и приложений (API) Языки Perl, PHP, ASP. Flash - технология. Язык для описания виртуальной реальности (VRML) Язык Java (Java-аплет, Java-сервлет, Java-приложение)
Схема размещения материалов в Интернет Клиент: c 1 wu 1 Сервер: fio. ifmo. ru Просмотр Клиент Web Сервер Web color. html index. html Публикация Клиент FTP Каталог: c 1 wu 1 Сервер FTP
Скачать презентацию РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ Язык HTML Hyper Text Markup
06,03 РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.ppt