Розмір тега. Довідник тегів HTML
Щоб сайт виглядав згідно з вашим дизайну, доведеться міняти розмір тексту або розмір зображень HTML. Щоб зробити це, ви, ймовірно, будете шукати тег « size», Але незабаром зрозумієте, що в гіпертексті такого немає.
Щоб задати розміри шрифтів, зображень та інших елементів слід використовувати CSS. Будь-які візуальні зміни тексту або інших елементів повинні виконуватися за допомогою каскадних таблиць стилів! HTML призначений тільки для структури.
Єдиний спосіб змінювати розміри шрифту - це застарілий тег , Який має атрибут size. Майте на увазі, що цей тег відсутній в поточних версіях HTML, і в майбутньому може перестати підтримуватися браузерами! Змінювати розміри елементів і стилі сайту слід за допомогою CSS.
розміри шрифтів
CSS дозволяє не тільки змінювати розмір тексту, а й більш точно керувати типографіку сайту, змінювати розмір зображень HTML. Змінам піддаються розмір шрифту, його колір, регістр, накреслення, міжрядковий інтервал та інші характеристики. тег може поставити тільки розмір і значення, множимо розмір за замовчуванням, який у різних браузерів відрізняється.
Щоб отримати абзац зі шрифтом 12pt, потрібно задати йому властивість font-size:
h3 (font-size: 24px;)
Це змінить розмір заголовків третього рівня до 24 пікселів. Можна додати це властивість до зовнішньої таблиці стилів, і це значення будуть використовувати всі заголовки< h3>.
Щоб застосувати до тексту додаткові стилі типографіки, додайте наступні CSS-правила:
h3 (font-size: 24px; color: # 000; font-weight: normal;)
Це не тільки встановить розмір шрифту для заголовків третього рівня, а й зробить текст чорним ( про що говорить hex-код # 000), А також встановить накреслення в значення « normal». За замовчуванням, браузери відображають заголовки h1-h6 у вигляді напівжирного тексту. Цей стиль перевизначити значення за замовчуванням і зробить шрифт нежирним.
розміри зображень
Не завжди вдається поставити потрібний розмір зображень, так як браузер може робити це автоматично. Браузери не завжди добре справляються з цим завданням, чому сильно страждає якість відображення картинок. Тому перед тим, як поставити розмір зображення в HTML, краще використовувати графічні редактори. А потім прописувати їх фактичний розмір в розмітці веб-сторінки.
На відміну від шрифтів для визначення розміру зображень можна використовувати як HTML, так і CSS. Використовуючи HTML, розмір картинок можна задати тільки в пікселях. В CSS розміри можна задавати в інших величина. Наприклад, в дюймах, сантиметрах і відсотках. Якщо ви хочете, щоб сайт був з адаптивними картинками, краще застосовувати процентне значення.
Щоб задати зображенню розмір в HTML, використовуйте тег з атрибутами height і width.
Наприклад, зображення повинно мати розмір 400 на 400 пікселів:
height \u003d "400" width \u003d "400" alt \u003d "(! LANG: image" />!}
Щоб задати розміри зображення в CSS, використовуйте властивості height і width. Ось те ж зображення, для визначення розміру якого використовується CSS:
style \u003d "height: 400px; width: 400px;" alt \u003d "(! LANG: image" />!}
Розміри основних блоків на сторінці
Найчастіше для основних блоків на сторінці задається ширина. Спочатку потрібно визначитися з типом дизайну: статичний або адаптивний. Потрібно вирішити, чи хочете ви поставити ширину в абсолютних одиницях виміру - пікселях, дюймах, точках? Або ж розмір блоків повинен бути адаптивним, і для визначення розмірів повинні використовуватися em або відсотки? Щоб задати розміри основних блоків, як і в випадку з HTML зображеннями за розміром вікна, потрібно застосовувати CSS-властивості height і width.
HTML-теги - основа мови HTML. Теги використовуються для розмежування початку і кінця елементів в розмітці.
Кожен HTML-документ складається з дерева HTML-елементів і тексту. Кожен HTML-елемент позначається початковим (відкриває) і кінцевим (закриває) тегом. Хто відкриває і закриває теги містять ім'я тега.
Всі HTML-елементи діляться на п'ять типів:
- порожні елементи — ,
,
,,