2015-06-05
299
Задание№1.
Создание и сохранение html-документа.
Для того чтобы написать код простейшей web-страницы вам необходимо знать язык разметки гипертекста HTML. Мы будем знакомиться с ним по ходу создания наших страниц. Сразу хочу сказать, что все команды HTML записываются в специальных символах < > и называются тегами.
Порядок выполнения работы:
- На локальном диске С / в папке Мои документы/ создать папку под своей фамилией /
- Открыть Блокнот (Пуск-Все программы – Стандартные - Блокнот)
- Сохранить документ под именем 1.html в свою папку (файл -сохранить как –мои документы –ваша папка)
- Закройте документ
- Откройте вашу папку, если вы все сделали правильно, то в ней будет отображаться документ со значком Explorers, так отображаются все html-документы.
- Откройте ваш документ (двойной щелчок по значку)
- Вызовите программный код вашего документа, для этого щелкните правой кнопкой мыши по любой точке вашего документа, вы вызываете контекстное меню, и выберите Просмотр html-кода.
- Запишите ваш первый программный код:
< html>
|
|
|
<head>
<title>Моя первая страница</title>
</head>
<body>
<h1>Моя первая страница</h1>
</body>
</html>
- Сохраните ваш код для этого нажмите ctrl + s
- Обновите документ (щелкните по зеленому значку на панели браузера)
11. Измените документ. Установите цвет фона и шрифта. Для этого внесите следующие изменения в код:
< html>
<head>
<title>Моя первая страница</title>
</head>
<body bgcolor = #edf3ff>
<h1> < font color = red > Моя первая страница < /font > </h1>
</body>
</html>
Тег BGCOLOR отвечает за цвет фона; Тег FONT устанавливает цвет и размер шрифта.
12. Добавьте в ваш документ текст. Для этого воспользуйтесь тегом абзаца <p> и тегом переноса текста на новую строку <br>
- Измените расположение текста, применив тег <align>
- Внесите изменения в ваш код:
<html>
<head>
<title>Моя первая страница</title>
</head>
<body bgcolor = #edf3ff>
<h1><font color = red>Моя первая страница</font></h1>
<p align=right>Первое практическое задание<br>Выполнил студент 1 курса<br>Фамилия Имя </p>
</body>
</html>
