Как работают веб-страницы

2

# Як налаштувати HTML-фрейми: видалення рамок, смуг прокручування та полівБажаєте, щоб ваша веб-розмітка виглядала бездоганно? Ви можете усунути стандартні елементи інтерфейсу браузера з HTML-фреймів. Налаштувавши атрибути всередині тегу «, ви точно контролюєте, скільки візуального «шуму» відображатиметься на екрані.Найчастіший запит – чистий інтерфейс без рамок. Ви прибираєте смуги прокручування, встановлюючи `scrolling=no`.«Ви забираєте рамку навколо області контенту, використовуючи `frameborder=0`.«Ви не обмежені лише прихованням елементів. Ви також можете задавати внутрішні відступи (padding) усередині кожного кадру. Використовуйте `marginwidth` та `marginheight`, щоб встановити їх у пікселях.«Додайте ці атрибути безпосередньо до тега джерела кадру. Результат – точніший контроль над вашим дизайном.### Створення складних вкладених кадрівФрейми призначені не лише для простих двопанельних макетів. Ви можете вкладати кадри всередину кадрів. Це дозволяє створювати складні сітки з рядків та стовпців. Структура тегів швидко стає заплутаною, але гнучкість незаперечна.Ось код для багаторядкового, багатостовпцевого макета:«html
««Давайте розберемося, що це робить насправді.Самий зовнішній тег визначає вертикальний поділ:«Це поділяє висоту області перегляду. Верхня секція займає 20%. Нижня секція займає 80 відсотків, що залишилися.Усередині цього слота верхніх 20 відсотків інший фреймсет обробляє горизонтальний поділ:«Лівий стовпець отримує 70 відсотків ширини. Правий стовпець одержує 30 відсотків.Контент завантажується в ці слоти через атрибут `src`:««»Logo.htm» заповнює перший стовпець. «Address.htm» заповнює другий. Цей перший вкладений кадр тут закривається.Тепер подивіться нижні 80 відсотків сторінки. У нього є своя внутрішня сітка:«Цей ряд розділений інакше. Ліва сторона широка (85 відсотків). Права сторона вузька (15 відсотків).Контент слідує тому ж шаблону:««»Info.htm» міститься у широкий стовпець. «Links.htm» міститься у вузьку смугу.Коли всі теги, що закривають, відповідають відкриваючим, структура завершена.### Чому це важливоФрейми дозволяють певним елементам залишатися видимими, поки користувачі навігують. Панель навігації чи логотип залишаються на місці. Користувачі можуть натискати на посилання в іншому місці, не втрачаючи орієнтації. Це створює динамічне, схоже на програму відчуття для статичних HTML-сторінок.Якщо ви поглиблюєтеся у конструювання сторінок, наступним кроком варто розглянути інтеграцію зображень. Вони додають візуальну вагу, якої не вистачає одним лише фреймам.Для швидкого довідника, коли ви застрягли, «Великий список HTML-тегів» від HowStuffWorks — це відмінний односторінковий посібник. Воно добре друкується та охоплює ті теги, які ви дійсно використовуватимете.