Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Информатика. Спецглавы. 2012
Цель работы: познакомиться с понятиями язык разметки, тег, гиперссылка, со структурой html-документа, научиться создавать в html-документе текстовые блоки, таблицы, формировать гиперссылки для перехода в другой документ, внутри документа.
Летом 1881 года в Северном Ледовитом океане, к северо-востоку от Новосибирских островов, разыгралась трагедия: судно американской полярной экспедиции «Жанетта» было раздавлено льдами и затонуло. Три года спустя, в 1884 году, у юго-западных берегов Гренландии было найдено 58 различных предметов, принадлежащих этой экспедиции.
Плоды, растущие на Антильских островах, иногда обнаруживаются у берегов Шотландии и даже у берегов Шпицбергена. Пемзу, выброшенную при извержении вулкана Кракатау в Зондском проливе в 1883 году, моряки находили через год у берегов Мадагаскара и южной оконечности Африки.
Эти примеры говорят о передвижении воды в океанах от Новосибирских островов к южной оконечности Гренландии, от Антильских островов к Шпицбергену, от Зондского пролива к Мадагаскару. Такие перемещения воды в океанах на большие расстояния называются морскими течениями.
|
Название |
Скорость (км/сутки) |
Температура воды |
Где протекает |
|
Северное пассатное |
20-45 |
Тёплое |
К северу от экватора, от Африки к Антильским островам |
|
Гольфстрим |
25-60 |
Тёплое |
От берегов Америки на северо-восток |
|
Северо-Атлантическое |
20-45 |
Тёплое |
Продолжение Гольфстрима к северо-западу Европы |
|
Лабрадорское |
15-60 |
Холодное |
Вдоль северо-восточного берега Северной Америки |
Документ в соответствии со срандартом HTML 4.01 состоит из трех частей:
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional //EN”>, здесь 4.01 означает используемый стандарт HTML, Transitional — возможность использования в документе нерекомендованных элементов,
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional //EN”>
<html>
<head>
служебные теги
</head>
<body>
информация для пользователя, размеченная при помощи тегов
</body>
</html>
<title>Заголовок</title> - текст, который браузер выведет при показе документа в заголовке своего окна.
<meta http-equiv=”Content-Type” content=”text/html; charset=Windows-1251”> - указание браузеру использовать при показе документа кодировку Windows.
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8”> указание браузеру использовать при показе документа кодировку Linux или Mac OS X.
<p> </p> - абзац
<div> </div> текстовый блок
<blockquote> </blockquote> - длинная цитата
<h1> </h1> - заголовок
<h2> </h2> - заголовок
<h3> </h3> - заголовок
<h4> </h4> - заголовок
<h5> </h5> - заголовок
<h6> </h6> - заголовок
<br> - перевод строки (непарный тег), не образует новый текстовый блок.
<img src=”my_picture.gif” align=”right”> - вставка рисунка из файла my_picture.gif справа от текста.
<hr align=”left” size=”3” width=”70%” color=”red”> вставка горизонтальной полосы красного цвета толщиной 3 пикселя и длиной 70% от ширины экрана, выравнивание по левой границе.
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional //EN”>
<html>
<head>
<title>Заголовок</title>
</head>
<body>
<img src="../files/144/angel.gif" align=right>
<p>Эти примеры говорят о передвижении воды в океанах от Новосибирских островов к южной оконечности Гренландии, от Антильских островов к Шпицбергену, от Зондского пролива к Мадагаскару. Такие перемещения воды в океанах на большие расстояния называются морскими течениями.</p>
</body>
</html>
Маркированный список
Атрибут type определяет маркер: ”disc” - закрашенный кружок (по умолчанию), ”circle” - незакрашенный кружок, ”square” - закрашенный квадрат.
<ul type=”circle”>
<li>Текст 1
<li>Текст 2
<li>Текст 3
</ul>
Нумерованный список
Атрибут type задает вид нумерации элементов списка: 1 — арабские цифры (по умолчанию), A — прописные латинские буквы, a — строчные латинские буквы, I — римские цифры, записанные с помощью прописных букв, i — римские цифры, записанные с помощью строчных букв.
<ol type=”a”>
<li>Текст 1
<li>Текст 2
<li>Текст 3
</ol>
Используются параметры по умолчанию:
<table>
<tr>
<th>Первый заголовок </th>
<th>Второй заголовок</th>
</tr>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка, следующая - пустая</td>
<td> </td>
</tr>
</table>
Заданы параметры таблицы: border — толщина линий обрамления в пикселях, width — ширина таблицы в пикселях (можно также задать в процентах от ширины экрана).
<table border=2 width=250>
<tr>
<th>Первый заголовок</th>
<th>Второй заголовок</th>
</tr>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка, следующая -
пустая</td>
<td> </td>
</tr>
</table>
5