Тема: Создание простейшей веб-страницы.
Цель работы: научиться создавать простейшую веб-страницу.
Программное обеспечение: браузер (например, Internet Explorer или Opera), персональный компьютер, операционная система Windows XP или более поздние версии, стандартный набор программ.
Исходный код:
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Без названия 1</title>
<style type="text/css">
.style1 {
color: #FFFFFF;
}
.style2 {
text-align: center;
}
.style3 {
text-align: left;
color: #FFFFFF;
}
</style>
</head>
<body style="background-color: #000000">
<p class="style2"><span lang="ru" class="style1">Простейшая веб-страница</span></p>
<p class="style3">В статье рассказывается о том, как при помощи IBM® Rational®
Software Architect генерировать работоспособные Web-страницы из модели данных
UML. Генерируемые Web-сайты содержат страницы, предлагающие функции создания,
чтения, обновления и удаления (create, read, update, delete, CRUD) для ранее
определенной модели данных. Их можно использовать для автоматической генерации
простых окон управления данными для приложений, что позволит вам
сконцентрироваться на более сложных и значимых аспектах разработки.</p>
</body>
</html>
Вывод: В ходе выполнения лабораторной работы я получил навыки для создания простейшей веб-страницы.
Тема: Создание списков в HTML-документе
Цель работы: научиться создавать в html-документе списки различной сложности.
Программное обеспечение: браузер (например, Internet Explorer или Opera), персональный компьютер, операционная система Windows XP или более поздние версии, стандартный набор программ.
Исходный код:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Без названия 1</title>
<style type="text/css">
.style1 {
color: #FFFFFF;
}
.style2 {
text-align: center;
}
.style3 {
text-align: left;
color: #FFFFFF;
}
</style>
</head>
<body style="background-color: #000000">
<p class="style2"><span lang="ru" class="style1">Простейшая веб-страница</span></p>
<ol>
<li class="style1">элемент 1</li>
<li class="style1">элемент 2</li>
<li class="style1">элемент 3</li>
</ol>
<ol type="A">
<li class="style1">элемент 1</li>
<li class="style1">элемент 2</li>
<li class="style1">элемент 3</li>
</ol>
<ol start="5">
<li class="style1">элемент 1</li>
<li value="9" class="style1">элемент 2</li>
<li class="style1">элемент 3</li>
</ol>
</body>
</html>
Вывод: В ходе выполнения лабораторной работы я получил навыки для создания списка при помощи html тегов.
Тема: Создание ссылок в HTML-документе.
Цель работы: научиться создавать в html-документе ссылки разного уровня.
Программное обеспечение: браузер (например, Internet Explorer или Opera), персональный компьютер, операционная система Windows XP или более поздние версии, стандартный набор программ.
Исходный код:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Без названия 1</title>
<style type="text/css">
.style1 {
color: #FFFFFF;
}
.style2 {
text-align: center;
}
</style>
</head>
<body style="background-color: #000000">
<p class="style2"><span lang="ru" class="style1">Простейшая веб-страница</span></p>
<a href="mailto:admin@on-line-teaching.com?subject=Письмо автору" title="Письмо автору с сайта www.on-line-teaching.com">admin@on-line-teaching.com</a>
<br>
<a href="../index.html" target="_blank"">Ссылка на главную страницу сайта</a>
<br>
<a href="http://on-line-teaching.com/index.html">Ссылка на главную страницу сайта</a>
<br>
<a href="../index.html">Ссылка на главную страницу сайта</a>
</body>
</html>
Вывод: В ходе выполнения лабораторной работы я получил навыки для создания ссылков при помощи html тегов.
Тема: Создание таблиц в HTML-документе
Цель работы: научиться создавать в html-документе таблицы различной сложности.
Программное обеспечение: браузер (например, Internet Explorer или Opera), персональный компьютер, операционная система Windows XP или более поздние версии, стандартный набор программ.