⌘K

Жаңыдан баштагандар үчүн HTML жана CSS окуу куралы

Жаңыдан баштагандар үчүн HTML жана CSS тилдериндеги веб-беттерди түзүү боюнча жетиштүү теория жана тапшырмалар менен жөнөкөй окуу куралы.

HTML негиздери

001

Сайт түзүү үчүн тилдер

002

HTML тили

003

HTML тегдер

004

HTML тегдердеги атрибуттар

005

HTML тегдеринин стилдери

006

HTML баракчасынын негизги структурасы

007

Негизги HTML тегдер менен иштөө

008

Абзацтар үчүн тегдер

009

Барактын аталыш теглери

010

Текстти баса тамгалап жазуу үчүн тегдер

011

Текстти курсив менен көрсөтүү үчүн тегдер

012

HTMLдеги тартипсиз тизмелер

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

CSSтегинде текстти тегиздөө боюнча практика

035

CSS-тегирдиктин калыңдыгын белгилөө

036

CSS-тегирме

037

CSS'те шрифттун өлчөмү

038

CSSтегинде шрифт тиби

039

CSSтегидеги саптар аралыгы

040

CSS'те бирдиксиз line-height мааниси

041

CSSтегинде font кыскартуу касиети

042

Тексттин кызыл сабыны CSS

043

CSSтеги текст эффекттери

044

CSS текстинин астынан сызуу

045

CSS'те тексттин үстүнө сызгыч коюу

046

CSSте текстти сызык менен сызоо

047

CSSтегиндеги текст эффекттерин жокко чыгаруу

048

Негизги CSS касиеттери боюнча практика

Селекторлор

049

HTML тегдердинен тууганчылык байланыштары

050

CSS касиеттеринин мурастоосу

051

CSS'те селекторлорду топтоо

052

CSSтегирүүчүлөрдү топтоодо жалпы касиеттер

053

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

054

CSSтегин бала селектору

055

CSSтеги элементтеринин класстары

056

HTML'деги span тексттин бөлүктөрү үчүн

057

HTML'деги тегдерди топтоо үчүн div теги

058

CSSтеги классдарды топтоо

059

CSSтеги белгилүү класс менен

060

CSSтегиндеги мураскор селекторлор жана классдар

061

CSSтегиндеги мураскор селекторлору менен классдардын татаал айкалыштары

062

Селекторлордун мураскери боюнча жаңы баштагандардын катасы

063

Бир нече CSS класстары бар элемент

064

CSS'те уникалдуу id аркылуу элементти тандоо

065

Id боюнча селектор жана CSS класс

066

CSSте id колдонуу

067

CSSте бир нече класс боюнча элементти тандап алуу

068

CSS'те бир нече селекторлорду бирге жазуу

069

Бир нече CSS тандоочторду колдонгондо кеткен ката

070

CSSтеги татаал селекторлорду топтоо

071

Татаал CSS селекторлорун топтоодо жасалган ката

072

CSS селекторлорун айкалыштыруу боюнча практика

073

CSS тандагычтарынын ачыктыгы

074

CSS касиеттеринин карама-каршылыгына кошумча эскертуу

075

CSS'теги спецификалуу эрежелер

076

CSSтегин мураскер селекторлорунун приоритети

077

CSS'те кошуна селектору

078

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

079

CSSтегиндеги жалпы тандоочу

080

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

081

CSSтегин абалы

082

CSSтеги шилтемелердин абалынын ырааттуулугунун нуктары

083

CSSтеги link жана visited шилтеме абалдары

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

CSSтеги чекитүү чек арасы

097

CSSтеги тире сыяктуу чек

098

CSSтеги чыккыра чек

099

CSSтеги кош чек арасы

100

CSSтеги чек аралык касиети

101

CSS'те жеке жактары үчүн чек ара

102

Блоктун четинин CSSте тегеректештирүү

103

CSS'те фондун чегин тегеректеп коюу

104

CSSте айлантыруу түзүү

105

CSS'те бурчтары үчүн ар кандай тегеректемелер

106

Төрт бурчтун айлана сызыгы үчүн төрт мааниси CSS

107

Түрдүү бурчтарга CSS'те эки жактуу тегеректенүү мааниси

108

CSSте ар каптал уч мааниси үчүн бурчтарды тегездөө

109

CSS-те процент менен бурчту тегүү

110

CSSте процент менен жумшактаганда тегерек жасоо

111

CSSтегиндеги фон үчүн сүрөт

112

CSSте фон сүрөтүн кайталоо

113

CSSтегиндеги фон үчүн башка касиеттер

114

UL тизмелеринин маркерлери менен CSSте иштөө

115

UL тизмелеринин чарчы маркерлери CSS

116

CSS'те ul тизмелеринин маркерлерин тегерек түрүндө кылуу

117

Жоктордун белгилери менен CSS'те иштөө

118

CSS'те ul тизме белгилеринин жок болушу

119

OL тизмелеринин маркерлери менен CSS'те иштөө

120

Строчные римские цифры для списков ol в CSS

121

CSS'те ol тизмелери үчүн баш тамга рим сандары

122

CSS'те ol тизмелери үчүн строчка латин тамгалары

123

Ойлопутору Latyn тамгаларын жогорку регистрде CSS'те ol тизмелери үчүн

124

CSS'те ol тизмелери үчүн ичке грек тамгалары

125

CSS'те ol тизмелери үчүн алдындагы нөл менен сандар

Блоктук модел

126

CSSте margin табыштыгы менен иштөө

127

CSSтегинде ар капташы үчүн margin боштуктары

128

CSS-тегиндеги margin касиетинин бир нече маанилери

129

CSSтеги margin касиетиндеги төрт маани

130

CSSтеги margin касиетинин эки мааниси

131

CSS'теги margin касиетинин үч мааниси

132

CSSте padding тармагы менен иштөө

133

CSS'те ар капталга үчүн padding тыштоолору

134

CSS-тегиндеги padding касиетинин бир нече мааниси

135

CSS'те padding таңгактары менен иштөө

136

CSS'теги элементтердин кеңейишине чектин таасири

137

CSS'те padding жана чектин элементтердин кеңейүүсүнө тийгизген таасири

138

CSS'те элементтердин кеңейишин жокко чыгаруу

139

CSS'теги блоктук элементтердин өзгөчөлүктөрү

140

Блоктук элементин туурасы жана бийиктиги CSS

141

CSSтеги блог элементтеринин туурасы

142

CSS'теги блочтук элементинин бийиктиги

143

CSS'те мазмуну жок блочтук элементтин бийиктиги

144

CSSте бир катардагы бир нече блочку элементтер

145

CSS'теги сапталуучу элементтердин өзгөчөлүктөрү

146

CSSтегиндеги ичке элементдин туурасы жана бийиктиги

147

CSSте бир катардагы бир нече саптык элементтер

148

CSS'теги саптал элементтеринин ортосундагы боштуктар

149

HTML тегдердин блочка моделин аныктоо

150

CSS'те display касиети менен иштөө

151

CSS-тегиндеги ичке-блоктук элементтердин өзгөчөлүктөрү

152

CSS'теги сапталдык-блоктук элементтин туурасы жана бийиктиги

153

CSS'теги ичке-блоктуу элементтин туурасы

154

CSS'теги саптуу-блоктуу элементин бийиктиги

155

CSSте бир нече сап-блоктук элементтердин жаны жагында жайгашуусу

156

CSS'те блоктуу элементтерди тегиздөө

157

CSSте блочку элемент сол жагынан четтеп, тууралоо

158

Блоктуу элементти оң жагынан боштук менен тегиздөө CSS

159

CSS'теги саптуу элементтерин тегиздөө

160

CSSтеги сап сызыктуу элементтерди борборлоо

161

Бир нече сап элементдерин борборлоо

162

CSS'те саптал элементтерин оң тарапка тууралоо

163

Строка-блок элементтерин CSS менен тегиздөө

164

CSS'теги саптал-блок элементдерди борборлоо

165

CSSте ичке-блок элементдерин оң тарапка тегиздөө

166

CSSтеги Флекс элементтери

167

CSS-теги флекс элементтеринин ата-энесинин бийиктиги

168

CSS'теги флекс элементтеринин ата-энесинин туурасы

169

CSSтеги флекс элементтеринин сап-блок атасы

170

CSS ичиндеги флекс элементтердин ата-эненин padding отступтору менен иштөө

171

CSS'те флекс элементтерге margin талаасы

172

Flex элементтерди CSS'те тууралоо

173

CSS'те флекс элементтерди борборго туташтыруу

174

CSS'те флекс элементтерди ата1сына туура келтирүү

175

Оттуруучу менен флекс элементтерин тегиздөө

176

Флекс элементтердин тең аралыктары менен тегиздөөсү

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

177

CSSтегиндеги элементтердин абсолюттук позициясы

178

CSSтегиндеги элементтердин салыштырмалуу позицияланышы

179

Ата-энеге салыштырмалуу позициялоо CSS

180

CSS'те абсолюттуу ата-энеге салыштырмалуу позициялоо

181

Координаттарсыз абсолюттук позициялоо CSSте

182

Абсолюттук ортого борборлоо CSS

183

CSS'теги позициялоодо терс маанилер

184

CSSтеги Fixed абалга

185

CSSтегинде бүт экрандын туурасындагы блок

186

CSS-теги Z огуна боюнча элементтерди үстү-үстүнө салуу

187

CSSте Z оксу боюнча элементтерди кабаттоону жөнгө салуу

188

CSS-тегин z-index терс маанисин колдонуунун нукталары

Float-тар

189

CSS'теги float касиетине киришүү

190

CSS'теги талаасындагы элементтердин эрип өтүшү

191

CSSте float жана margin бирге колдонулушу

192

CSS-те float жана padding биргелеши

193

CSS'теги теги астындагы көзгө чыкма элементтер

194

CSS'те флоаттардын ата-энесине тийгизген таасири

195

CSSтеги флоаттардын ата-энесинин бийиктиги

196

CSS'те флоаттардын ата-энесиндеги текст

197

CSS'те айлануу

198

CSS-тегинде clear касиети менен агып кетүүнү жокко чыгаруу

199

CSS-тегиндеги айрым клиарфикси бар див

200

Клиарфикс жана CSS'те ата-энесинин бийиктиги

201

CSSтегиндеги блоктор үчүн float касиети

202

Float касиети жана CSS'те бир нече блоктор

203

CSS'теги float касиети жана текстсиз ата-эне

Флекстер

204

CSS'те флекс элементтерди катар же тилме менен жайгаштыруу

205

CSSте флекс элементтерди тескери катарда жайгаштыруу

206

CSS'те флекс элементтерди тик тизмекке жайгаштыруу

207

CSSте флекс элементтер менен тилкени тескери буруу

208

CSS'теги Flex блокторундагы негизги жана кесилген октор

209

CSS'теги флекс элементтерди негизги огу боюнча ровдолонуусу

210

CSS'те флекс блокаларды көлдөө огу боюнча тегиздөө

211

CSS-тегиндеги align-items касиетинин center мааниси

212

CSS'те блоктордун бийиктиги жок борборлоштуруу

213

Блоктордун ар түрдүү бийиктиги менен борборлоо CSS

214

align-items касиетинин stretch мааниси CSS

215

CSS'те огу жондоо боюнча практика

216

CSS'теги flex моделиндеги жеке элементти тегиздөө

217

CSSтеги Flex блогторунун тартиби

Гриддер

218

CSS Grid-ке киришүү

219

CSS Grid'деги тректер жана сызыктар

220

Браузердин дебаггеринде гриддерди көрсөтүү

221

CSS Grid-дегиндеги колонкалардын саны жана туурасы

222

CSS гриддеги fr бирдиги

223

CSS Grid'деги fr бөлчөк бирдиктери

224

CSS Grid'деги пикселдер жана fr бирдиктери

225

CSS тордорундагы проценттер жана fr бирдиктери

226

CSS Grid функциясындағы repeat функциясы

227

CSS гриддеги auto мааниси

228

CSS Grid'деги auto-fill мааниси

229

CSS гриддеринин minmax функциясы

230

CSS торлорундагы auto-fit мааниси

231

CSS тор торлорундагы катарлардын саны жана туурасы

232

CSS Grid-деги катары жана тилкелер үчүн кыскартуу

233

CSS торлорундагы катарын бириктирүү

234

CSS Grid-деги тилкелерди бириктирүү

235

CSS Grid'деги катарлар жана тилкелер боюнча бирикмелердин айкалыштары

236

CSS торлорундагы тилкелерди жаап коюу

237

CSS тордорунда тилкелердин ортосундагы аралык

238

CSS Grid'деги катарлардын ортосундагы аралык

239

CSS тордорунда тизмектер жана катарлар аралыгындагы аралык

240

CSS'те Grid менен плиточка

Макеттер

241

CSS менюсун түзүү

242

CSSтеги жөнөкөй бир тилкелүү сайттардын макеттери

243

CSS'те бир нече wrapper'лер менен макеттердин схемасы

244

HTMLдеги вебсайттин структуралык блоктору

245

CSSтеги эки тилкемдүү сайт макетинин схемасы

246

CSSтегиндеги веб-сайттын үч тилкелүү макетинин схемы

247

HTML-деги сайт макетинин элементтери үчүн атайын тегдер

248

HTML'деги негизги макет тегдери

249

HTMLдеги бөлүм үчүн тег

250

HTML жана CSS боюнча макеттерди практикалык иштөө