HTML Елементи

HTML елемент зазвичай складається із тегу початкового і тегу кінцевого, а зміст вставляється поміж ними:

HTML елемент – це все від початкового тегу до кінцевого тегу:

HTML елементи без змісту називаються порожніми елементами. Порожні елементи не мають кінцевого тегу, наприклад, як елемент
(який вказує на розрив рядка).

Вкладені HTML елементи

HTML елементи можуть бути вкладеними (елементи можуть містити елементи).

Всі документи HTML складаються з вкладених елементів HTML.

Цей приклад містить чотири елементи HTML:

Приклад

Мій перший заголовок

Мій перший параграф.

Пояснення прикладу

Елемент визначає весь документ.

У нього є початковий тег і кінцевий тег .

Всередині елементу знаходиться елемент .

Мій перший заголовок

Мій перший параграф.

Елемент визначає тіло документа.

У нього є початковий тег і кінцевий тег .

Всередині елемента є два інших HTML елемента: та

.

Мій перший заголовок

Мій перший параграф.

Елемент визначає заголовок.

У нього є початковий тег

і кінцевий тег

.

Елемент зміст це: Мій перший заголовок.

Мій перший заголовок

Елемент

визначає параграф.

У нього є початковий тег

і кінцевий тег

.

Елемент зміст це: Мій перший параграф.

Не забувайте про кінцевий тег

Деякі елементы HTML будуть відображатись правильно, навіть якщо ви забудете кінцевий тег:

Приклад

Наведений вище приклад працює в усіх браузерах, оскільки закриваючий тег вважається не обов’язковим.

Ніколи не покладайтеся на це. Це може призвести до несподіваних результатів і / або помилок, якщо ви забудете кінцевий тег.

Порожні HTML елементи

HTML елементи без вмісту називаються порожніми елементами.

Елемент
– це порожній елемент без закриваючого тегу (тег
визначає обрив рядка):

Приклад

Це параграф
з обривом рядка.

Порожні елементи можуть бути “закриті” у відкриваючому тезі наступним чином:
.

HTML5 не вимагає закриття порожніх елементів. Але якщо вам потрібна більш сувора перевірка або якщо ви хочете, щоб ваш документ читався XML-аналізаторами, ви повинні правильно закрити всі HTML елементи.

HTML не чутливий до регістру

HTML-теги не чутливі до регістру: означає те ж саме, що і

.

Стандарт HTML5 не вимагає написання тегів в нижньому регістрі, але W3C рекомендує використовувати літери в нижньому регістрі при написанні HTML тегів, і вимагає літери в нижньому регістрі для більш суворих типів документів, таких як XHTML.

В W3Schools завжди використовують написання тегів в нижньому регістрі.

Запитання для самоконтролю

• Що таке елементи веб-сторінки?
• Що таке вкладені HTML-елементи?
• Що таке початковий і кінцевий тег?
• Навіщо потрібен кінцевий тег?
• Що таке порожні HTML-елементи?
• Що таке верхній і нижній регістр?
• В якому регістрі рекомендується писати HTML-теги?

What does HTML stand for

HTML stands for HyperText Markup Language. It is a programming language for creating the structure and the contents of the website.

Every website you visit including this one which you are reading right now is built with the help of HTML. The texts, videos, images, buttons, hyperlinks, and so much more are what HTML can do.

HTML is important because it allows us to add contents to the web page, and it is one of the three main tools for creating websites. The other three tools are CSS and JavaScript.

The cool thing about HTML is despite its long name and the importance of building the website – it is surprisingly simple to learn the skill.

You can learn the basics of HTML in just a few weeks, and with another month of practice, you can expect to be proficient in it. Everyone can learn to code in HTML regardless of their age, education and work background, and prior experience in programming.

Because of this, it often acts as a gateway to the world of programming and web development in particular.

To learn more about HTML, check out this article where you will learn the basics of HTML from the beginning.

If you find the concept of HTML interesting, and you want to get a job in programming, sign up for the course today.

You will learn top programming skills like HTML, CSS, JavaScript, and much more that are in high demand, and you will be able to practice them in a real-world scenario.

Plus, you will also practice technical interviews by answering common questions asked during the job interview. All these will help you to become a professional software engineer one year from now.