Откройте в новой вкладке Firefox адрес http://dist-learn.spb.ru/html
В верхнем поле, удалив находящуюся в нем надпись, впечатайте следующее:
<body>
<h1>Иван Иванов</h1>
</body>
(используйте свое имя и фамилию)
Нажмите зеленую кнопку "Play" ( ▶ )
Просмотрите результат в нижней части окна. Вы увидите крупный заголовок с вашим именем и фамилией.
Все дальнейшее печатайте между тегами
<body>
и
</body>
<body>
и
</body>
Первый должен быть в самом начале, а второй - в самом конце!
Окружите свою фамилию тегами <em> и </em> - и снова нажмите Play.
Что изменилось?
Теперь вставьте под заголовком (с фамилиеей) абзац. Это теги <p> и </p>
В этом абзаце впечатайте гиперссылку на страницу Википедии, посвященную Всемирной Паутине:
<a href="http://ru.wikipedia.org/wiki/WWW">World Wide Web</a>
Нажмите Play.
Щелкните по гиперссылке правой кнопкой мыши, выберите открытие в новой вкладке, убедитесь что сайт открывается.
Вернитесь к вкладке с тегами.
Вставьте еще один абзац. В нем вставьте изображение из Интернета.
Для этого надо получить его URL-адрес:
- Откройте в отдельной вкладке google.ru;
- Введите в строку поиска "Тим Бернерс-Ли" и выберите "Картинки";
- Выберите не очень крупную картинку и щелкните по ней;
- В правой части окна выберите показ картинки в полном размере;
- Когда картинка откроется отдельно в полном размере, скопируйте ее адрес из верхней адресной строки (начиная с http://)
- Вернитесь к вкладке с тегами.
Вставьте в новый абзац следующее:
<strong>Изобретатель <em>Всемирной Паутины</em> сэр Тимоти Бернерс-Ли</strong>
<br />
<img src = "................" />
Вместо многоточия вставьте из буфера обмена находящийся в нем адрес.
Нажмите Play. Убедитесь, что вы видите примерно такую картину:
- Чтобы сделать текст полужирным, нужно окружить его тегами <strong> и </strong>
- Чтобы сделать текст курсивным, нужно окружить его тегами <em> и </em>
- Чтобы сделать текст полужирным И курсивным нужно сначала окружить его тегами <strong> и </strong>, а затем получившийся фрагмент окружить тегами <em> и </em>
Теперь осталось добавить небольшую таблицу из двух строк и трех столбцов.
Начало и конец таблицы в нашем случае - это теги <table border="1"> и </table>
Внутри таблицы - строки. Каждая начинается с <tr> и заканчивается </tr>
Внутри каждой строки по три ячейки. Каждая начинается с <td> и кончается </td>
Создайте такую таблицу:
| HTML | HyperText Markup Language | Язык разметки гипертекста |
| URL | Uniform Resource Locator | Универсальный адрес ресурса |
Добавьте к ней еще третью строку над этими двумя, в которой расшифровывается аббревиатура WWW
И наконец добавьте к ней еще одну строку, в которой в первой ячейке написано курсивом Аббревиатура, во второй полужирным Расшифровка, а в третьей полужирным курсивом Перевод на русский.
Теперь нажмите Play. Убедитесь, что вы видите таблицу.
Нажмите на желтую кнопку с надписью 64
Появится окошко с длинной ссылкой. Скопируйте ее и:
- если у вас есть блог, то поместите ссылку в блог
- иначе отправьте ее по электронной почте на адрес gossoudarev@gmail.com
Комментариев нет:
Отправить комментарий