АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Практическая часть. 1. Запустите программу Блокнот: Пуск – Все программы – Стандартные – Блокнот

Читайте также:
  1. II. Основная часть.
  2. II. Расчетная часть задания
  3. Алекс, Стивенсон и часть группы заняли свои места на диванчиках по обе стороны от экрана, на котором сейчас было изображение эмблемы передачи.
  4. Близкие отношения и счастье
  5. Брюшная часть нисходящей аорты
  6. Бытовой уровень. Что такое счастье и смысл жизни
  7. Бытовой уровень. Что такое счастье и смысл жизни.
  8. В статьях 83 и 84 Конституции изложена часть полномочий Президента
  9. В) часть стоимости основных производственных фондов, переносимую на себестоимость готовой продукции.
  10. В-третьих, составной частью культуры являются духовные ценности: нравственные, религиозные, эстетические и др. Это представления людей о добре, истине, красоте и т.п.
  11. В. Раскрытие аргументов. Основная часть презентации
  12. Восточная философия не существует, это часть религии, разделено на западе .

1. Запустите программу Блокнот: Пуск – Все программы – Стандартные – Блокнот.

2. Пропишите структуру HTML страницы (рис. 7.2.9).

Рис. 7.2.9. HTML код, просматриваемый в программе Блокнот

3. Сохраните файл и закройте его. Имя файла: фамилия студента и инициалы, например, dmitrievai.txt.

4. Измените расширение файла. Для этого нажмите по иконке файла правой кнопкой мыши. В появившемся меню выберете Переименовать. Вместо расширения .txt введите .html.

5. Запустите любой браузер (например, Google Chrome) и откройте в нем созданный файл (Ctrl-O). Откроется пустая страница. Закройте файл.

6. Продолжите редактировать HTML страницы. Для этого нажмите по иконке файла правой кнопкой мыши. В появившемся меню выберете Открыть с помощь. Откройте файл с помощью программы Блокнот.

7. Дайте имя персональной странице (заголовок, отображающийся в верхней панели браузера). Для этого между тегами <title></title> впишите фамилию и инициалы: <title>dmitrievai</title>.

8. Измените цвет фона страницы. Для этого к тегу <body> добавьте атрибут bgcolor (рис. 7.2.10). Значение атрибута выберите произвольно. Например, если значение атрибута bgcolor выбрать "#87CEFA", то страница будет голубого цвета (рис. 7.2.11).

Рис. 7.2.10. HTML код, просматриваемый в программе Блокнот

Рис. 7.2.11. HTML страница, открытая в браузере Google Chrome

9. В тело документа добавьте тег<h1></h1 >, который создает заголовок, задайте текст заголовка согласно рис. 7.2.12 и сохраните текст. Откройте файл в браузере и сравните с рис. 7.1.13.

Рис. 7.2.12. HTML код, просматриваемый в программе Блокнот

Рис. 7.2.13. HTML страница, открытая в браузере Google Chrome

10. Добавьте фотографию в HTML документ. Для этого разместите в той же папке, где находится HTML документ файл с фотографией. Имя файла с фотографией: фамилия студента и инициалы, например dmitrievai.jpg. Затем, открыв HTML документ в Блокноте, после тега <h1></h1 > добавьте тег <img src="dmitrievai.jpg"> (рис. 7.2.14). (Здесь в кавычках нужно указать имя файла с фотографией). Сохраните текст. Откройте файл в браузере и сравните с рис. 7.2.15.

Рис. 7.2.14. HTML код, просматриваемый в программе Блокнот

 

Рис. 7.2.15. HTML страница, открытая в браузере Google Chrome

11. Добавьте информацию о себе, например, дату и место рождения, увлечения, кредо, музыкальные предпочтения и т.д., используя как образец рис. 7.2.16. Сохраните текст и откройте его с помощью браузера. Сравните с рис. 7.2.17.

Рис. 7.2.16. HTML код, просматриваемый в программе Блокнот

Рис. 7.2.17. HTML страница, открытая в браузере Google Chrome

12. Добавьте гиперссылку на сайт ЮИ МИИТ. Для чего необходимо использовать тег <a> и адрес сайта ЮИ МИИТ, как атрибут href, который задает адрес сайта, на который следует перейти. Пример задания ссылки представлен на рис. 7.2.18. Сохраните текст. Откройте страницу в браузере, сравните ее с рис. 7.2.19 и перейдите по ссылке на сайт ЮИ МИИТ.

Рис. 7.2.18. HTML код, просматриваемый в программе Блокнот

Рис. 7.2.19. HTML страница, открытая в браузере Google Chrome

 

13. Сохраните созданный файл для дальнейшего использования и представьте его на проверку преподавателю.

 

Контрольные вопросы

1. Что такое HTML?

2. Что такое браузер? Перечислите самые распространенные браузеры.

3. Что такое тег? Приведите примеры различных тегов.

4. Что такое атрибут тега? Приведите примеры атрибутов различных тегов.

5. Каким образом представляется цвет в HTML?

6. Какому цвету отвечает код FFFFFF?

 

 


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |

Поиск по сайту:

Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)