Faq (вопрос — ответ) по Html и верстке сайта
- Что нужно знать для плодотворной работы с сайтом на основе CMS (система управления сайтами)
- Что такое язык Html, validator W3C и тэги, список Html тегов в W3C и структура документа (body, head)
- Doctype, Html комментарии, тег Title, а так же понятие блочных и строчных элементов (тэгов)
- Пробелы и спецсимволы (мнемоники) в Html коде, неразрывный пробел и другие специальные символы, форматирование Html и CSS кода
- Html теги H1-H6 (заголовки), Hr (линия), P (абзац), Br (перенос строки) и атрибуты Html тегов (align, width)
- Форматирование текста в HTML — тег Font (face, size, color) и Html шрифты, теги Blockquote, Pre, Strong, Em, B, I
- Что такое гиперссылка и Html якорь (anchor), как создать ссылку на сайте (Html тег А, href, target blank), как сделать картинку ссылкой и открыть ее в новом окне
- Img — вставка картинки в Html (Img Src), обтекание изображения текстом, картинка как фон для сайта (background), размер и выравнивание изображений
- Img — вставка картинки в Html (Src в Img), размер изображения в Width и Height
- Вставить картинку на сайт как ссылку, влияние значений Alt и Title в Img на продвижение
- Обтекание картинки текстом в Html, выравнивание изображений в Align тэга Img/a>
- Background — как сделать фон для сайта с помощью картинок и фоновых изображений
- Таблицы в Html (Table, Tr, Th, Td ), табличная верстка и теги Col, Tbody, Caption
- Таблицы в Html — элементы Table, Tr, Th, Td
- Table — основной элемент таблицы в Html
- Tr — элемент строки таблицы в Html
- Td или Th — элементы ячеек таблицы в Html
- Caption — заголовок Html таблицы
- Таблицы в Html — табличная верстка
- Tbody, Thead и Tfoot — контейнеры для строк (Tr) в Html таблице (Table)
- Col — задаем ширину столбцов таблицы в Html
- Шрифты для сайта — как добавить красивые web шрифты с помощью Google Font API
- Html коды и таблица цветов для сайтов, как можно подобрать и задать цвета в Html и CSS (для начинающих)
- Подбор нужного цвета в поисковой выдаче Яндекса
- Вставляем изображения в текст с помощью тега IMG
- Создаем ссылки с помощью тега A
- Html списки — теги UL, OL, LI, DL
- Создание и работа с таблицами (теги TABLE, TD, TH, TR) средствами HTML и CSS
- Табличная верстка — простая, но не перспективная
- Создание и работа с таблицами в HTML
- Задание толщины и цвета рамки таблицы с помощью атрибутов BORDER и BORDERCOLOR
- Задание ширины и высоты для всей таблицы и отдельной ячейки с помощью атрибутов WIDTH и HEIGHT
- Создание отступа от текста до границ ячейки и увеличение расстояния между ячейками с использованием атрибутов CELLPADDING и CELLSPACING
- Слияние ячеек таблицы средствами HTML с помощью атрибутов COLSPAN, ROWSPAN
- Задание цвета фона и графического фона ячейки, строки или всей таблицы, а так же создание вложенной таблицы
- Задание внешнего вида и расположения элементов таблицы с помощью свойств таблицы каскадных стилей (CSS)
- Cоздание и работа с HTML формами (теги FORM, INPUT, SELECT, OPTION, TEXTAREA)
- HTML формы — общие сведения
- Тег FORM и его обязательные и необязательные атрибуты
- Тег INPUT — создание текстового поля, поля для ввода пароля, разнообразных кнопок, радио переключателей, флажков и т.д.
- Еще раз о том, что такое HTML формы (веб-формы) и как они работают
- Создание в веб-форме поля со списком (выпадающих списков) с помощью тегов SELECT и OPTION
- Создание в веб-форме поля с многострочным текстом с помощью тега TEXTAREA
- Для чего в веб-форме можно использовать тег LABEL
- Как разбить веб-форму на группы с помощью тегов FIELDSET и озаглавить эти группы с помощью тегов LEGEND
- Iframe и Frame — фреймы в html, что это такое и как использовать фреймы (frameset) сейчас
- Фреймы — что это такое (теги Iframe и Frame)
- Iframe — встроенный фрейм в стандарте Html 5
- Frame — фреймы и фреймовая структура в Html
- Frameset — создание структуры фреймов
- Frame — задаем внешний вид фреймов в Html
- Как открывать документы по ссылке во фрейме
- Атрибуты Html тега Frame — настройка фреймов
- Фреймы (Frame) — для чего их использовать
- Для чего нужен CSS, как подключить каскадные таблицы стилей к Html документу, синтаксис CSS
- Основы блочной верстки (DIV верстки)
- Что нам потребуется для создания простого макета сайта с использованием блочной верстки (DIV верстки)
- Как браузер работает с файлами сайта, почему особое значение придается файлам index.html и index.php, как обеспечить безопасность сайта
- Начинаем верстать двух-колоночный макет сайта на дивах (блочная верстка)
- Продолжаем создание двух-колоночного макета сайта на основе блочной верстки (DIV верстки)
- Создаем трех-колоночный макет сайта на основе блочной верстки (DIV верстки)
- Создание резинового макета для сайта на основе блочной верстки (DIV верстки)
- Как прижать футер (footer, подвал) к нижней части экрана в макете сайта на основе блочной верстки
