Читайте также:
|
|
КОНТРОЛЬНАЯ РАБОТА
РАЗМЕТКИ ГИПЕРТЕКСТА HTML»
Тема: Разработка HTML веб-страниц на языке разметки гипертекста.
Цель работы: познакомиться со структурой и с технологией создания веб-страниц:
· изучить структуру HTML страницы;
· освоить основные теги для написания кода HTMLстраниц;
· освоить теги создания и форматирования таблиц.
Лабораторная работа выполняется в операционной системе Windows ХР/200х с использованием блокнота «NotePad» и обозревателя Internet Explorer.
Задание 1.
Исходный код:
<html>
<head>
<title>Привет, мир</title>
<meta content="text/html; charset=Windows-1251">
</head>
<body>
<center>
<h1>Привет, Мир!</hl>
</сenter>
</body>
</html>
Результаты:
Задание 2.
Исходный код:
<html>
<head>
<title>Основные HTML теги</title>
<meta content="text/html; charset=Windows-1251">
</head>
<body>
<h1>Основные HTML теги </h1>
<h1>Это заголовок h1 </h1>
<h2>Это заголовок h2 </h2>
<h3>Это заголовок h3 </h3>
<h4>Это заголовок h4 </h4>
<h5>Это заголовок h5 </h5>
<h6>Это заголовок h6 </h6>
<center>
Это центрированный текст
</center>
<b>Это полужирный текст</b>
<br>
<i>Это курсив</i>
<hr>
</body>
</html>
Результаты:
Задание 3.
Исходный код:
<html>
<head>
<title>Остальные HTML теги</title>
<meta content="text/html; charset=Windows-1251">
</head>
<body>
<h1>Остальные HTML теги</h1>
<h3>Нумерованный список</h3>
<ol>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
</ol>
<h3>Маркированный список</h3>
<ul>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
</ul>
<h3>Гиперссылка </h3>
<a href = http://oka-22.narod.ru/> Ноmе раgе</a>
<h3>Рисунок<h3>
<img src="OKA.gif"
height = 50
width = 100>
</body>
</html>
Результаты:
Задание 4.
Исходный код:
<html>
<head>
<title>Расписание</title>
<meta content="text/html; charset=Windows-1251">
</head>
<body>
<table border="1">
<tr>
<th></th>
<th>Понедельник</th>
<th>Вторник</th>
<th>Среда</th>
<th>Четверг</th>
<th>Пятница</th>
</tr>
<tr>
<th>Утро</th>
<td>Математика</td>
<td>Физика</td>
<td>Математика</td>
<td>Физика</td>
<td>Музыка</td>
</tr>
<tr>
<th>День</th>
<td>Русский</td>
<td>Английский</td>
<td>История</td>
<td>Английский</td>
<td>История</td>
</tr>
</table>
</body>
</html>
Результаты:
Дата добавления: 2015-07-21; просмотров: 55 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
При техническом обслуживании между ремонтами | | | Тема 2. Информационные технологии. Текстовый редактор: назначение, основные функции. Различные форматы текстовых файлов (документов). Различные кодировки кириллицы. |