logo search
Практикум по МИР

Основы построения html-страниц

Цель этой части работы - усвоить основы построения HTML-страниц и научиться создавать простую HTML-страницу. Выполните нижеследующие задания:

  1. Используя notepad.exe (Блокнот), подготовьте следующий текст и сохраните его в текстовом файле с именем, например, MyHTMLPage.htm:

<html>

<head>

<title>Моя первая страница</title>

</head>

<body>

</body>

</html>

  1. Загрузите страницу в браузер и убедитесь, что Ваш заголовок появился в верхней части окна браузера.

  2. Поместите на страницу произвольный текст так, как показано в примере ниже:

<html>

<head>

<title>Моя первая страница</title>

</head>

<body>

<p>Мой текст первого абзаца.</p>

<p>Мой текст второго абзаца.</p>

</body>

</html>

  1. Загрузите страницу в браузер и убедитесь, что Ваш текст появился в окне браузера.

  2. Сделайте часть текста жирным шрифтом. Например, так:

<p>Мой текст <b>первого</b> абзаца.</p>

  1. Отцентрируйте абзац следующим образом:

<p align="center">Мой текст <b>первого</b> абзаца.</p>

  1. Измените цвет фона Вашей страницы на черный, а цвет текста – на белый:

<body bgcolor="#000000" text="#FFFFFF">

  1. Ваша страница должна принять следующий вид:

<html>

<head>

<title>Моя первая страница</title>

</head>

<body bgcolor="#000000" text="#FFFFFF">

<p align="center">Мой текст <b>первого</b> абзаца.</p>

<p>Мой текст второго абзаца.</p>

</body>

</html>

  1. Загрузите страницу в браузер и посмотрите, что получилось.