Архив рубрики: Создание сайта

Блочная верстка в html

Блочная верстка заключается в использовании <div> блоков при составлении страниц сайта. Иногда применяют термин верстка слоями. В наше время активно применяется блочная верстка, сайт состоит из блоков, к примеру : шапка - баннер, раздел меню, основной контент, боковая колонка, подвал. Сами эти блоки тоже могут состоять из элементов блоков. Тег <div> может быть вложенным, к… Читать далее »

Оформление текста в html

В HTML есть теги, которыми можно управлять выводом текста. Тег <b> выделяет текст полужирным шрифтом. Тег <strong> внешне также выделяет текст полужирным шрифтом, а также отмечает важность текста. Тег <i> и <em> выводит текст курсивным шрифтом. Есть теги которые выводят текст верхним или нижним индексом. Нижние индексы применяются в химических формулах, верхние индексы применяются в… Читать далее »

Выравнивание текста

Выравнивание текста в html бывают следующих видов: по левому краю, по правому краю, по центру, по ширине Для осуществления этих видов форматирования текста используется аттрибут align со значениями left, right, center,justify. Этот атрибут может применяться к тегам абзаца <p> , заголовков <h1>,<h2>,..<h6>, блочным элементам <div> Выравнивание по левому краю - при таком варианте текст прижимается… Читать далее »

Синтаксис CSS

CSS отвечает за стиль, оформление элементов HTML, синтаксис CSS отличается от синтаксиса HTML.  Файл стилей состоит из css правил, следующего вида  selector { svoistvo1: value1;  svoistvo2:value2;  } В качестве селектора могут быть теги html, классы и идентификаторы. Свойства стилей - это может быть размер блока, отступы, цвет элемента, цвет фона и т.д. Теги пишутся как… Читать далее »

Формы в html, элементы формы

Формы в html применяются для интерактивности страницы, для взаимодействия пользователя с сайтом. Пользователь может вводить данные на странице при помощи формы, и они будут отправлены на сервер сайта и обработаны определенным образом. Это может быть форма регистрации, входа по логину, форма оформления покупки в интернет-магазине и т.д. Пример формы: Форма в языке html оформляется тегом… Читать далее »

CSS - каскадная таблица стилей

Введение. CSS - что такое? Использование стилей внутри тега. Использование стилей в теге <head> </head> Использование стилей в отдельном файле. Язык стилей CSS был разработан для разделения содержимого страницы html и  его представления  (цвет, фон, размер и т.д) . CSS - это каскадная таблица стилей, язык представления страницы сайта. Стили для страницы html , для… Читать далее »

Сервис закладок-ссылок.

Предисловие Я задумывался об одном сервисе, социальных закладках. Это когда можно хранить ссылки не только на браузере, но и на определенном сайте. Это удобно тем, что если допустим зайти с другого компа или другого браузера, то все равно можно попасть в свои закладки через этот сайт сервис закладки. Такие сайты уже есть, но хотел реализовать… Читать далее »

маркированные списки в html

Маркированные списки в html нужны для представления структурированных данных, либо для перечисления каких либо категорий товаров, либо видов чего либо, например животных и т.д. Примером маркированного списка может быть следующее: боевики детективы триллер драма Для создания маркированного списка используются теги <ul> </ul>  <li> </li>. Тег <ul> обозначает начало списка, соответсвтенно </ul> конец списка, закрывающий тег… Читать далее »

Создание гиперссылки в html

Основным свойством страничек в html являются ссылки , позволяющие переходить на другие страницы, сайты, либо переместиться на этой же странице, на другую часть. Ссылка также может вести не на страницу , а на файл, к которому есть доступ. Для создания ссылки , используется парный тег <a> </a> . Текст , который находится между тегами является… Читать далее »

Создание таблицы в HTML

Добавление таблицы   В HTML для добавления таблицы используется парный тег <table> </table>. Таблицы состоят из строчек и колонок. Для этого используются парные теги <tr> и <td>.   Рамка таблицы Ширину рамки таблицы можно настраивать аттрибутом border. Например <table border='1'> означает что у таблицы будет ширина рамки равная 1 пиксел. Пример таблицы из двух строк… Читать далее »