Презентація "Мова розмітки гіпертексту. Частина 1"
Поняття мови розмітки гіпертексту9 класчастина 1
Пояснити значення понять. Веб-сервер. Веб-сторінка. Веб-сайт. Хостинг. Браузер
Мова HTMLЯкщо переглянути джерело будь-якої веб-сторінки, то побачимо різноманітні коди, команди, часто записані у кутових дужках. Це команди мови розмітки гіпертексту HTML. Вони кажуть браузеру, як відобразити сторінку, яку ви відвідуєте.
Мова HTMLМову HTML створено у 1990 році Тімом Бернесом-Лі , а з 1996 року її розробкою та стандартизацією займається Консорціум W3 C і з осені 2014 року діє стандарт цієї мови HTML5. Мова HTML визначає спосіб опису вмісту веб-сторінок. За оформлення веб-сторінки відповідають аркуші стилів, описані за допомогою CSS, а логіка функціонування елементів сторінки – мова Java. Script. Тім Бернес-Лі
Теги мови HTMLКоманди мови HTML називаються тегами, які бувають відкриваючими та закриваючими. Вони записуються у кутових дужках. Наприклад, тег означає, що текст, написаний між відкриваючим і закриваючим тегом (які розрізняються похилою рискою або слешем) буде записаний напівжирним. Деякі теги містять атрибути – додаткові параметри.
Структурні теги HTML{EACDD497-9 BD6-4615-BBF4-47 E4 DCDE62 D4}, Повідомляє браузеру, що це HTML-документ. Цей тег є контейнером, який містить в собі весь вміст веб-сторінки.
, Голова документу, призначена для браузера та пошукових систем.
Структура HTML-документа
Теги для форматування тексту{EACDD497-9 BD6-4615-BBF4-47 E4 DCDE62 D4}, Визначає жирне накреслення тексту на сторінці., Визначає курсивне накреслення тексту на сторінці., Визначає підкреслений текст.., Визначає перекреслений текст., Відображає текст у вигляді верхнього індексу. , Відображає текст у вигляді нижнього індексу.
,
- текстовий абзац;- примусовий перехід на новий рядок;
- визначає тематичний поділ (поділ розділів, статей). Візуально виглядає як горизонтальна лінія.
Додавання малюнка. Теґ призначений для відображення зображення на Web-сторінці (формати зображень gif, jpeg, png та інші). Теґ
має два обов'язкові атрибути атрибути:src використовується для завантаження зображення, а саме вказує шлях до зображення від файлу HTML.alt задає альтернативний текст для випадку, коли картинка не завантажилась або у людини є обмеження на обсяг завантаження. Додаткові атрибути:height - висота зображення;width - ширина зображення.
Завдання. Створити html-документ
Онлайн редактор написання коду. Платформа надає програмістам можливість одразу писати код і бачити результат, щоб досягти бажаного результату. Робоча сторінка розбита на чотири розділи (вікна), в яких ви можете писати HTML, CSS і Java. Script код і бачити ефект в режимі реального часу.
Повторюємо вивчене
про публікацію авторської розробки
Додати розробку