Webentwicklung

HTML

CSS

JS

Webentwicklung

Website

HTML

HTML (HyperText Markup Language) wird verwendet, um einer Website Inhalt zu geben und Webbrowsern mitzuteilen, wie dieser Inhalt strukturiert ist.

HTML Struktur


                            
					

HTML Struktur


                            
					

Hello World 👋

  1. Entwicklungsumgebung starten
  2. Neue Datei erstellen
  3. "Hello World"-Beispiel schreiben

HTML Elemente

Text Elemente


                            
					

Text Elemente


                            
					

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5
Überschrift 6

Text Elemente


                            
					

Text Elemente


                        
                

Text Elemente


                        
                

Überschrift 1

Dies ist ein Textblock - ein sogenannter Paragraph.

Text Elemente


                        
                

Text Elemente


                        
                

Überschrift 1

Dies ist ein Textblock - ein sogenannter
Paragraph.

Text Elemente


                                
                        

Text Elemente


                                
                        

Ordered List 👋

  1. Entwicklungsumgebung starten
  2. Neue Datei erstellen
  3. "Hello World"-Beispiel schreiben

Text Elemente


                                
                        

Unordered List 👋

  • Entwicklungsumgebung starten
  • Neue Datei erstellen
  • "Hello World"-Beispiel schreiben

Text Elemente


                                
                            

Text Elemente


                                
                            

Text Elemente


                                
                            

LINKS

... und wenn wir schon dabei sind HTML-Attribute

Links


                            
					

Zum Nachlesen 📚

Hier ist ein Link zu W3Schools einer E-Learning-Webseite mit Tutorials und Hilfestellungen für die Bereiche Webentwicklung und Webdesign.

Links


                            
					

Links


                            
					

Links


                            
					

HTML Attribute

HTML Attribute bestehen aus einem Namen und einem Wert mit der folgenden Syntax:

name="Wert"

und können dem öffnenden Tag eines HTML-Elements hinzugefügt werden, um das Verhalten des Elements zu konfigurieren oder zu ändern.

HTML Attribute


                            
					

HTML Attribute


                            
					

Links

... zurück zu unserem Beispiel

Links


                            
					

Zum Nachlesen 📚

Hier ist ein Link zu W3Schools einer E-Learning-Webseite mit Tutorials und Hilfestellungen für die Bereiche Webentwicklung und Webdesign.

Links


                            
					

Links


                            
					

Links


                            
					

Links


                            
					

Links


                            
					

Links


                            
					

Zum Nachlesen 📚

Hier ist ein Link zu W3Schools einer E-Learning-Webseite mit Tutorials und Hilfestellungen für die Bereiche Webentwicklung und Webdesign.

Media Tags

... Bilder, Videos, und so

Media Tags


                            
					

Media Tags


                            
					

Media Tags


                            
					

Media Tags


                            
					

CSS

CSS, oder Cascading Style Sheets, ist eine Sprache, die in Kombination mit HTML verwendet wird, um die Darstellung von HTML-Elementen anzupassen. CSS kann Stile definieren und das Layout und Design einer Website ändern.

CSS Einbinden

CSS kann auf drei Arten eingebunden werden...

... im Head der HTML Datei, ...

... Inline, ...

... sowie als ausgelagerte Datei!

CSS Einbinden


                            
					

CSS Einbinden


                            
					

CSS Einbinden


                            
					

CSS Selektoren

Typen Selektor


                            
					

Typen Selektor


                            
					

Typen Selektor


                            
					

ID Selektor

Typen Selektor


                            
					

ID Selektor


                            
					

Klassen Selektor

Klassen Selektor


                            
					

CSS Attribute

... werden hier aufgelistet ...

... ich würde die einfach googlen ...

...

CSS Frameworks

JS Frameworks

Cheatsheets, Anleitungen & Co.

- Codecademy (Online Kurse)
- HTML Glossar
- Cheatsheets

Fragen, Wünsche, Anmerkungen?