⌘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

CSS හි ul ලැයිස්තු සලකුණු සමඟ වැඩ කිරීම

115

CSS හි ul ලැයිස්තු සඳහා චතුරස්ර මාර්කර්

116

CSS හි ul ලැයිස්තු සලකුණු කවරයක් ලෙස

117

CSS හි ul ලැයිස්තු ලකුණු සමඟ වැඩ කිරීම

118

CSS හි ul ලැයිස්තු සලකුණු නොමැතිවීම

119

ol ලැයිස්තු මාර්කර් සමග CSS හි වැඩ කිරීම

120

CSS හි ol ලැයිස්තු සඳහා අකුරු රෝමානු ඉලක්කම්

121

CSS එකේ ol ලැයිස්තු සඳහා ලොකු රෝම ඉලක්කම්

122

CSS හි ol ලැයිස්තු සඳහා අකුරු අක්ෂර

123

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 හි විවිධ පැති සඳහා පැඩිං කඩඉර

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 හි inline-block මූලද්‍රව්‍යයේ උස

155

CSS හි අසල්වැසි කිහිපයක් අන්තර්ගත කිරීමේ ගුණාංග

156

CSS හි බ්ලොක් මූලද්‍රව්‍ය පෙළගැස්වීම

157

CSS හි වම් ඉඩකඩ සහිත බ්ලොක් අංග පෙළගැස්වීම

158

CSS හි දකුණු ඉඩ සහිතව බ්ලොක් අංගය සම්බන්ධ කිරීම

159

CSS හි දිගේ මූලද්‍රව්‍ය අලිංගනය කිරීම

160

CSS හි අන්තර්ගත මූලද්‍රව්‍ය මධ්‍යගත කිරීම

161

බහු අන්තර්ගත රේඛීය මූලද්‍රව්‍ය මධ්‍යගත කිරීම

162

CSS හි අභ්‍යන්තර අංග දකුණට පෙළගැස්වීම

163

CSS හි ඉන්ලයින්-බ්ලොක් අංග සැලැස්ම

164

CSS හි inline-block අංග මධ්‍යගත කිරීම

165

CSS හි ඉදිරිපස අංග දකුණු පසට සමීකරණය කිරීම

166

CSS හි Flex අංග

167

CSS හි flex අංගවල ප්‍රජනකයාගේ උස

168

CSS හි flex දරුවන්ගේ දෙමව්පියෙකුගේ පළල

169

CSS හි flex අංගවල inline-block දෙමාපිය

170

CSS හි ඇති ප්ලෙක්ස් මූලද්‍රව්‍යවල මව් කෙනෙකුගේ පැඩිං කාඩ්පත්

171

CSS තුළ අනුප්රාප්තික මූලද්‍රව්‍ය සඳහා මායිම් කඩතුරා

172

CSS හි flex මූලද්‍රව්‍ය සැලසුම් කිරීම

173

CSS හි flex අංග මධ්‍යගත කිරීම

174

CSS හි අණුක මූලද්‍රව්‍ය ප්‍රජාතන්ත්‍රවාදීව සමපාත කිරීම

175

අභිමුඛ මූලද්‍රව්‍ය මව් අංගය සමඟ හිස්තැන් පිළිබඳ සමානාත්මතාවය

176

ප්‍රධාන මූලද්‍රව්‍යයකට සමාන පරතරයන් සහිතව ෆ්ලෙක්ස් මූලද්‍රව්‍ය තබා ගැනීම

ස්ථානගත කිරීම

177

CSS හි මූලද්‍රව්‍යවල නිරපේක්ෂ පිහිටුම් කිරීම

178

CSS හි මූලද්‍රව්‍යවල සාපේක්ෂ ස්ථානගත කිරීම

179

CSS හි දෙමාපියන්ට සාපේක්ෂව පිහිටීම

180

CSS හි නිරපේක්ෂ දෙමාපියන්ට සාපේක්ෂව ස්ථානගත කිරීම

181

CSS හි ඛණ්ඩාංක නොමැතිව නිරපේක්ෂ ස්ථානගත කිරීම

182

CSS තුළ නිරපේක්ෂ මඟින් මධ්‍යගත කිරීම

183

CSS දිගු කිරීම් වල ඍණාත්මක අගයන්

184

CSS හි ස්ථාවර ස්ථානගත කිරීම

185

CSS හි තිරය පුරා බ්ලොක් කිරීම

186

Z-අක්ෂය මත අංග අතිච්ඡාදනය කිරීම CSS හි

187

CSS හි Z-අක්ෂය දිගේ අංග සම්පිළිබඳ රෙගුලාසි කිරීම

188

CSS හි z-index ඍණාත්මක අගයක් භාවිතා කිරීමේ සූක්ෂම කරුණු

පාවෙන අංග

189

CSS හි float ගුණය හැඳින්වීම

190

CSS හි float අංග පෙනුම හරහා ගමන් කිරීම

191

CSS එකේ float සහ margin එකට එක්විම

192

CSS හි float සහ padding ඒකාබද්ධ කිරීම

193

CSS හි ටැග් යට ඇති පාවෙන අංග

194

CSS හි දෙමව්පියන් මත float හි ක්‍රියාව

195

CSS හි float මාපියයාගේ උස

196

CSS හි පාවෙන දෙයක් තුළ පෙළ

197

CSS හි පිටවීම

198

CSS හි clear ගුණය භාවිතයෙන් ඇලවීම අවලංගු කිරීම

199

CSS හි වෙන් කරන ලද div එකක් clearfix සමඟ

200

CSS හි ක්ලියර්ෆික්ස් සහ දෙමාපිය උස

201

CSS හි බ්ලොක් සඳහා float ගුණය

202

CSS හි float ගුණය සහ බහු බ්ලොක්

203

CSS හි පා text රහිත මව් අංගයක float ගුණය

ප්ලෙක්ස්

204

CSS හි පේළියක හෝ තීරුවක අනුචලන මූලද්‍රව්‍ය තබා ගැනීම

205

CSS හි reverse row එකක පිහිටුම් flex මූලද්‍රව්‍ය

206

CSS හි flex අංග තීරුවක අලුත්වැඩියා කිරීම

207

CSS හි flex අංග සහිත තීරු පෙරළීම

208

CSS හි flex blocks හි ප්‍රධාන සහ තීරු අක්ෂ

209

CSS හි ප්‍රධාන අක්ෂය දිගේ flex අංග සමපාත කිරීම

210

CSS හි හරස් අක්ෂය දිගේ flex බ්ලොක් සම කිරීම

211

CSS හි align-items දෙපත්‍රයේ center අගය

212

CSS හි උසක් නොමැතිව මධ්‍යගත කිරීම

213

විවිධ උසැති බ්ලොක් සමඟ CSS හි මධ්‍යගත කිරීම

214

CSS හි align-items හි stretch අගය

215

CSS හි අක්ෂ ඔස්සේ පෙළීමේ පරිබාහනය

216

CSS හි flex ආකෘතියේ තනි අංගයක පෙළගැස්ම

217

CSS හි flex බ්ලොක් වල අනුපිළිවෙල

ග්‍රිඩ්

218

CSS ග්‍රිඩ් හැඳින්වීම

219

CSS ග්‍රිඩ් වල ට්‍රැක් සහ රේඛා

220

බ්‍රවුසරයේ දෝෂ නිරාකරණ උපකරණයේ ග්‍රිඩ් පෙන්වීම

221

CSS ග්‍රිඩ්වල තීරු ප්‍රමාණය සහ පළල

222

CSS grid වල fr ඒකකය

223

CSS ග්‍රිඩ් වල භාගික ඒකක fr

224

CSS ග්‍රිඩ් වල පික්සල් සහ fr ඒකක

225

CSS ග්‍රිඩ් වල ප්‍රතිශත සහ fr ඒකක

226

CSS ග්‍රිඩ් වල repeat ශ්‍රිතය

227

CSS ග්‍රිඩ් වල auto අගය

228

CSS grid හි auto-fill අගය

229

CSS ග්‍රිඩ් වල minmax ක්‍රියාකාරීත්වය

230

CSS ග්‍රිඩ් වල auto-fit වටිනාකම

231

CSS ග්‍රිඩ් වල පේළි ගණන සහ පළල

232

CSS ජාලවල පේළි සහ තීරු සඳහා කෙටි යෙදුම

233

CSS ග්‍රිඩ් වල පේළි ඒකාබද්ධ කිරීම

234

CSS ජාලවල තීරු එකට එකතු කිරීම

235

CSS ජාල වල පේළි සහ තීරු ඒකාබද්ධ කිරීමේ සංයෝජන

236

CSS ග්‍රිඩ් වල තීර අතිච්ඡාදනය

237

CSS ග්‍රිඩ් වල තීරු අතර දුර

238

CSS ජාල වල පේළි අතර දුර

239

CSS grid හි තීරු සහ පේළි අතර දුර

240

CSS හි ග්‍රිඩ් තුළ ටයිල්

ලේඅඔටු

241

CSS හි මෙනු නිර්මාණය කිරීම

242

CSS හි සරල තනි තීරු වෙබ් අඩවි පිරිසැලසුම්

243

CSS බහු wrapper දිලක්ෂන යෝජනා ක්‍රමය

244

HTML හි වෙබ් අඩවියේ ව්යුහාත්මක බ්ලොක්

245

CSS හි වෙබ් අඩවියේ ද්වි-තීරු පිරිසැලසුම් යෝජනා ක්‍රමය

246

CSS හි වෙබ් අඩවියක තීන්තු පිරිසැලසුම් යෝජනා ක්‍රමය

247

HTML හි වෙබ් අඩවි පිරිසැලසුම් මූලද්‍රව්‍ය සඳහා විශේෂ ටැග්

248

HTML හි මූලික පිරිසැලසුම් ටැග

249

HTML හි කොටස් සඳහා ටැගය

250

HTML සහ CSS හි ප්‍රායෝගික නිර්මාණ