external CSS in HTML - HTML5 | CSS3 Grundlagen Tutorial 2023

external CSS in HTML - HTML5 | CSS3 Grundlagen Tutorial 2023
In diesem Video sehen wir uns die funktionsweise von external CSS an, wie binden wir eine externe CSS-Datei in unser HTML Dokument ein und wie hinterlegen wir die gewünschten CSS Anweisungen in der externen Datei.

In diesem HTML5 und CSS3 Grundlagen Tutorial geht es darum, Anfängern und Einsteigern HTML und CSS Schritt für Schritt näher zu bringen und den Einstieg zu erleichtern. In dieser HTML und CSS Tutorial-Reihe werde ich den Texteditor Atom verwenden um Dir die Basics von HTML5 und CSS3 näher zu bringen. Jeder der eine Programmiersprache lernen möchte benötigt zuerst Kenntnisse in HTML und CSS!

Hier der Link zur gesamten HTML und CSS Tutorial-Reihe für Dich:

Hier noch der Link zum GoogleDrive:
dort hinterlege ich sämtliche Dateien aus diesem Tutorial, für den Fall, daß es bei dem einen oder anderen User zu Problemen kommt. So kann jeder selbst kontrollieren wo der Fehler liegt, wenn mal etwas nicht
funktioniert ;-)

⚙️ Mein Equipment

🎧 Audiorecorder / Audiointerface:
🎙️ Mikrofon:
🎧 Lav-Headset Halterung für Lavalier Mikrofone:
🎥 Webcam:
💡 Videoleuchte:

Aktuelle Buchempfehlungen zu diesem und anderen Videos auf meinem Kanal. Diese Links sind Affiliate Links, falls Du über meine Links etwas kaufen solltest dann bekomme ich eine kleine Provision, somit kannst Du mich und meinen Kanal unterstützen. Dich kostet diese Unterstützung keinen Cent ;-) Besten Dank!

🛒HTML5 und CSS3: Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Bootstrap, Responsive Webdesign u. v. m. von Jürgen Wolf - 25. Januar 2019

🛒Schrödinger lernt HTML5, CSS und JavaScript: Das etwas andere Fachbuch. Der volle Durchmarsch für alle, die HTML5, CSS3 und JavaScript lernen wollen (Schrödinger programmiert, Band 4) Broschiert – 23. November 2018

🛒HTML5 Handbuch Taschenbuch (Professional Series) – 30. Juni 2014 – älter aber immer noch lesenswert!

🛒Praxiswissen Joomla! 3.x komplett: Das Kompendium für Joomla! ab Version 3.6 Gebundenes Buch – 12. Dezember 2016

Musik im Video:
Jack's Garage von Midnight North

#HTML5undCSS3_Tutorialgarage

[Mindspectrum]

Ich bin durch Zufall hier gelandet und bin seit über 10 Jahren Entwickler. Sehr schönes Grundlagentraining für Anfänger! Informatik und kompetent vorgetragen.

Einzig auf das 90er Jahr Layout mit Gradienten schauen zu müssen tut nach kurzer Zeit echt weh. ;)

[raumpflegerin]

Vielen Dank für die sehr verständlichen Videos - so macht das Lernen Spaß! :)

[kobapaitchadze]

habe jetzt angefangen das alles zu lernen und so gründlich erklärte videos habe nicht gefunden absolute Empfehlung

[Derbihatzer]

Super Video ich bin 14 und für mich ist es auch leicht verständlich ich berreite mich schonmal auf meine Schule vor daher schaue ich mir diese Videos an. Weiter

[tami]

Du hättest echtes potenzial als Lehrer :D Echt Top

[dennis]

100% likes so muss das!
Mach weiter so hab noch nie so gute Videos gesehen :)
danke

[MrCJPopeye]

Eine ganz tolle Arbeit diese Schulung...weiter so!

ich wollte mal anmerken, dass man im Atom-Editor über >.>Edit>>Preferences>>Install <.< das Package "atom-html-preview" suchen und installieren kann. Dann ist es möglich mit Shift+Strg+H ein Tab zu aktivieren/deaktivieren in dem man eine Direktansicht der Site bekommt. Wenn mann dann in der *.html Änderungen vornimmt, werden diese zeitgleich angezeigt. Nur wenn man in der *.css was ändert muss man mit Strg+S die Änderungen speichern damit sie im Vorschautab sichtbar werden.
Dann muss man nicht mehr ändern... speichern... wechseln... neu laden... zurückwechseln... und das jedes Mal.

[kuko]

Hallo, ich wollte mich einmal erkundigen wie viele Folgen diese Serie denn insgesamt haben wird und wie der Uploadplan dafür ausschaut, sprich an welchen Tagen und welchen Rhythmus die Videos hochgeladen werden.

[hubertherbert]

Langsam wirds spannend!
Ich will nicht nachschauen, weiß ich nach der letzten folge wie ich ein ganzes Userinterface von z.B.: Illustrator auf eine Homepage bekomm? :P

[MrSmeyeli]

Erst mal ein grosses Lob für die einachen erklärungen, das macht Spassso zu Lernen. Ich wollte bei dem Tet auch kursiv reinbringen, was aber nicht ging! weder mit italic noch mit emphasis, auch habe ich es in text dekoration versucht sowie fontweight, warum geht das nicht, oder wie lautet der befehl ?? wäre um eine Antwort froh.

[tomgoldig]

Was gibt es noch für type Möglichkeiten, außer text/css ? Danke schonmal