Верстка \ Курс по 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.

Поехали…

Читать далее