Верстка \ Курс по HTML&CSS

свойства css

Продолжим изучать свойства таблиц стилей css.

В этом выпуске мы познакомимся со стилями, которые позволяют форматировать списки, и рассмотрим стили для задания различного вида границ элементов.

Итак о списках.

Стилей форматирующих списки не так много. Вот они все:

list-style-type — задает вид маркера для списка.

Значения:

Продолжить чтение

Верстка \ Курс по HTML&CSS

css

Доброго времени суток уважаемые подписчики.

В этом выпуске продолжим изучение каскадных таблиц стилей (CSS).
Расширим наши знания по свойствам таблиц стилей. Посмотрим на возможности управления ссылками из CSS. Начнем говорить о блоках.

Итак, давайте рассмотрим несколько свойств, связанных с форматированием текста.

font-family — названия применяемого шрифта.

Пример:

Продолжить чтение

Верстка \ Курс по HTML&CSS

css

Здравствуйте, уважаемые подписчики.

С Вами я, Андрей!

В этом выпуске мы поговорим о CSS (каскадных таблицах стилей).

О том, как и для чего их применяют, как подключать таблицу стилей к HTML файлу, что такое классы, для чего они создаются и какими они бывают.

И так начнем!

С помощью таблиц стилей можно указать правило отображения тега HTML в браузере.

Таблица стилей — это фактически набор правил, которые применяются к HTML тегам. Каждое правило состоит из селектора и определения.

Селектор — это тэг HTML.

Определение — это свойство тега и значение. Определение указывается в фигурных скобках, свойство и значение отделяются двоеточием(:). В конце каждого определения ставится точка с запятой (;).

Продолжить чтение

Верстка \ Курс по HTML&CSS

html таблицы

Доброго времени уважаемые подписчики!

Сегодняшний урок мы посвятим созданию таблиц в языке HTML. Таблицы в HTML создаются с помощью тега table.

В WEB таблицы — это не только какие-то отчетные данные, не только расписание или еще что-нибудь в этом стиле. В WEB таблицей можно задать целую структуру сайта.

html таблицы

Сколько вы таких страниц видели в Internet?

Тысячи и тысячи. Но если разобраться, то это вот такая таблица.

Спросите вы, а как располагаются элементы на странице, ровно? А они заключаются в свои таблицы и выравниваются нужным образом.

Продолжить чтение

Верстка \ Курс по HTML&CSS

html cписки

Доброго времени суток, подписчики.

Сразу хотелось бы сказать, что сегодня будет не большой урок, но, впрочем, весьма полезный.

А поговорим мы сегодня про теги списков в HTML: ul, ol, dl.

В html поддерживается 3 вида списков: маркированные, нумерованные, список определений.

Начнем с маркированного списка.

ul — HTML-тег маркированного списка

Маркированный список создается с помощью закрывающегося тега <ul></ul>.

Внутри этого тега располагаются теги <li>, которые содержат каждый конкретный пункт списка.

Продолжить чтение

Верстка \ Курс по HTML&CSS

ссылки и изображения

Доброго времени суток, уважаемый подписчик. Из этого урока, как я и обещал, мы узнаем, как создавать ссылки, какие они бывают. Также поработаем с изображениями. Для этого нам понадобятся HTML-теги ссылок <a> и изображений <img />.

Наверное, никому не надо объяснять, что такое ссылки, ведь весь Интернет и состоит из ссылок, поэтому обойдемся без долгих прелюдий и перейдем сразу к делу.

Для упрощения работы и хорошего восприятия материала, давайте приведем в порядок нашу предыдущую работу. Настоятельно рекомендую все сделать в точности как я прошу, от этого зависит сходство в нашей работе и, соответственно, ваш успех от этого урока. Потом, когда вы уже будете иметь достаточные навыки, можете не придерживаться моих указаний и делать все как вам удобно. Но пока, на начальном этапе, прошу повторять за мной каждый шаг.

Продолжить чтение

Верстка \ Курс по HTML&CSS

Форматирование текста в html

Доброго времени суток, уважаемые подписчики.

Этот урок мы посветим форматированию текста в html. Рассмотрим, какие теги для этого применяются.

Сразу оговорюсь, что многие из них являются достаточно специфическими, их можно "обойти", используя каскадные таблицы стилей (css).

Поэтому заострять внимание на них мы не будем. Просто посмотрим их работу, чтобы Вы знали, что такие возможности в языке HTML присутствуют.

Итак, начнем.

Продолжить чтение

Верстка \ Курс по HTML&CSS

Структура HTML документа

В первом выпуске рассылки хотелось бы подробней остановиться о формате и содержании рассылки.

Свою рассылку я начну с рассмотрения основ языка HTML.

Я постараюсь вести рассылку по принципу «от простого к сложному». Вести я ее буду именно в таком формате для того, чтобы человек, который захотел бы изучить основы сайтостроения, смог сразу же, после выпуска рассылки, на практике выполнять изложенный материал.

Но сразу же хочу оговориться, что, в частности, язык HTML – это очень обширный язык, который непрерывно развивается. И поэтому, для того, чтобы овладеть этим языком на высоком уровне, Вы должны тщательно изучить основы (т.е. выпуски моей рассылки). И параллельно с этим практиковаться.

Изучая основы языка HTML, мы будем обращаться к CSS стилям. А значит, мы будем изучать и CSS. Но это чуть позже. Также мы будем обращаться за помощью к javascript.

Сегодняшний вступительный урок, мы начнем с изучения структуры HTML документа и основных тегов HTML.

Поехали…

Продолжить чтение