• Как заработать на сайте
  • Как заработать в интернете
  • Инвестиции в интернете
  • Партнерские программы
  • Рейтинг парт. программ
  • SEO продвижение
  • Вопросы и ответы
  • Термины оптимизатора
  • HTML-уроки
  • Интернет
  • Мои услуги
  • Реклама на сайте
  • Обратная связь
Стоимость баннера за месяц: 30$ (подробности)
Главная → HTML уроки и советы

HTML уроки для новичков

Ниже представлены ссылки на краткий курс 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

Свойства 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:

• Буквы в кружочке
• Цифры в кружочке
• Знаки цветов
• Единицы измерения
• Галочки
• Греческие буквы
• Карточные масти
• Кавычки
• Копирайт
• Математические символы
• Погода
• Римские цифры
• Сердца
• Стрелочки
• Валюты
• Закрыть/удалить
• Знаки зодиака
Основные разделы
  • Главная
  • Партнерские программы
  • Рейтинг партнерских программ
  • Статьи про SEO
  • Термины SEO
  • Описание бирж
  • HTML-уроки и советы
  • CSS-уроки
  • Биткоины
  • PHP-уроки
  • Бинарные опционы
  • Социальные сети
  • Обзоры систем
  • Все про CMS
  • Реклама в интернете
Важно
  • Продвижение сайта
  • Аудит внутренней оптимизации
  • Куплю Ваш сайт
  • Куплю Вашу подпись на форуме
  • Подписаться на рассылку
  • Реклама на сайте
  • Карта сайта
  • Обратная связь
© 2010-2023 - Zarabotat-Na-Sajte.ru