Вы превысили запрос на
0 знаков
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