Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
HTML (Мова Розмітки Гіпертексту) | Анатомія Вебсайту
Основи Веб-Розробки з ШІ
course content

Зміст курсу

Основи Веб-Розробки з ШІ

Основи Веб-Розробки з ШІ

1. Огляд Курсу та ШІ в Кодуванні
2. Анатомія Вебсайту
3. Вступ до ChatGPT
4. Створення Вебсайту Блогу

bookHTML (Мова Розмітки Гіпертексту)

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

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

Приклад:

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

html

index

css

index

js

index

copy

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

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

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

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

html

index

css

index

js

index

copy

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

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

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

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

html

index

css

index

js

index

copy

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

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

html

index

css

index

js

index

copy

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

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

html

index

css

index

js

index

copy

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

html

index

css

index

js

index

copy

Відео-урок

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 2
some-alt