Ниже представлены ссылки на краткий курс HTML для новичка. Каждый урок сопровождается практическим примером.
Урок 1. Знакомство с html
Урок 2. Пример создание простой html страницы
Урок 3. Самые основные html теги
Урок 4. HTML тег <style> - подробное описание с примерами
Урок 5. HTML тег <a> - подробное описание с примерами
Урок 6. HTML тег <table> - подробное описание с примерами
Урок 7. HTML тег <img> - подробное описание с примерами
Урок 8. HTML тег <form> - подробное описание с примерами
Урок 9. HTML тег <div> - подробное описание с примерами
Урок 10. Описание заголовочных тегов html
Урок 11. Фреймы (теги <frame>, <frameset>, <noframe>, <iframe>)
Урок 12. Атрибут position в HTML
Урок 13. HTML тег <ul> - маркерованный список
Урок 14. HTML теги <h1>-<h6> - заголовочные теги внутри страницы
Урок 15. Элементы тега <form>: радиокнопки, списки, флажки, текстовые поля
Урок 16. HTML тег <embed>
Урок 17. HTML тег <object>
Урок 18. HTML тег <!-- --> (комментарии)
Урок 19. <!DOCTYPE> в html
Урок 20. HTML тег <ol> - нумерованный список
Урок 21. HTML тег <font>
Полезные фишки для функционала и юзабилити сайта
• Добавление счетчика посещений на сайт• Вывод html с помощью AJAX
• Вывод html с помощью JavaScript
• Как сделать выпадающие меню
• Как сделать favicon
• Как скрыть ссылку от поисковиков
• Как сделать красивую подсказку для ссылок
• Как увеличивать изображения (все способы)
• Эффект падающих снежинок на сайт
• Коды символов для HTML
• Добавление социальных кнопок на сайт
• Коды и названия html цветов для сайта
• Применение особенностей HTML5 в поисковой оптимизации
• Лишние элементы любого сайта
• Как сделать фон для сайта
• Как сделать бегущую строку на сайте
• Как сделать строку как NOLIX и DAOS
• Как посчитать количество кликов по ссылке
• Как убрать подчеркивание ссылки
• Как сделать кнопку на сайте ссылкой
• Какой выбрать шрифт для сайта
• Как добавить RSS ленту на сайт
• Как добавить Feedburner на сайт
• Как добавить кнопку "Наверх" на сайте
• Как сделать якорь ссылки
• Как сделать форму обратной связи на php с каптчей
• Как скруглить углы в HTML через CSS
• Как вставить музыку на сайте
• Как сделать карту изображений (карта ссылок)
• Как сделать слайдер
• Как сделать обтекание картинки текстом
• Как открыть ссылку в новом окне
• XML формат
• Как создать сайт с нуля — пошаговая инструкция
• Как сделать html ссылку на номер телефона
• Как изменить цвет текста в HTML и CSS
• Что такое микроразметка сайта
• Микроразметка хлебных корочек
• 6 лучших редакторов для работы с HTML-разметкой
• Как изменить вид ссылки при наведении
• Как разместить элементы списка горизонтально
• Как поменять скролл бар на сайте
• Как вывести теги html на странице сайта
• Как убрать маркеры в маркированном списке
• Мета тег viewport
• Мета тег charset
• Google fonts
• Как убрать рамку вокруг картинки в html
• Как изменить размер картинки в html
• Курсивный текст в html
• Подчеркнутый текст html
• Жирный шрифт html
• Зачеркнутый текст html
• Пробел html
• Кнопка html
• Термин Гипертекст
Уроки CSS
- border
- box-shadow
- border-collapse
- clear
- cursor
- direction
- display
- float
- font
- font-weight
- letter-spacing
- line-height
- margin
- overflow
- opacity
- padding
- text-align
- text-indent
- transform
- transform-origin
- text-transform
- transition
- text-decoration
- text-shadow
- vertical-align
- visibility
- white-space
- word-wrap
- z-index
- zoom
Еще про CSS:
- Введение в CSS
- Как сделать треугольник через CSS
- Вендорные префиксы CSS
- Линейный градиент
- Радиальный градиент
- Правило @font-face
- Декларация !important
- Медиа запросы (@)
- Спрайты CSS
- Псевдокласс nth-child (nth-of-type)
Спецсимолы HTML:
• Буквы в кружочке• Цифры в кружочке
• Знаки цветов
• Единицы измерения
• Галочки
• Греческие буквы
• Карточные масти
• Кавычки
• Копирайт
• Математические символы
• Погода
• Римские цифры
• Сердца
• Стрелочки
• Валюты
• Закрыть/удалить
• Знаки зодиака