Зміст курсу
Основи Веб-Розробки з ШІ
Основи Веб-Розробки з ШІ
HTML (Мова Розмітки Гіпертексту)
HTML, основа веб-сторінок, визначає їх структуру та вміст. Подумайте про це як про фундамент будинку, стіни, двері та дах.
У своїй основі HTML складається з елементів, укладених у кутові дужки (<>
) і зазвичай приходять у парах - відкриваючий тег і закриваючий тег. Ці елементи утворюють ієрархічну структуру, з деякими елементами, вкладеними в інші, щоб створити змістовне розташування.
Приклад:
Будь ласка, натисніть кнопку Запустити код, щоб побачити сайт в дії.
index
index
index
Додавання різних тегів у HTML
У HTML ми можемо використовувати різні теги для додавання різних типів вмісту на веб-сторінку. Ось як ми можемо додати текст, зображення, посилання та інше:
Додавання тексту
Щоб додати текст на веб-сторінку, ми можемо використовувати тег <p>
для абзаців, <h1>
до <h6>
для заголовків різних рівнів.
index
index
index
Додавання зображень
Щоб додати зображення, ми можемо використовувати тег <img>
. Вкажіть джерело зображення (атрибут src
) і за бажанням додайте атрибути, такі як alt
для альтернативного тексту та width
і height
для розмірів.
Додавання посилань
Щоб додати гіперпосилання на інші веб-сторінки або ресурси, ми можемо використовувати тег <a>
. Вкажіть URL-адресу сторінки призначення за допомогою атрибута href
.
index
index
index
Додавання списків
Щоб створити впорядковані (нумеровані) або невпорядковані (маркіровані) списки, ми можемо використовувати теги <ol>
та <ul>
відповідно. Всередині цих тегів використовуйте тег <li>
для кожного елемента списку.
index
index
index
Додавання форм
Щоб створити форми для введення користувачем, ми можемо використовувати різні теги, пов'язані з формами, такі як <form>
, <input>
та <button>
.
index
index
index
Ми можемо додати широкий спектр контенту на веб-сторінку, використовуючи ці HTML-теги, від простого тексту та зображень до інтерактивних форм. Нижче ви можете знайти веб-сайт з розглянутими тегами.
index
index
index
Відео-урок
Дякуємо за ваш відгук!