Атрибути і заголовки в html - теорія і практика
Даний урок присвячений атрибутам і заголовкам в HTML, які є незамінними елементами будь-якого HTML документа. Ось чому так важливо володіти цим питанням. В даному уроці пояснюється, що таке атрибут, наводяться приклади роботи з атрибутами. Також в уроці розглядаються заголовки, використовувані в HTML, наводяться приклади заголовків.
Атрибути в HTML
Що таке атрибут? Під атрибутом розуміється параметр, який надає тегам певну інформацію. Цих параметрів може бути дуже багато. Наприклад, за допомогою атрибутів ми можемо вирівняти текст абзацу по ширині, задати стиль і розмір шрифту, задати потрібні відступи і т.д. Атрибути прописуються всередині тегів, після них йде знак рівності, потім в подвійних лапках вказуються значення атрибута. Поділяються атрибути один від одного крапкою з комою.
Приклади роботи з атрибутами
Розглянемо роботу з атрибутами на прикладах. Найпростіший приклад - візьмемо тег абзацу
з атрибутом «align». напишемо:
Атрибут «align» повідомляє браузеру, що даний абзац потрібно вирівняти по лівому краю екрану.
Для тега абзацу також можуть бути застосовані атрибути:
- align = "center" - вирівнювання по центру екрана;
- align = "right" - вирівнювання по правому краю;
- align = "justify" - вирівнювання тексту по ширині екрану.
Тепер ускладнити завдання - створимо HTML сторінку з використанням декількох різних атрибутів. Приклад такої сторінки буде мати наступний код:
Атрибут кольору «bgcolor» дозволяє нам поставити колір фону сторінки. Атрибути «center» і «justify» вирівнюють текст всередині себе, відповідно, по центру і по ширині.
Заголовки в HTML
Для того, щоб створити заголовок на сторінці використовується спеціальний тег є найбільшим заголовком,
- найменшим). Для прикладу створимо веб-сторінку, що має кілька заголовків. Код цієї сторінки матиме вигляд:
В даному прикладі у нас є два заголовка - заголовок першого рівня тут не має атрибутів, заголовок другого рівня - має атрибут вирівнювання по центру. Після заголовків йдуть абзаци, які також мають свої атрибути.
Ось за таким принципом працюють з атрибутами і заголовками в HTML. Нічого складного тут немає. Обов'язково слід потренуватися на власних прикладах для того, щоб закріпити отриману в даному уроці інформацію.