Что такое верстка сайта простыми словами: определение, разновидности, основные этапы
Я постараюсь простыми словами рассказать, что такое верстка сайтов, зачем она нужна, какие разновидности бывают и каким критериям она должна соответствовать
Как устроены сайты
Адаптивный (отзывчивый) дизайн — оптимизация сайта для его просмотра на мобильных устройствах
С 21 апреля 2015 Google начинает учитывать в ранжировании тот фактор, насколько хорошо сайт оптимизирован для просмотра на мобильных устройства. Открыт специальный сервис, где можно проверить соответствие вашего сайта требованиям и в случае чего поправить недочеты.
Gif, Png или Jpg — форматы растровой графики для веба, их плюсы и минусы при использовании на сайте
Растровая графика используемая для сайтов ограничивается форматами Gif (анимация), Png (картинки с прозрачным фоном), Jpg (полноцветные картинки)
Что такое язык гипертекстовой разметки Html и как посмотреть список всех тэгов в валидаторе W3C
Что такое Html, какие тэги включает в себя этот язык, как посмотреть список разрешенных в валидаторе W3C, структура web документа и первые шаги начинающих
Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах
Цвета в Html и CSS задаются с помощью кода , либо с помощью слов из базовой таблицы или палитры RGB. Сервис Яндекс.Цвета для удобного подбора оттенков.
Единицы размеров (пиксели, Em и Ex) и наследование правил в CSS
Какие единицы размеров используются в CSS (пикселы, Em и Ex), как задается цвет и какие правила стилевой разметки поддерживают наследование
Директивы комментариев и Doctype в Html коде, а так же понятие блочных и строчных элементов (тэгов)
Декларация Doctype в Html позволяет правильно отображать документ в любом браузере, а декларация комментария позволяет не выводить служебный текст на страницу
Img — Html тег для вставки картинки (Src), выравнивания и обтекание ее текстом (align), а так же задания фона (background)
Как вставить картинки в Html код с помощью Img и Src, как задать обтекание картинки текстом и как использовать изображения для фона сайта с помощью background
Списки в Html коде — теги UL, OL, LI и DL
В этой статье мы рассмотрим создание разнообразных списков (теги UL, OL и LI), научимся грамотно пользоваться тегами акцентирования (H1 -H6, STRONG, EM), абзаца P и перевода строки BR
Пробельные символы и форматирование ими кода в Html, а так же спецсимволы неразрывного пробела и другие мнемоники
В языке Html пробельные символы позволяют удобно форматировать Html и CSS код, а спецсимволы или мнемоники позволяют добавлять в него различные специальные знаки
Как создать гиперссылку (А, Href, Target blank), как открывать ее в новом окне на сайте, а так же сделать картинку ссылкой в Html коде
Что такое гиперссылка , как ее создать на сайте, как использовать якоря (anchor) в Html коде и сделать из картинки ссылку, а затем открывать ее в новом окне
Теги и атрибуты заголовков H1-H6, горизонтальной линии Hr, переноса строки Br и абзаца P по стандарту Html 4.01
Html теги и атрибуты заголовков H1-H6, абзацев P, переноса строки Br являются базовыми понятиями языка и поэтому мы начнем изучение именно на их примере
Таблицы в Html — теги Table, Tr и Td, а так же Colspan, Cellpadding, Cellspacing и Rowspan для их создания
Таблицы в языке Html по прежнему играют очень важную роль и надо знать теги их создания Tr, Th, Td, Table, Colspan, Cellpadding, Cellspacing и Rowspan
Iframe и Frame — что это такое и как лучше использовать фреймы в Html
Что такое фреймы в современном Html, как их можно создавать с помощью тегов Iframe и Frame (Frameset) и как это может повлиять на юзабилити сайта
Embed и object — Html теги для отображения медиа контента (видео, флеш, аудио) на веб страницах
Как вставить видео, аудио и флеш на свой сайт с помощью Html тегов embed и object, чем они отличают и какие существуют нюансы
Html формы для сайта — теги Form, Input и Select, Option, Textarea, Label и другие для создания элементов вебформ
На любом сайт используются HTML формы (кнопки, чекбоксы), которые создаются с использование тегов Form, Input, Button, Checked, Value, Checkbox и других элементов вебформ
MailTo — что это и как в Html создать ссылку для отправки Емейла
Как можно использовать Html ссылки с MAILTO для удобного предоставления пользователям сайта возможности отправки вам Емайл сообщений