⌘K

Учебник за HTML и CSS за почетнике

Једноставан водич за веб дизајн на језицима HTML и CSS за почетнике са детаљном теоријом и задацима.

Основе HTML-а

001

Језици за креирање сајта

002

HTML језик

003

HTML ознаке

004

Атрибути у HTML ознакама

005

Стилови HTML тагова

006

Основна структура HTML странице

007

Рад са основним HTML ознакама

008

Ознаке за параграфе

009

Ознаке за наслове странице

010

Ознаке за подебљавање текста

011

Тагови за означавање текста курзивом

012

Неуређени спискови у ХТМЛ-у

013

Уређени спискови у HTML-у

014

Рад са линковима у HTML

015

Унутрашње везе у HTML-у

016

Рад са сликама у HTML-у

017

Ширина слике у HTML-у

018

Висина слике у HTML-у

019

Ширина и висина слике у HTML

020

Рад са табелама у HTML-у

021

Ширина и висина табеле у HTML

022

Ћелије-наслови у табели у HTML-у

023

Практика на основне HTML ознаке

Основи CSS-а

024

Основи рада са језиком CSS

025

Како радити са CSS

026

Кључне речи за боје у CSS

027

Било које боје у CSS-у

028

Ширина и висина елемената у CSS

029

Поравнање текста у CSS-у

030

Поравнање текста удесно у CSS-у

031

Центрирање текста у CSS-у

032

Поравнање текста улево у CSS-у

033

Поравнање текста истовремено удесно и улево у CSS-у

034

Практика на poravnanje teksta u CSS

035

Дебљина текста у CSS

036

Курсив у ЦСС-у

037

Величина фонта у CSS-у

038

Тип фонта у CSS-у

039

Размак редова у CSS-у

040

Вредност line-height без јединица у CSS

041

Скраћеница font у CSS-у

042

Црвени ред текста у CSS-у

043

Ефекти текста у CSS

044

Подвлачивање текста у CSS-у

045

Горња линија текста у CSS

046

Прецртавање текста у CSS-у

047

Отмена ефеката за текст у ЦСС-у

048

Практика на основне CSS особине

Селектори

049

Родствене везе ознака у HTML-у

050

Наслеђивање CSS особина

051

Груписање селектора у ЦСС-у

052

Општа својства при груписању селектора у CSS-у

053

Селектор потомака у CSS-у

054

ЦСС дечји селектор

055

Класе елемената у CSS-у

056

Таг span за делове текста у HTML-у

057

Тег div за групирање тагова у HTML-у

058

Груписање класа у CSS

059

Ознака са задатом класом у CSS-у

060

Селектор потомка и класе у ЦСС-у

061

Комплексне комбинације селектора потомака и класа у ЦСС-у

062

Грешка почетника у селектору потомака

063

Елемент са више CSS класа

064

Избор елемента по јединственом id у CSS

065

Селектор по id и CSS класе

066

Коришћење id у CSS-у

067

Одабир елемента по више класа у CSS-у

068

Више селектора заједно у CSS-у

069

Грешка при употреби неколико CSS селектора

070

Груписање сложених селектора у CSS

071

Грешка при групписању сложених CSS селектора

072

Практика на комбинације CSS селектора

073

Приоритет CSS селектора

074

Напомена о конфликту својстава CSS

075

Правила специфичности у CSS-у

076

Приоритет селектора потомака у CSS-у

077

Суседни селектор у CSS

078

Сродни селектор у ЦСС-у

079

Универсални селектор у CSS-у

080

Селектори атрибута у ЦСС-у

081

Стања везе у ЦСС-у

082

Нијансе редоследа стања линкова у CSS

083

Стања веза link и visited у CSS

084

Уобичајена употреба стања веза у CSS

085

Сложни селектори са стањима линкова у CSS-у

086

Веза са класом у CSS

087

Одабир крајњих елемената у CSS

088

Избор по позицији елемената у CSS-у

089

Селекција јединог детета у CSS

090

Селекција празних елемената у CSS-у

091

Селекција по позицији и типу елемената у CSS

092

Селектор негације у CSS-у

Декорација

093

Постављање боје позадине у CSS-у

094

Основе рада са границама у CSS

095

Пуна ивица у CSS-у

096

Taчкаста граница у CSS-у

097

Граница у виду цртице у CSS

098

Изидута граница у CSS-у

099

Двоструки border у CSS-у

100

CSS краћи запис за ивицу (border)

101

Граница за појединачне стране у CSS-у

102

Заобљавање ивица блока у CSS-у

103

Заокруживање ивица позадине у CSS-у

104

Креирање круга у CSS-у

105

Различити радијуси завијања за различите углове у CSS-у

106

Четири вредности заобљења за различите углове у ЦСС-у

107

Два вредности заобљена за различите углове у ЦСС-у

108

Три вредности заобљења за различите углове у CSS-у

109

Заобљени углови у процентима у CSS-у

110

Прављење круга при заобљавању у процентима у CSS-у

111

Слика за позадину у CSS

112

Понављање позадинске слике у CSS-у

113

Други својства за позадину у CSS

114

Рад са маркерима листу ul у CSS-у

115

Квадратни маркери листе ul у CSS-у

116

Маркери листе ul у облику кругова у CSS

117

Рад са маркерима листе ul у CSS

118

Одсуство маркера листе ul у CSS-у

119

Рад са маркерима листе ol у CSS-у

120

Строчне римске цифре за листе ol у CSS-у

121

Велика римска бројеви за спискове ol у CSS-у

122

Строчные латинские букве за спискове ol у CSS

123

Велика латинична слова за ol листе у CSS-у

124

Стилна грчка слова за спискове ol у CSS-у

125

Бројеви са нулом испред за листе ol у CSS

Блок модел

126

Рад са маргинама margin у CSS-у

127

Маргине за различите стране у CSS-у

128

Вишеструке вредности у својству margin у CSS-у

129

Четири вредности у својству margin у CSS-у

130

Два значења у својству margin у CSS

131

Три вредности у својству margin у CSS

132

Рад са унутрашњим одступима padding у CSS

133

Увлачења padding за различите стране у CSS-у

134

Више вредности у својству padding у CSS-у

135

Рад са унутрашњим одстоцима padding у CSS

136

Утицај границе на ширење елемената у CSS-у

137

Утицај padding-а и границе на ширивање елемената у CSS-у

138

Отмена проширења елемената у CSS-у

139

Особености блоковских елемената у CSS-у

140

Ширина и висина блок елемента у CSS-у

141

Ширина блоковског елемента у ЦСС

142

Висина блочног елемента у CSS

143

Висина блоковског елемента без садржаја у CSS-у

144

Више блок елемената један поред другог у CSS

145

Карактеристике инлајн елемената у CSS-у

146

Ширина и висина инлајн елемента у CSS

147

Више инлајн елемената један поред другог у CSS-у

148

Увлачења између инлајн елемената у CSS-у

149

Одређивање блок модела HTML елемената

150

Рад са display особином у CSS

151

Karakteristike inline-blok elemenata u CSS-u

152

Ширина и висина линијско-блок елемента у CSS-у

153

Ширина inline-block елемента у CSS

154

Висина линијско-блок елемента у CSS-у

155

Неколико инлајн-блок елемената једно поред другог у ЦСС-у

156

Поравнање блок елемената у CSS-у

157

Поравнавање блок елемента са левим одступом у CSS-у

158

Поравнање блок елемента са одступом са десне стране у CSS

159

Поравнање инлајн елемената у CSS-у

160

Централизовање инлајн елемената у CSS-у

161

Централизација више инлајн елемената

162

Поравнање инлајн елемената десно у CSS-у

163

Поравнање инлајн-блок елемената у CSS-у

164

Центрирање редно-блок елемената у CSS-у

165

Поравнање инлајн-блок елемената десно у CSS-у

166

Флекс елементи у ЦСС-у

167

Висина родитеља флекс елемената у CSS-у

168

Ширина родитеља флекс елемената у CSS-у

169

Инлајн-блок родитељ флекс елемената у CSS-у

170

Увлачења padding родитеља флекс елемената у CSS-у

171

Одступи margin потомцима у CSS

172

Поравнање flex елемената у CSS

173

Центрирање флекс елемената у CSS-у

174

Поравнавање флекс елемената по родитељу у CSS-у

175

Поравњање флекс елемената по родитељу са одступима

176

Поравнавање флекс елемената у односу на родитеља са једнаким одстоцима

Позиционирање

177

Апсолутно позиционирање елемената у CSS-у

178

Релативно позиционирање елемената у CSS-у

179

Позиционирање у односу на родитеља у CSS

180

Позиционирање у односу на апсолутног родитеља у CSS-у

181

Апсолутно позиционирање без координата у CSS-у

182

Центрирање преко апсолутног позиционирања у CSS

183

Негативне вредности при позиционирању у CSS-у

184

Фиксни позиционирање у CSS-у

185

Блок на целу ширину екрана у ЦСС-у

186

Поравнивање елемената на Z оси у CSS

187

Регулисање наслагања елемената по Z оси у CSS-у

188

Нијансе примене негативне вредности z-index у CSS-у

Флови

189

Увод у својство float у CSS

190

Продирање плутајућих елемената кроз тагове у CSS-у

191

Комбинација float и margin у CSS

192

Комбинација float и padding у CSS-у

193

Пловајући елементи под ознакама у CSS

194

Деловање флоатова на родитеља у ЦСС-у

195

Висина родитеља флоатова у CSS-у

196

Текст у родитељу флоатова у CSS

197

Плови (float) у CSS-у

198

Поништавање обавијања помоћу својства clear у CSS-у

199

Посебан див са клиарфиксом у CSS-у

200

Цлеарфик и висина родитеља у ЦСС

201

Својство float за блокове у CSS-у

202

Својство float и више блокова у CSS-у

203

Својство float и родитељ без текста у CSS-у

Флексибилни распореди

204

Постављање флекс елемената у ред или колону у CSS-у

205

Позиционирање флекс елемената у обрнутом реду у CSS-у

206

Порављање флекс елемената у колону у CSS-у

207

Преокретање колоне са флекс елементима у CSS-у

208

Главна и попречна ос у флекс блоковима у CSS

209

Поравнање флекс елемената дуж главне осе у CSS

210

Поравнавање флекс блокова по попречној оси у CSS-у

211

Вредност center за својство align-items у CSS-у

212

Центрирање без висине блокова у CSS-у

213

Центрирање са различитим висинама блокова у ЦСС

214

Значење stretch вредности за align-items у CSS-у

215

Вежбе за позиционирање дуж оса у CSS-у

216

Поравнање појединачног елемента у Flex моделу у CSS

217

Редослед флекс блокова у CSS

Гридови

218

Увод у CSS Grid

219

Траке и линије у CSS Grid-у

220

Приказивање гридова у браузер дебагеру

221

Број и ширина колона у CSS мрежама

222

Јединица fr у CSS гридовима

223

Разломљене јединице fr у CSS гридовима

224

Пиксели и јединице fr у CSS гридовима

225

Проценти и fr јединице у CSS grid-у

226

Функција repeat у CSS гридовима

227

Значење auto у CSS гридовима

228

Вредност auto-fill у CSS гридовима

229

Функција minmax у CSS гридовима

230

Вредност auto-fit у CSS Grid

231

Број и ширина редова у CSS гридовима

232

Скраћеница за редове и колоне у CSS гридовима

233

Спајање редова у CSS grid-у

234

Спајање колона у CSS гридовима

235

Комбинације спајања по редовима и колонама у CSS Grid-у

236

Преклапање колона у CSS Grid мрежама

237

Растојање између колона у CSS Grid

238

Размак између редова у CSS гридовима

239

Растојање између колона и редова у CSS grid-у

240

Решетка грида у CSS-у

Лајаути

241

Креирање менија у CSS-у

242

Једноставни једноставни шаблони сајтова у CSS-у

243

Шема макета са више wrapper-а у CSS

244

Структурни блокови сајта у HTML-у

245

Шема двоколонског распореда сајта у CSS-у

246

Шема троколонског макета сајта у CSS

247

Посебни тегови за елементе изгледа веб-сајта у HTML-у

248

Основне ознаке распореда у HTML-у

249

Ознака за секције у HTML-у

250

Практика на макетах на HTML и CSS