HTML, основа веб-сторінок, визначає їх структуру та вміст. Подумайте про це як про фундамент будинку, стіни, двері та дах.

У своїй основі HTML складається з елементів, укладених у кутові дужки (<>) і зазвичай приходять у парах - відкриваючий тег і закриваючий тег. Ці елементи утворюють ієрархічну структуру, з деякими елементами, вкладеними в інші, щоб створити змістовне розташування.

Приклад:

Будь ласка, натисніть кнопку Запустити код, щоб побачити сайт в дії.

Додавання різних тегів у HTML

У HTML ми можемо використовувати різні теги для додавання різних типів вмісту на веб-сторінку. Ось як ми можемо додати текст, зображення, посилання та інше:

Додавання тексту

Щоб додати текст на веб-сторінку, ми можемо використовувати тег <p> для абзаців, <h1> до <h6> для заголовків різних рівнів.

Додавання зображень

Щоб додати зображення, ми можемо використовувати тег <img>. Вкажіть джерело зображення (атрибут src) і за бажанням додайте атрибути, такі як alt для альтернативного тексту та width і height для розмірів.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

Додавання посилань

Щоб додати гіперпосилання на інші веб-сторінки або ресурси, ми можемо використовувати тег <a>. Вкажіть URL-адресу сторінки призначення за допомогою атрибута href.

Додавання списків

Щоб створити впорядковані (нумеровані) або невпорядковані (маркіровані) списки, ми можемо використовувати теги <ol> та <ul> відповідно. Всередині цих тегів використовуйте тег <li> для кожного елемента списку.

Додавання форм

Щоб створити форми для введення користувачем, ми можемо використовувати різні теги, пов'язані з формами, такі як <form>, <input> та <button>.

Ми можемо додати широкий спектр контенту на веб-сторінку, використовуючи ці HTML-теги, від простого тексту та зображень до інтерактивних форм. Нижче ви можете знайти веб-сайт з розглянутими тегами.

Відео-урок