Искать
Вы превысили запрос на
0 знаков
Курс по HTML и CSS Язык разметки HTML и язык стилей CSS являются самыми простыми в изучении и, к тому же, наиболее распространенными. Не важно, в каком направлении вы планируете развиваться в программировании, рано или поздно вы все равно столкнетесь с этими языками. 195 уроков, 85 вопросов Обсуждение в группе @codebra_web Все курсы Codebra
Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Раздел 1. Знакомство с HTML
1. Вводный урок по курсу HTML и CSS
2. Что такое язык HTML
3. Погружение в курс по HTML и CSS
4. Теги в HTML. Одинарные и парные теги
5. Что такое теги в HTML и для чего они нужны
6. Одинарные теги в HTML
7. Парные теги в HTML
8. Структура HTML-документа
9. Что означают теги HTML, HEAD, BODY
10. Первая строка всех сайтов - DOCTYPE
11. Исходный код веб-страницы
12. Заголовок в HTML - тег TITLE
13. Кодировка HTML-страницы и атрибуты тегов
14. Описание стилей CSS в HTML-документе
15. Подключение внешних файлов в HTML - стили CSS
16. Что не хватает в структуре HTML-документа
17. Опять чего-то не хватает в структуре HTML-страницы
18. Использование HTML метатегов (мета теги)
19. Повторим метатеги в HTML
20. Метатеги Facebook
21. Тест по разделу «Знакомство с HTML»
Раздел 2. Разметка текста в HTML
22. Заголовки и подзаголовки в HTML
23. Заголовки и подзаголовки в HTML (практика 1)
24. Что такое абзац в HTML (тег P)
25. Перенос строки (br) и разделительная линия (hr) в HTML
26. Практикуемся в переносе строки с помощью HTML
27. Нумерованный список в HTML
28. Что такое маркированный список в HTML
29. Акцентирование (выделение) текста в HTML
30. Жирно-курсиво-перечеркнутый
31. Цитаты в HTML
32. Верхний и нижний индексы в HTML
33. Универсальные атрибуты в HTML
34. Тест по разделу «Разметка текста в HTML»
Раздел 3. Ссылки в HTML
35. Что такое и как создать ссылки в HTML
36. Якоря в HTML
37. Атрибуты для ссылок в HTML
38. Тест по разделу «Ссылки в HTML»
Раздел 4. Изображения в HTML
39. Что такое изображения в HTML
40. Выравнивание изображений при помощи HTML
41. Ширина, высота, рамка у изображений в HTML
42. Добавляем рамки изображениям
43. Альтернативный текст и группировка элементов тегом figure в HTML
44. Тест по разделу «Изображения в HTML»
Раздел 5. Таблицы в HTML
45. Что такое таблица в HTML
46. Тег TR в HTML таблицах
47. Тег TD в HTML таблицах
48. Практика по атрибутам colspan и rowspan
49. Вторая практика по атрибутам colspan и rowspan
50. Рамки для таблиц, строк и ячеек в HTML
51. Cтруктурирование HTML-таблиц
52. Заголовок (тег CAPTION) HTML-таблиц
53. Отступы между ячейками в HTML-таблицах
54. Работаем с цветами в HTML-таблице
55. Цветные строки в HTML-таблице
56. Практика поиска ошибок в HTML-таблицах
57. Тест по разделу «Таблицы в HTML»
Раздел 6. Формы в HTML
58. Что такое HTML-форма
59. Как создать форму в HTML и ее атрибуты
60. Кнопки в HTML - тег BUTTON
61. Универсальный тег в HTML форме - тег INPUT
62. Многострочное поле для текста – TEXTAREA
63. Метки в HTML формах - LABEL
64. Раскрывающийся список на HTML - тег SELECT
65. Для чего нужен тег KEYGEN
66. Группировка элементов в HTML-формах (FIELDSET, LEGEND)
67. Группировка элементов списка в HTML (OPTGROUP)
68. Тест по разделу «Формы в HTML»
Раздел 7. HTML5
69. Знакомство с HTML5
70. Семантические и структурные теги в HTML5
71. Еще отличия HTML5 от HTML4
72. Создание холста в HTML5 с помощью тега CANVAS
73. Звук в HTML5 - элемент AUDIO
74. Видео в HTML5 - элемент VIDEO
Раздел 8. Остальное
75. Блочный элемент DIV в HTML
76. Строчной элемент SPAN в HTML
77. Плавающий фрейм IFRAME в HTML
78. Форматирование кода тегами PRE и CODE
Раздел 9. Знакомство с CSS
79. Что такое CSS?
80. Селекторы и свойства в CSS
Раздел 10. Селекторы в CSS
81. Основные правила и знакомство с селекторами
82. Группировка селекторов в CSS
83. Селекторы классов и идентификаторов
84. Несколько классов
85. Селекторы идентификаторов (id селекторы)
86. Селекторы атрибутов: простой выбор
87. Селекторы атрибутов: по конкретному значению
88. Селекторы атрибутов: по частичному значению
89. Селекторы атрибутов: по конкретному атрибуту
90. Структура документа: родитель-потомок в CSS
91. Структура документа: дочерние элементы в CSS
92. Структура документа: сестринские элементы в CSS
93. Псевдоклассы: ссылки
94. Псевдоклассы: первый дочерний элемент
95. Псевдоэлементы: первая буква и строка
Раздел 11. Структура и каскад
96. Специфичность в CSS
97. Наследование в CSS
98. Каскад в CSS
Раздел 12. Единицы измерения
99. Числа и процентные значения в CSS
100. Именованные цвета в CSS
101. Цветовая модель RGB в CSS
102. Единицы измерения длины в CSS
103. URL в CSS
Раздел 13. Шрифт
104. Семейство шрифтов в CSS
105. Насыщенность шрифта в CSS
106. Размер шрифта в CSS
107. Стиль шрифта в CSS
108. Свойство font в CSS
109. Как подключить сторонний шрифт в CSS
Раздел 14. Свойства текста
110. Как сделать отступ или красную строку в CSS
111. Красная строка - первый раз
112. Красная строка - самостоятельно
113. Красная строка - где ошибка?
114. Красная строка - где еще ошибка?
115. Горизонтальное и вертикальное выравнивание в CSS
116. Горизонтальное выравнивание - первый раз
117. Горизонтальное выравнивание - где ошибка?
118. Межстрочный интервал (интерлиньяж) - первый раз
119. Межстрочный интервал (интерлиньяж) - самостоятельно
120. Межстрочный интервал (интерлиньяж) - где ошибка?
121. Расстояние между словами (word-spacing) - первый раз
122. Расстояние между словами (word-spacing) - самостоятельно
123. Расстояние между словами (word-spacing) - где ошибка?
124. Расстояние между буквами (letter-spacing) - первый раз
125. Расстояние между буквами (letter-spacing) - самостоятельно
126. Расстояние между буквами (letter-spacing) - где ошибка?
127. Изменение регистра (text-transform) - первый раз
128. Изменение регистра (text-transform) - самостоятельно
129. Изменение регистра (text-transform) - где ошибка?
130. Убираем подчеркивание у ссылок (text-decoration)
131. Добавляем подчеркивание текста (text-decoration)
Раздел 15. Форматирование
132. Свойства форматирования all, clear и clip
133. Свойство display
Раздел 16. Отступы, рамки, поля
134. Свойство margin для установки отступов
135. Свойство padding для установки полей
136. Свойство border для создания границ
137. Свойство outline для создания внешних границ
Раздел 17. Цвета и фон
138. Свойство background для работы с фоном
139. Свойство color для работы с цветом
140. Добавляем градиент к фону элемента
Раздел 18. Позиционирование
141. Позиционирование элементов свойством position
142. Изменяем свойствами left, top, right и bottom положение элемента
143. Свойство z-index для определения уровня элемента
Раздел 19. Верстка таблиц
144. Общая информация и форматирование таблиц
Раздел 20. Списки
145. Типы списков в CSS
146. Маркер списка в виде изображения
147. Как изменить положение маркера списка
148. Краткое свойство для изменения стиля списка
Раздел 21. Анимация
149. Как сделать плавный переход в CSS
150. Трансформирование элементов при помощи CSS
Раздел 22. Знакомство с Flexbox
151. Знакомимся с Flexbox в CSS
Раздел 23. Практика с htmlbook.ru
152. TEX
153. Андроид в кружке
154. Вложенные списки
155. Выворотка
156. Заголовки
157. Многочлен степени n
158. Объединение ячеек
159. Отступы между блоков
160. Поле для ввода чисел
161. Поле для поиска
162. Работа с абзацами
163. Разноцветные ссылки
164. Рисованная рамка
165. Создание веб-страницы
166. Создание ссылок
167. Создание таблицы
168. Стиль для печати
169. Стихотворение
170. Флаг Японии
171. Цвет и фон в таблице
172. Цвет фона и текста документа
173. Чередующиеся квадраты
174. Ширина таблицы
175. Батарейка
176. Вырезанные уголки
177. Гламурная кнопка
178. Градиентные кнопки в Safari
179. Граница вокруг формы
180. Двойная рамка
181. Значки для листания фотографий
182. Индикатор прогресса
183. Квадратный корень
184. Квадраты
185. Круговая диаграмма
186. Наложение слоев
187. Нумерация
188. Нумерация страниц
189. Обязательные поля формы
190. Отступ под изображением
191. Поле для игры в гомоку
192. Последняя линия справа
193. Прогноз погоды
194. Рамка с поворотом
Раздел 24. Элементы сайта
195. Кнопка на сайте codebra