Самостоятельная работа
Тема 1 ПРОСТЕЙШАЯ HTML-СТРАНИЦА
Начнем знакомиться c языком HTML. Он не является языком программирование и предназначен для разметки текстовых документов (т. е. для форматирования текста). То, как будет выглядеть текст, — шрифт, выравнивание абзацев и пр. — определяют тегиHTML(tags). Все, что записано между угловыми скобками из знаков «<» и «>» — это и есть тег. Как правило, HTML-теги бывают парными. Первый тег указывает начало форматируемого фрагмента текста и параметры форматирования, а второй, отличающийся от первого косой чертой «/» перед ключевым словом, указывает конец фрагмента текста — области влияния открывающего тега. Такая пара тегов называется контейнером. Например, тег <html> начинает код всей web-страницы, а тег </html> — заканчивает его. Между этими двумя основными тегами располагается головная (титульная) часть кода web-страницы и ее «тело».Текст же, не находящийся между угловыми скобками (< и >), предназначен для просмотра в браузере. Уровень 1 1. Создайте свою папку, где будут храниться все ваши работы (на флешке или в системной папке Документы) 2. Откройте текстовый редактор Notepad++ 3. Установите синтаксис HTML 4. Выберите вид кодировки ANSII 5. Наберите текст HTML-кода (без комментария справа), который соответствует пустой странице: <html> начало HTML-документа <head> начало головной части <title> </title> название документа </head> конец головной части <body> начало тела документа </body> конец тела документа </html> конец HTML-документа 6. Сохраните полученный документ в своей папке под названиемurok1. 7. Запустите браузер. Просмотрите в нем полученную пустую страницу. Уровень 2 1. Откройте файл urok1(если до этого он был закрыт) с помощью редактора Notepad++ для внесения изменений в HTML-код. В контейнере <head></head>описываются общие правила отображения HTML-документа и вспомогательная информация. Между тегами <title> и </title> располагается заголовок web-страницы. 2. Введите между тегами <title> и </title> название «урок 1» и проверьте отображение имени документа на полученнойweb-странице. Для этого: - в редакторе Notepad++ сохраните изменения вHTML-файле (Файл ->Сохранить); - в браузере обновите web-страницу (кнопка Обновить). Уровень 3 Между тегами <body> и </body>располагаются отображаемый на web-странице текст и вставленные в него HTML-команды, согласно которым браузер выводит информацию в окне браузера. 1. Напечатайте между тегами <body> и </body> следующий текст: Мы за лето отдохнули, Загорели, подросли. И сегодня, в день осенний, Снова в школу мы пришли. 2. Чтобы каждая строка стихотворенияначиналась с новой строки завершайте ее тегом <br>. 3. Сохраните изменения в файле urok1в редакторе Notepad++. Перейдите в браузер и обновите web-страницу.
Самостоятельная работа Оформить в виде web-страницы любое стихотворение. Тема 2
Популярное: Почему двоичная система счисления так распространена?: Каждая цифра должна быть как-то представлена на физическом носителе... Почему человек чувствует себя несчастным?: Для начала определим, что такое несчастье. Несчастьем мы будем считать психологическое состояние... Как выбрать специалиста по управлению гостиницей: Понятно, что управление гостиницей невозможно без специальных знаний. Соответственно, важна квалификация... ©2015-2024 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (387)
|
Почему 1285321 студент выбрали МегаОбучалку... Система поиска информации Мобильная версия сайта Удобная навигация Нет шокирующей рекламы |