Практическая работа Создание текстовой Web -страницы.
Практическая работа Создание текстовой Web-страницы.
Практическая работа Создание текстовой Web -страницы.
Учебная цель: Создание Web-страницы с использованием языка разметки текста HTML в простейшем текстовом редакторе Блокнот.
Задачи: знакомство со структурой Web-документа и языком разметки гипертекста HTML, развитие творческих способностей к самовыражению, посредством создания сайтов.
Используемое программное обеспечение: Internet Explorer (или другой установленный браузер).
Содержание работы: изучите теоретический материал, выполните задания.
Теоретический материал:
Теги – определенные последовательности символов, заключенные между знаками < и >
< - символ начало тега, > - символ конца тега.
Все, что заключено между тегами <html> и </html> - является html-документом.
Html –документ состоит из двух частей.
Первая – заголовок. Она находится между тегами <head> и </head>. В нем содержится информация о документе, которая не выводится на экран. Название странички располагается между тегами <title> и </title>.
Вторая часть – тело, которое выводится на экран. Оно заключается между тегами <body> и </body>.
Теги бывают парные и непарные. Парные теги бывают открывающие и закрывающие.
/ - символ закрывающего тега. Область парного тега начинается с того места, где стоит открывающий тег, а кончается там, где встречается закрывающий. Теги можно печатать прописными и заглавными буквами
Порядок работы:
1. Открыть текстовый редактор Блокнот ввести код, содержащий основные теги для определения структуры HTML-документа:
1 ДОКУМЕНТ :
<html>
<head>
<title>Компьютер</title>
</head>
<body>
Все о компьютерах
</body>
</html>
Сохраните как 1. HTML
Откройте файл, просмотрите полученный результат, сделайте фото
2 ДОКУМЕНТ: Добавим заголовок и текст
<html>
<head>
<title> Компьютер </title>
</head>
<body>
<H1> Стих о компьютере </H1>
Отгадайте, ребятишки;
Сей предмет похож на книжку.
Точно так же он легко,
Быстро открывается,
Но листков внутри него
И не наблюдается...
Вся на свете ребятня
Этой книжке рада,
Но сидеть за ней полдня
Лучше бы не надо...
Пусть она немало знает,
Развивает ловкость рук,
Но при этом утомляет...
Книжка эта ноутбук
</body>
</html>
Сохраните как 2. HTML