⌘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

Η σημασία του line-height χωρίς μονάδες στο CSS

041

Η ιδιότητα συντομογραφίας font στο CSS

042

Κόκκινη γραμμή κειμένου στο CSS

043

Εφέ κειμένου στο CSS

044

Υπογράμμιση κειμένου στο CSS

045

Άνω υπογράμμιση κειμένου στο CSS

046

Διαγραφή κειμένου στο CSS

047

Ακύρωση εφέ για κείμενο στο CSS

048

Πρακτική στα Βασικά CSS Properties

Επιλογείς

049

Σχέσεις γονέων και παιδιών μεταξύ ετικετών σε HTML

050

Κληρονομικότητα Ιδιοτήτων CSS

051

Ομαδοποίηση επιλογέων στο CSS

052

Γενικές ιδιότητες κατά την ομαδοποίηση επιλογέων στο CSS

053

Επιλογέας Απογόνων στο CSS

054

Υπο-επιλογέας στη CSS

055

Κλάσεις στοιχείων στο CSS

056

Η ετικέτα span για κομμάτια κειμένου σε HTML

057

Η ετικέτα div για την ομαδοποίηση ετικετών σε HTML

058

Ομαδοποίηση Κλάσεων σε CSS

059

Ετικέτα με δεδομένη κλάση στο CSS

060

Επιλογέας Απογόνων και Κλάσεις στο CSS

061

Σύνθετοι συνδυασμοί επιλογέα απόγονων και κλάσεων στο CSS

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

Ο Αδελφικός Επιλογέας στην CSS

079

Καθολικός Επιλογέας στο CSS

080

Επιλογείς Ιδιοτήτων στο CSS

081

Καταστάσεις συνδέσμων στο CSS

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

Διακεκομμένη διακεκριμένη γραμμή στο 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

Σημάδια λίστας 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

Περιθώρια margin για διαφορετικές πλευρές στο 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 και των borders στη διεύρυνση στοιχείων στο CSS

138

Ακύρωση της επέκτασης στοιχείων στο CSS

139

Χαρακτηριστικά των Στοιχείων Μπλοκ στο CSS

140

Πλάτος και Ύψος ενός Block Στοιχείου στο CSS

141

Πλάτος στοιχείου block στο CSS

142

Ύψος στοιχείου block στο CSS

143

Ύψος στοιχείου μπλοκ χωρίς περιεχόμενο στο CSS

144

Πολλά στοιχεία μπλοκ δίπλα-δίπλα στο CSS

145

Χαρακτηριστικά των Inline Στοιχείων στο CSS

146

Πλάτος και Ύψος Στοιχείου Inline στο CSS

147

Πολλά Inline Στοιχεία Δίπλα-δίπλα σε CSS

148

Περιθώρια μεταξύ σε-line στοιχείων στο CSS

149

Ορισμός του μοντέλου μπλοκ των ετικετών HTML

150

Εργασία με την ιδιότητα display στο CSS

151

Χαρακτηριστικά των Inline-Block Στοιχείων στο CSS

152

Πλάτος και Ύψος Στοιχείου Inline-Block στο CSS

153

Πλάτος στοιχείου inline-block στο CSS

154

Ύψος στοιχείου inline-block στο CSS

155

Πολλά στοιχεία σε σειρά με inline-block στο CSS

156

Στοίχιση Block Στοιχείων στο CSS

157

Στοίχιση στοιχείου μπλοκ με αριστερό περιθώριο στο CSS

158

Στοίχιση στοιχείου μπλοκ με δεξί περιθώριο στο CSS

159

Στοίχιση Inline Στοιχείων στο CSS

160

Κεντράρισμα Στοιχείων Εν Σειρά στο CSS

161

Κεντράρισμα Πολλαπλών Στοιχείων σε Γραμμή

162

Στοίχιση ενσωματωμένων στοιχείων στη δεξιά πλευρά στο CSS

163

Στοίχιση Στοιχείων Inline-Block στο CSS

164

Κεντράρισμα Στοιχείων Inline-Block στη CSS

165

Στοίχιση Στοιχείων Inline-Block στη Δεξιά Πλευρά σε CSS

166

Στοιχεία Flex στο CSS

167

Ύψος γονέα ελαστικών στοιχείων στο CSS

168

Πλάτος γονέα flex στοιχείων στο CSS

169

Γραμμικο-Block Γονέας Flex Στοιχείων στο CSS

170

Περικοπές padding του γονέα flex στοιχείων στο CSS

171

Περιθώρια margin για τα απογόνων στο CSS

172

Στοίχιση flex στοιχείων στο CSS

173

Κεντράρισμα Flex Στοιχείων στο CSS

174

Στοίχιση Flex Στοιχείων Κατά τον Γονέα στο CSS

175

Στοίχιση flex στοιχείων σε γονέα με περιθώρια

176

Στοίχιση στοιχείων Flex σε γονέα με ίσα περιθώρια

Θέση

177

Απόλυτη τοποθέτηση στοιχείων στο CSS

178

Σχετική Τοποθέτηση Στοιχείων στο CSS

179

Θέση σε σχέση με το γονέα στο CSS

180

Θέση σε σχέση με τον απόλυτο γονέα στο CSS

181

Απόλυτη Θέση χωρίς Συντεταγμένες στο CSS

182

Κεντράρισμα μέσω απόλυτου στη CSS

183

Αρνητικές τιμές στο positioning στο CSS

184

Σταθερή Θέση στο CSS

185

Μπλοκ σε πλήρες πλάτος οθόνης στο CSS

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

Η επίδραση των floats στο γονέα στο CSS

195

Ύψος γονέα των float στο CSS

196

Κείμενο στο γονέα των floats στο CSS

197

Περιλισθήσεις στο CSS

198

Ακύρωση της πλεύσης με την ιδιότητα clear στο CSS

199

Ξεχωριστό Div με Clearfix στο CSS

200

Clearfix και ύψος γονέα στο CSS

201

Η ιδιότητα float για blocks στο CSS

202

Η ιδιότητα float και πολλά blocks στο CSS

203

Η ιδιότητα float και το γονέας χωρίς κείμενο στο CSS

Flex

204

Τοποθέτηση στοιχείων flex σε σειρά ή στήλη στο CSS

205

Τοποθέτηση στοιχείων flex σε ανεστραμμένη σειρά στο CSS

206

Τοποθέτηση στοιχείων flex σε στήλη στο CSS

207

Αναστροφή στήλης με flex στοιχεία στο CSS

208

Κύρια και εγκάρσια άξονας σε flex containers στο CSS

209

Στοίχιση Flex Στοιχείων στον Κύριο Άξονα σε CSS

210

Στοίχιση Flex μπλοκ κατά τον εγκάρσιο άξονα στο CSS

211

Η τιμή center της ιδιότητας align-items στο CSS

212

Κεντράρισμα χωρίς ύψος μπλοκ στο CSS

213

Κεντράρισμα με μπλοκ διαφορετικού ύψους στο CSS

214

Η σημασία της τιμής stretch για την ιδιότητα align-items στο CSS

215

Πρακτική στο στοίχιση κατά άξονες στο CSS

216

Στοίχιση μεμονωμένου στοιχείου στο flex μοντέλο στο CSS

217

Η σειρά των flex μπλοκ στο CSS

Grids

218

Εισαγωγή στα CSS Grid

219

Διαδρομές και Γραμμές σε CSS Grids

220

Εμφάνιση πλέγματος στο πρόγραμμα εντοπισμού σφαλμάτων του προγράμματος περιήγησης

221

Αριθμός και πλάτος στηλών σε CSS Grid

222

Μονάδα fr στα CSS Grid

223

Κλασματικές μονάδες fr στα CSS Grids

224

Pixels και μονάδες fr στα CSS Grids

225

Ποσοστά και μονάδες fr στα CSS Grids

226

Η συνάρτηση repeat στα CSS Grid

227

Η σημασία του auto στα CSS Grid

228

Η σημασία του auto-fill στα CSS Grid

229

Η συνάρτηση minmax στα CSS Grid

230

Η σημασία του auto-fit στα CSS Grid

231

Αριθμός και πλάτος σειρών σε CSS πλέγματα

232

Συντομογραφία για γραμμές και στήλες σε CSS Grids

233

Ενοποίηση σειρών σε CSS Grid

234

Συγχώνευση στηλών σε CSS πλέγματα

235

Συνδυασμοί Εύρους Σειρών και Στηλών σε CSS Grids

236

Επικάλυψη Στηλών σε CSS Grids

237

Απόσταση μεταξύ στηλών σε CSS Grid

238

Απόσταση μεταξύ σειρών σε CSS Grid

239

Απόσταση μεταξύ στηλών και σειρών σε CSS Grid

240

Πλακιδάκια σε Grid στο CSS

Διατάξεις

241

Δημιουργία μενού σε CSS

242

Απλές μονοστήλες διατάξεις ιστοτόπων σε CSS

243

Σχέδιο Διάταξης με Πολλαπλά Wrappers σε CSS

244

Δομικά στοιχεία ιστοσελίδας σε HTML

245

Σχέδιο Διπλής Στήλης Διάταξης Ιστότοπου σε CSS

246

Σχέδιο τρίστυλης διάταξης ιστοσελίδας σε CSS

247

Ειδικές ετικέτες για στοιχεία διάταξης ιστότοπου σε HTML

248

Βασικές ετικέτες διάταξης στο HTML

249

Ετικέτα για τμήματα σε HTML

250

Πρακτική σε mockups με HTML και CSS