ТОР 5 статей:
Методические подходы к анализу финансового состояния предприятия
Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века
Характеристика шлифовальных кругов и ее маркировка
Служебные части речи. Предлог. Союз. Частицы
КАТЕГОРИИ:
- Археология
- Архитектура
- Астрономия
- Аудит
- Биология
- Ботаника
- Бухгалтерский учёт
- Войное дело
- Генетика
- География
- Геология
- Дизайн
- Искусство
- История
- Кино
- Кулинария
- Культура
- Литература
- Математика
- Медицина
- Металлургия
- Мифология
- Музыка
- Психология
- Религия
- Спорт
- Строительство
- Техника
- Транспорт
- Туризм
- Усадьба
- Физика
- Фотография
- Химия
- Экология
- Электричество
- Электроника
- Энергетика
Практическая работа №8. Создание простейшей веб-страницы.
Цель работы: Знакомство учащихся с общими положениями создания WEB-страниц и базовыми тегами языка HTML
Теоретическая часть:
HTML — это теговый язык разметки документов. Элементы — это структуры, которые описывают отдельные составляющие HTML-документа. Элемент состоит из трех частей: начального тега, содержимого и конечного тега. Тег — это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/". Атрибуты элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, или только внутри тега, если тег не имеет парного.
| Базисные теги | |||
| Тип документа | <HTML></HTML> | Начало и конец файла | арибуты |
| Имя документа | <TITLE></TITLE> | Должно быть в заголовке | |
| Заголовок | <HEAD></HEAD> | Описание документа | |
| Тело | <BODY></BODY> | Содержимое страницы |
Оформление тела Веб-страницы
| Атрибут | Действие | Значения атрибута |
| BACKGROUND="URL" | Фоновая картинка | *.jpg, *.gif,.png. графический файл расположен в одной папке с Вашим документом |
| BGCOLOR="цвет " | Цвет фона | |
| TEXT=”color” | Цвет текста | |
| LEFTMARGIN="40" | Определяет ширину левого и правого полей документа | Пикселы |
| MARGINWIDTH="40" | Определяет ширину верхнего и нижнего полей документа | Пикселы |
Таблица цветов НТМL
| pink | Розовый | blue | синий |
| cyan | оттенок бирюзового | teal | ярко-голубой |
| orange | Оранжевый | gray | серый |
| brown | Коричневый | yellow | желтый |
| fuchsia | ярко-фиолетовый | olive | оливковый |
| aqua | Бирюзовый | purple | фиолетовый |
| silver | светло-серый | red | красный |
| black | Черный | green | зеленый |
Практическая часть
Создание простейшей Веб-страницы:
Создайте стандартный текстовый файл.
Откройте его редактором "Блокнот".
Сначала напечатайте основные теги:
<HTML>
<HEAD>
<TITLE>Добро пожаловать!!!</TITLE>
</HEAD>
<BODY> Здравствуйте!!!
</BODY>
</HTML>
Сохраните документ с расширением *.htm.
Создайте веб-страницу с оформленным фоном и текстом.
HTML-код будет выглядеть следующим образом:
<HTML>
<BODY BACKGROUND="paint1.bmp" BGCOLOR="red" TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа (5-6 предложений на любую тему).
...
</BODY>
</HTML>
Сохраните документ с расширением *.htm.
Самостоятельно создайте две веб-страницы с разными фонами и цветами текстов (5-6 предложений).
Не нашли, что искали? Воспользуйтесь поиском: