Урок 55. Мова описання гіпертекстових документів. Теги й атрибути
Урок 55. Мова описання гіпертекстових документів. Теги й атрибути
Embedded Files
Поділіться своєю думкою про онлайн уроки інформатики. Пройдіть анонімне опитування на головній сторінці сайту
Доброго дня, шановні учні! Сьогодні ми розглянемо цікаву тему про мову описання гіпертекстових документів, відому як HTML. Ця тема є важливою, оскільки HTML є основою для створення веб-сторінок та їх відображення в Інтернеті. Давайте розглянемо, як ця мова допомагає нам створювати інтерактивні та зручні для користувачів документи.
Доброго дня, шановні учні! Сьогодні ми розглянемо цікаву тему про мову описання гіпертекстових документів, відому як HTML. Ця тема є важливою, оскільки HTML є основою для створення веб-сторінок та їх відображення в Інтернеті. Давайте розглянемо, як ця мова допомагає нам створювати інтерактивні та зручні для користувачів документи.
Актуальність і застосування у житті:
Актуальність і застосування у житті:
HTML є однією з основних мов програмування веб-сторінок і використовується у багатьох сферах життя. Від веб-дизайнерів, які створюють красиві та функціональні сайти, до розробників веб-додатків, які створюють інтерактивні сервіси та інтерфейси для користувачів. Навіть учні можуть використовувати HTML для створення своїх перших веб-сторінок, демонструючи свої знання та творчість.
HTML є однією з основних мов програмування веб-сторінок і використовується у багатьох сферах життя. Від веб-дизайнерів, які створюють красиві та функціональні сайти, до розробників веб-додатків, які створюють інтерактивні сервіси та інтерфейси для користувачів. Навіть учні можуть використовувати HTML для створення своїх перших веб-сторінок, демонструючи свої знання та творчість.
Основні теоретичні відомості і терміни:
Основні теоретичні відомості і терміни:
- HTML (HyperText Markup Language): Це мова розмітки, яка використовується для створення веб-сторінок та їх елементів.
- Теги (Tags): Це основні елементи HTML, які вказують браузеру, як відображати вміст сторінки. Наприклад, <p> для абзаців, <img> для зображень тощо.
- Атрибути (Attributes): Це додаткові властивості тегів, які вказують на різні параметри відображення елементів, наприклад, src для зображень або href для посилань.
- Елементи (Elements): Це комбінації тегів та їх вмісту, які створюють окремі частини веб-сторінки, такі як заголовки, списки, таблиці тощо.
- Відносні посилання (Relative Links): Це посилання на інші сторінки або ресурси в межах того ж веб-сайту.
- Абсолютні посилання (Absolute Links): Це посилання на сторінки або ресурси за межами поточного веб-сайту.
- Коментарі (Comments): Це спеціальні теги для додавання коментарів у вихідний код HTML, які не відображаються на веб-сторінці, але допомагають розуміти його структуру.
Ці теоретичні відомості та терміни допоможуть вам краще розуміти мову описання гіпертекстових документів та її основні елементи, які використовуються для створення веб-сторінок.
Ці теоретичні відомості та терміни допоможуть вам краще розуміти мову описання гіпертекстових документів та її основні елементи, які використовуються для створення веб-сторінок.
Мова описання гіпертекстових документів (HTML) - це мова, яка використовується для створення сторінок в Інтернеті. Гіпертекстовий документ містить текст, графічні елементи та гіперпосилання на інші документи. Гіперпосилання дозволяють користувачам переходити з одного документа на інший шляхом кліку на певний текст або графічний елемент.
Мова описання гіпертекстових документів (HTML) - це мова, яка використовується для створення сторінок в Інтернеті. Гіпертекстовий документ містить текст, графічні елементи та гіперпосилання на інші документи. Гіперпосилання дозволяють користувачам переходити з одного документа на інший шляхом кліку на певний текст або графічний елемент.
У HTML використовуються теги та атрибути для описування структури та вмісту сторінок.
У HTML використовуються теги та атрибути для описування структури та вмісту сторінок.
Теги - це команди, які вказують браузеру, як відображати вміст сторінки. Наприклад, <h1>...</h1> використовується для створення заголовка першого рівня на сторінці.
Теги - це команди, які вказують браузеру, як відображати вміст сторінки. Наприклад, <h1>...</h1> використовується для створення заголовка першого рівня на сторінці.
Атрибути - це додаткові параметри, які вказуються в тегах та змінюють їх поведінку. Наприклад, атрибут color використовується для зміни кольору тексту.
Атрибути - це додаткові параметри, які вказуються в тегах та змінюють їх поведінку. Наприклад, атрибут color використовується для зміни кольору тексту.
Основні теги, які використовуються для створення сторінок в HTML, включають
Основні теги, які використовуються для створення сторінок в HTML, включають
<html>...</html> для вказання, що документ написаний мовою HTML;
<html>...</html> для вказання, що документ написаний мовою HTML;
<head>...</head>, який містить метадані про документ;
<head>...</head>, який містить метадані про документ;
<title>...</title>, який вказує заголовок сторінки;
<title>...</title>, який вказує заголовок сторінки;
<body>...</body>, який містить основний вміст сторінки;
<body>...</body>, який містить основний вміст сторінки;
<h1>...</h1> для створення заголовка першого рівня;
<h1>...</h1> для створення заголовка першого рівня;
<p>...</p> для створення абзаців;
<p>...</p> для створення абзаців;
<a>...</a> для створення гіперпосилань;
<a>...</a> для створення гіперпосилань;
<img> для створення зображень;
<img> для створення зображень;
<ul>...</ul> та <ol>...</ol> для створення списків.
<ul>...</ul> та <ol>...</ol> для створення списків.
Теги можуть мати атрибути, які змінюють їх поведінку. Наприклад, атрибут href використовується для створення гіперпосилання на інший документ з використанням тегу <a>...</a>.
Теги можуть мати атрибути, які змінюють їх поведінку. Наприклад, атрибут href використовується для створення гіперпосилання на інший документ з використанням тегу <a>...</a>.
Атрибут style використовується для задання стилів для елементів на сторінці.
Атрибут style використовується для задання стилів для елементів на сторінці.
Використовуйте флешкарти для підготовки до тестового завдання
Використовуйте флешкарти для підготовки до тестового завдання
Практична робота
Практична робота
Виконати в будь-якому текстовому редакторі або Завантажити і встановити редактор Notepad
- ТЕОРЕТИЧНІ ВІДОМОСТІ
Посилання на підручник сторінка 105 https://drive.google.com/file/d/1sYgORpK1X4cTmFIGdKhQso7LIAbIwGZI/view?usp=sharing
Посилання на підручник сторінка 105 https://drive.google.com/file/d/1sYgORpK1X4cTmFIGdKhQso7LIAbIwGZI/view?usp=sharing
- ПРАКТИЧНА РОБОТА
Посилання на методичку стор. 11 https://drive.google.com/file/d/1iPyg1QmDgB8HkP-VrIxsKJaoDy2tmSN2/view?usp=drive_link
Посилання на методичку стор. 11 https://drive.google.com/file/d/1iPyg1QmDgB8HkP-VrIxsKJaoDy2tmSN2/view?usp=drive_link
Виконайте тестове завдання
Виконайте тестове завдання
Що означає абревіатура HTML?
a) Hyperlink and Text Markup Language
b) Hyper Tool Markup Language
c) HyperText Markup Language
d) High Tech Markup Language
Правильна відповідь: c) HyperText Markup Language
Який елемент HTML використовується для створення заголовка першого рівня?
a) <h1>
b) <header>
c) <title>
d) <head>
Правильна відповідь: a) <h1>
Який атрибут використовується для встановлення посилання на іншу веб-сторінку в HTML?
a) href
b) src
c) link
d) url
Правильна відповідь: a) href
Який тег використовується для вставки зображення в HTML?
a) <img>
b) <image>
c) <picture>
d) <src>
Правильна відповідь: a) <img>
Як можна вирівняти текст по центру в HTML?
a) <align=center>
b) <center>
c) <text-align=center>
d) <align>center</align>
Правильна відповідь: b) <center>
Який елемент HTML використовується для створення списку з маркерами?
a) <ul>
b) <list>
c) <ol>
d) <unordered>
Правильна відповідь: a) <ul>
Що означає тег <a> у HTML?
a) Абзац
b) Посилання
c) Зображення
d) Таблиця
Правильна відповідь: b) Посилання
Як можна вставити коментар у вихідний код HTML?
a) <!-- Коментар -->
b) // Коментар
c) /* Коментар */
d) # Коментар
Правильна відповідь: a) <!-- Коментар -->
Яким тегом визначається тіло веб-сторінки в HTML?
a) <body>
b) <head>
c) <main>
d) <page>
Правильна відповідь: a) <body>
Яким тегом визначається заголовок веб-сторінки в HTML?
a) <header>
b) <head>
c) <title>
d) <h1>
Правильна відповідь: c) <title>
Page updated
Google Sites
Report abuse