Презентація: Поняття про мову розмітки гіпертексту
Презентація: Поняття про мову розмітки гіпертексту
Перегляньте презентацію та запишіть основні поняття.
В підручнику прочитати параграф 4.2.
Виконайте Інтерактивну вправу.
Перегляньте презентацію та запишіть основні поняття.
В підручнику прочитати параграф 4.2.
Виконайте Інтерактивну вправу.
Запустіть текстовий редактор Блокнот. У кого немає доступу до комп'ютера HTML-онлайн. Це безкоштовний онлай-редактор.
Уведіть у новій вкладці код, що визначає структуру веб-сторінки:
<html>
<head>
<title> Mова HTML </title>
</head>
<body >
</body >
</html>
Збережіть веб-сторінку у файлі з іменем "Прізвище Ім'я HTML.html"
Скопіюйте текст
"Мова HTML.
Історія мови
Опис мови HTML уперше був запропонуваний у 1991 році британським ученим Тімом Бернерс-Лі (нар. у 1955 р.). У документі з назвою HTML Tags містився опис перших 20 тегів для розмітки документів. Тринадцять із тих тегів існують ще й досі у мові HTML.
У 994 році Тім Бернерс-Лі заснував Консорціум Всесвітньої павутини W3C (англ. World Wide Web Consortium - консорціум всесвітньої павутини), який очолює до сьогодні. Консорціум займається розробкою та впровадженням стандартів для інтернету, у тому числі затверджує специфікацію мови НТМL. У 2014 році було рекомендовано стандарт п'ятої версії мови - HTML5 .
Основні поняття
Тег - це команда браузеру, яка вказує, яким чином повинен бути відображений тий чи інший фрагмент коду.
Контент - це текст та нетекстові об'єкти (графічні зображення, анімація, відео та ін.), що відображаються на веб-сторінці та призначені для перегляду відвідувачами веб-сторінки"
і вставте його між тегами <body > та </body > .
Збережіть оновлений текст.
Перегляньте вигляд веб-сторінки у вікні браузера. Зверніть увагу на оформлення та структуру вставленого тексту .
Установіть блакитний колір фону сторінки : впишіть атрибут тегу <body bgcolor="lightblue" >
Збережіть сторінку та перегляньте її відображення у вікні браузера, натиснувши клавішу F5 або вибравши кнопку Перезавантажити цю сторінку .
Оформіть перший рядок уставленого тексту як заголовок першого рівня . Для цього введіть поруч із текстом теги
<h1> Мова HTML </h1>
Розташуйте заголовок по центру сторінки, додавши відповідний атрибут до тегу <h1 align="center" >.
Збережіть сторінку та перегляньте її відображення у вікні браузера .
Оформіть текст Історія мови як заголовок другого рівня, використавши тег <h2>, розташуйте заголовок по центру сторінки, додавши відповідний атрибут до тегу .
Уставте на веб-сторінку зображення з файла Tim_ Berners-Lee.jpg .
Для цього: Знайдіть в Інтернеті фото Тіма Бернерс-Лі та збережіть його у файл з назвою Tim_Berners-Lee .jpg. Уведіть до коду веб-сторінки після заголовка Історія мови тег <img src "Tim_Berners-Lee.jpg"> . Установіть ширину зображення 100 пікселів, додавши до тегу атрибут <img src="Tim_Berners-Lee.jpg" width ="100" >.
Збережіть сторінку та перегляньте її відображення у вікні браузера.
Установіть обтікання зображення текстом, додавши до тегу атрибут <img src ="Tim_Berners-Lee.jpg" width ="100" align= "left" >.
Оформіть перший абзац тексту, обмеживши його тегами <p> та </p>.
Вирівняйте текст абзацу за шириною, додавши до тегу атрибут <p align="justify" > .
Оформіть ім’я вченого напівжирним накресленням, обмеживши його тегами <b> Тімом Бернерс-Лі </b>.
Зробіть слова HTML Tags гіперпосиланням на веб-сторінку в Інтернеті, де розміщено указаний текст . Для цього введіть тег <a href="http://info.cern.ch/hypertext/WWW/MarkUp/Tags.html" > HTML Tags </a>.
Збережіть сторінку та перегляньте її відображення у вікні браузера . Переконайтеся, що гіперпосилання працює коректно .
Обмежте тегами другий абзац тексту . Вирівняйте текст абзацу за шириною .
Оформіть слова Консорціум Всесвітньої павутини W3C напівжирним накресленням .
Oформіть слово HTML5 курсивним накресленням, обмеживши його тегами <i> HTML5 </i> .
Уставте після другого абзацу горизонтальну лінію . Для цього після абзацу введіть тег <hr> .
Збережіть сторінку та перегляньте її відображення у вікні браузера .
Оформіть текст Основні поняття як заголовок другого рівня, розташуйте заголовок по центру сторінки .
Обмежте відповідними тегами два абзаци в розділі Основні поняття .
Оформіть слово Тег синім кольором, символами збільшеного розміру . Для цього введіть тег
<font color="blue" size="5"> Тег </font> .
Оформіть слово Контент синім кольором, символами збільшеного розміру .
Збережіть сторінку та перегляньте її відображення у вікні браузера (приклад с.119 мал. 4.12).
Закрийте вікна браузера та текстового редактора.
Надішліть мені збережений файл на перевірку.
На питання, в якому році створили Всесвітню павутину –інтернет, можна відповісти, що в 1989 році. Саме тоді Тім Бернерс-Лі пропонує своєму керівництву ідею World Wide Web, в основу якої покладена концепція Enquire. Це було початком винаходу інтернету. Назва «Всесвітня павутина» придумав сам, спираючись на зв’язування різних гіпертекстових веб-сторінок за допомогою гіпер-посилань, протоколу передачі даних. Раніше ці протоколи використовували у військовій мережі США ARPANET. Він, а також протокол університетської мережі NSFNET, і стали попередниками Всесвітньої павутини, завдяки їм з’явився інтернет.