Наконец то начинаю публиковать скринкасты по HTML CSS верстке. Если давно хотели этому научиться, то я постараюсь Вам помочь. Вы только следите за уроками и всем научитесь :).

warenek.ru/blog/%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-html/

Заканчиваем блочную верстку двух-колоночного макета, преобразуем его в трех-колоночный и резиновый макеты. Решаем возникающие проблемы с отображение макета в разных браузерах Читать дальше про создание на основе блочной верстки двух-колоночных, трех-колоночных и резиновых макетов для сайта

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

В этом посту я постараюсь поставить вас на путь истинный и раскрою для вас секрет использования тегов для построения сайтов. Так какие теги использовать?


( Читать дальше )

Что бы плохого не говорили о формах на страницах сайта, они остается одним из важных элементов веб-страницы с помощью которых можно обмениваться информацией. С помощью форм можно не только обмениваться с сервером данными, но и применив, простейшие скриптовые решения можно получить доступ к любому ее элементу.

Для того чтобы описать форму на странице существует тег form. Данный тег требует обязательного его закрытия. Между открывающим и закрывающим тегом form можно помещать любые html теги, что позволяет расширить применение данного тега, так как можно не только поместить текст в форму, но и изображение, тем самым придать красочность формам.
Продолжение на FAQ по HTML

Начинаем верстку двух колоночного макета сайта, создаем необходимые для этого DIV-контейнеры макета и описываем из размеры, способы выравнивания и позиционирования в файле CSS. Читать дальше про создание двух колоночного макета сайта на основе блочной верстки (DIV-контейнеров)

Переходим к самому интересному в HTML – это работа с таблицами.

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

Давайте вместе разбираться, как построить простую таблицу средствами HTML.

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

Списки вносят свой вклад для облегчения нам этой процедуры.

Списки бывают: маркированные и нумерованные списки, список определений, вложенные списки.
 
Читаем FAQ по HTML

Ссылка – раде нее и создавалось все. Весь язык HTML без ссылок — это всего лишь набор отформатированного текста. Ссылка же позволяет связать два документа одинаковой тематики, что увеличивает значимость как первого, так и второго документа. 

Но и это еще не все. Главной особенностью ссылки является то, что она может ссылаться на любой документ (страницу) находящееся в сети. Так же стоит отметить о многоликости ссылки. Она может быть текстовой, изображением, невидимой областью.
Читать далее — Учимся делать ссылки

Начну с самого главного тега, без которого нет смысла заниматься разработкой веб страниц.

Тег p — параграф.

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

Далее к тексту применим форматирование, то есть заставим наш текст выглядеть визуально красиво.
Читать о форматирование текста

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

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