Структура html-документа
Всім доброго часу доби! Сьогодні ми навчимося створити каркас нашої першої HTML сторінки. А точніше розберемося з базової структури html сторінки, дізнаємося, з чого вона складається. Але перш за все, поговоримо трохи про тегах.
Існує два типи тегів це парні теги і одинарні теги.
- Парні теги це теги, які складається з відкриваючого тега і закриває тега. За коротше це теги, які мають закриває тега. приклади: і ;
і ; і ; і ;і
; - Одинарні теги це теги, які не маю закриває тега. Приклади одинарних тегів:
.
У html сторінки є базова структура. Базова структура на всіх сторінках сайту, виглядає однаково. Єдине що може відрізнятися в базовій структурі сторінок від сайту до сайту, це елемент DOCTYPE. Для того щоб дізнатися що таке DOCTYPE і які типи існують, прочитайте цю статтю Що таке DOCTYPE і навіщо він потрібен. Якщо не вкажемо цей елемент то браузер відобразить сторінку некоректно.
Ось як виглядає базовий каркасhtml сторінки:
Зараз якщо відкриємо цю сторінку в браузері, то вона буде порожня. Тепер додамо пару рядків коду всередині тега body. і відкриємо ще раз цю сторінку в браузері.
Ось як виглядає сторінка в браузері після того як змінили її код:
Аналізуємо даний приклад
У верхній частині сторінки, перед тегом html завжди указиваемDOCTYPE. тобто тип документа.
Усередині заголовка пишеться службові елементи, які не відображаються на сторінці в браузері. В основному це:
усередині тега
пишеться контент сторінки. Контент може містити текст, зображення, таблиці, списки, посилання та інші елементи які відображаються на сторінці в браузері.Імена тегів можна писати в будь-якому регістрі, тобто якщо напишемо
, , або . то результат буде один і той же, але рекомендується завжди писати в нижньому регістрі, тобто .Мабуть, на цьому все. З цієї маленької, але дуже важливої статті ви дізналися, як виглядає базова структураhtml сторінки.
Тоді поділіться нею з друзями та підпишіться на нові цікаві статті.
Поділитися з друзями: