HTML und CSS Tutorial für Anfänger | Eigene Webseite erstellen

[@Programmierenlernen]

Hinweis: Durch eine Änderung in VSCode zum "!"-Zeichen habe ich für euch extra nochmal ein Video aufgenommen in dem ich erkläre, wie es auf jeden Fall klappt: www.loom.com/share/3787bc8f92af4e0d9e23c5afdc91ef85

[@FrankBillerbeck]

Danke, war gerade darüber gestolpert.

[@thelelguy1263]

Danke, das Problem hatte ich gerade!

[@highfreq4k]

die autovervollständigung geht bei mir generell aber das mit dem ! und es kommt instant das html-basic formular geht bei mir nicht, selbst wenn ich das abschreibe werden bei mir die tags nicht rot o.ä. ist etwas nervig^^

[@SchmigatheSoulja]

Komme auch mit dem loom video nicht weiter. Wenn ich strg+Leertaste drücke, öffnet sich wie bei dir zwar ein Fenster, da sind aber keine Vorschläge drin gespeichert, es wird also nur "no suggestions" angezeigt. Gibt es da noch einen Trick?

[@Mobynet]

voll cool ich hatte immer Return geklickt, aber ist nicht schlecht STRG + Leertaste Danke

[@sepp-xyz]

Wahnsinn, was hier kostenlos zur Verfügung gestellt wird. Vielen Dank für Deine Arbeit, mach bitte weiter so!

[@Geen182]

HILFE Ich Code zum ersten Mal, ich mache alle Schritte 1 zu 1 nach, bei 09:25 schaffe ich es nicht das Foto anzeigen zu lassen im Browser. Im Editor stimmt jede Zeile. Ich habe ALLES genau so gemacht wie vorgezeigt! Hilfe

[@cyberscriber1974]

@@Geen182 Das ist auch mein Problem

[@stefanseidl502]

@@cyberscriber1974 kann dir helfen hatte ich gestern am anfang auch. durch etwas rumprobieren konnte ich das dann irgendwie lösen

[@stefanseidl502]

@@petruwalter6860 dann fehlt irgendwo irgendwas, ne Klammer oder is in der Zeile verrutscht

[@onegalaxyplay]

@@Geen182 Kopier deinen text mal hier rein, bei mir hat alles geklappt. Vielleicht kann ich dir helfen. Oder du vergleichst deinen code mit den der bei github unter index ist. Du musst nur aufpassen das du die dinge in der richtigen reihenfolge siehst.

[@kevinschuierer8966]

Danke für das geniale Video. Habe schon in den ersten 10 Minuten mehr verstanden als in 2 Stunden Vorlesung an der Hochschule.

[@Programmierenlernen]

Das freut mich sehr!

[@klaus-peterbrier5945]

Ich habe mir mehrere Videos über HTML CSS Website angesehen, aber dieses Video ist eindeutig auf Platz 1 ! Klarer Weg zum Ziel, keine Umwege nach "Nirgendwohin", sehr verständlich und nachvollziehbar , ein herzliches Danke-Schön!!

[@Programmierenlernen]

Danke für das Lob!

[@peterjustus8099]

Dem stimme ich bis jetzt eindeutig auch zu, zumal es in deutsch ist. Knackig gehalten, sympathisch locker rüber gebracht. Einfach perfekt! Ich habe da ein 6 Stunden Video auf englisch gefunden, wo er zwar alles ganz gut erklärt aber alles zieht sich irgentwie unnötig in die Länge habe ich das Gefühl und die Stimme wirkt auf mich einschläfernt....

[@Lehofan17_Official]

Ich bin Schüler und bin Mitglied in einer Schülerfirma. Weil ich der einzige bin, der überhaupt schonmal programmiert hat, viel die Wahl einstimmig auf mich. Jetzt muss ich eine Webseite für unsere Schülerfirma programmieren 😂. Weil ich aber alles schon wieder vergessen hatte nach 1,5 Jahren Pause, habe ich yt-Videos gesucht, die es einfach erklären. Du machst echt super Videos, ich habe die gesamte Webseite nur durch deine Videos programmieren können. Vielen vielen Dank !!!

[@felixfinkeissen4982]

Ich habe innerhalb weniger Minuten sehr viel gelernt und es ist wirklich sehr gut erklärt. Ich bin 15 Jahre und habe damit meine erste Website erstellt.

[@ytubergameone]

Bester Satz für heute von ihm: "ziemlich lang das ganze aber wir müssen ihn ja nicht die ganze zeit anschauen" made my day🙌😅🙏 Ps. Grandiose Arbeit die du da ablieferst und dich so in die Anfänger reinzuversetzten ist auch eine Kunst. Hier arbeitet ein Profi. Klasse Typ bitte mache weiter mit deinen Videos denn mit denen bewegst du etwas.

[@Programmierenlernen]

danke dir!

[@SaladinAlkurdi.]

Du erklärst unglaublich professionell wegen deinem Rat vor 2 Wochen Auswahl zwischen" javascript oder Python", ich hab mich schließlich für javascript entschieden und jetzt bin ich in css und html fortgeschritten, der nächste Schritt ist Javascript. Vielen Dank, du bist einfach der Beste. 💚❤️💛

[@Programmierenlernen]

mit JS geht es erst richtig los. Bleib dran, auch wenn der Anfang da nicht so einfach ist. Du schaffst das. Viel Spaß :-)

[@SaladinAlkurdi.]

@@Programmierenlernen Danke Jonus 🔥

[@Elament542]

Danke für diese Tutorial! Ich lerne momentan HTML und CSS, das Video hat echt geholfen. Gruß

[@googlehupf_]

Bin durch einen Freund auf dich aufmerksam geworden. Als Anfänger muss ich dir einfach ein großes Lob aussprechen! Du gibst hier kostenlos viel Wissen preis und das auch noch verständlich. Danke!

[@drummerboy8136]

Ich muss sage ich gehe eher sparsam mit Abos um, aber wenn ich dir zuschaue wie professionell du das hier machst (und natürlich auch perfekt erklärst) dann kann man da auf jeden fall mal reinhauen. Du hast mir echt weitergeholfen und ich muss sagen es macht auch echt spaß da bisschen rumzuspielen. Ich würde aber vielleicht gern noch wissen, wenn man einen Auftrag erhält und eine Website designen muss. Wie lange brauchst du dafür und was ist so die Bezahlung im Duchschnitt. Vielen Dank für dieses Interessante und hilfreiche Video. Like + Abo hast du dir echt verdient

[@Anonymous5448]

Über Zahlen spricht ein Jener ungern...

[@dogheartde1]

Spitze wie du das Ganze erklärst. Du gibst auch Infos die ich in noch keinem Buch gelesen habe. Danke, weiter so.

[@robinjost898]

Vielen Dank für dein tolles Video. Ich finde es sehr toll, dass du dir so viel Zeit genommen hast so ein Video kostenlos für die community zu produzieren. Es hat mir sehr weitergeholfen und ich vermute vielen anderen auch Danke!

[@Yanimodell]

Wow ich bin begeistert, was für eine Hilfe. Ich danke Dir, ich habe gerade mit HTML angefangen und durch Deine Tutorials habe ich sehr viel gelernt. Danke

[@fabi96pl]

Super Video! Finde es klasse, dass es so eine Lektion gratis auf deinem Kanal gibt. Danke dafür!

[@lalanini4486]

ein ausführliches Video wie du uns erklärst wie man bilder texte usw verschiebt( links rechts oben unten wöre richtig geil ich glaube dass viele anfänger da probleme haben

[@jensc9448]

Ich kommentiere ja nicht oft Videos, aber dieses Video ist sogar für mich als Total-Newbie super verständlich gewesen. Ich hatte während dieses Tutorials kleine Erfolgsmomente und hab mich richtig gefreut, als ich einen Fehler selber identifizieren konnte. Danke!

[@iugin74]

Absolut fantastisches Video! Klar, professionell, super tempo! Wirklich wirklich sehr gut! Danke für Deine ganze Arbeit!

[@ArmanSingh-vc4lp]

Selbst für jemanden der nur in der schule in der 11. Bisschen mit Java programmiert hat, ist dieses video verständlich und regt einfach dazu auf mal selber das zu versuchen . Vielen lieben Dank!

[@The_Clee]

Danke, deine Videos machen den Einstieg beim programmieren lernen deutlich einfacher❤

[@tiffyland-kevin2966]

Eine tolle Vorbereitung auf meine Online Marketing Manager Weiterbildung. Hatte mir ein wenig Sorgen gemacht, da ich mit Coding noch wirklich gar nicht in Berührung kam. Allerdings konnte ich unheimlich viel aufsaugen, und direkt umsetzen. Werde das ganze einfach 3-4 mal durchgehen mit deinem Video und dann sollte das auch passen. Super Video!

[@Programmierenlernen]

Das freut uns sehr! Viel Erfolg!

[@minecraftbedwars5387]

Hab auf TT gesehen dass du ein Video höchlädst. Ich schaue mir jetzt an 🥰🥰

[@ciarox]

Super Video, hab zuvor noch nie mit HTML oder CSS gearbeitet aber muss sagen das ich die ganze Thematik dadurch ein wenig besser verstehen konnte und es mir nun auch möglich ist an einer Website zu arbeiten. mach weiter so .

[@ChristianKuehn-n1t]

hey, hab meine erste website programiert, entwickel die immer weiter, danke für die coolen vidios .kann mann gut verstehen und umsätzen

[@nuveon8125]

Du bist der Beste Yunus! Ganz großen Daumen hoch von mir! Du erklärst das Thema sehr unkompliziert und einleuchtend! Ich danke Dir !!

[@phoenix_mike]

Das Video ist/war unglaublich hilfreich habe meine erste Website gerade programmiert und es war alles sehr verständlich erklärt, sodass ich am Ende auch selber Dinge hinzugefügt oder veränder habe super Video!

[@pfarre-sandleiten]

Großartiges Video für Anfänger, gefällt mir sehr gut. Kleiner Hinweis: am Ende des Videos sollte es nicht heißen die Seite mit Preisen oder Terminen zu erweitern, sondern dafür neue Seiten zu erstellen und die Namen dieser Seiten als Link in den Elementen der Navbar einsetzen!

[@petruwalter6860]

Vielen dank Junus für deine mühe, sehr hilfsreich , respekt!!!!!!!

[@frankliva7438]

Echt eine gute Art wie du alles rüber bringst. Danke für deine Arbeit!!

[@rob1ngames]

Vielen Dank für das ausführliche Video🙏 Im Moment bist du mein Lieblings KZbinr danke für deine Videos 👍

[@Programmierenlernen]

nice, danke für das Lob!

[@glory9025]

Das Video ist sehr hilfreich , es wäre richtig super und schön wenn du ein video darüber machst wie man professionelle Webseiten macht.

[@caliope1316]

Du bist der Wahnsinn!! Ich freue mich total, hab es nun endlich verstanden. Mach weiter so

[@VFast-cm2ub]

Junus,ich möchte mich auch für deine Arbeit recht herzlich bedanken!

[@Programmierenlernen]

Freut mich sehr!

[@rel_9602]

Solche Tutorials verkaufen manche "Internet-Marketer-Gurus" für 27 € oder dergleichen, und dann auch nur wordpress-basiert. Super Tutorial, danke!

[@teomanheidhof8821]

Super gut erklärt ! Hab fast mein ganzes wissen von dir :) Es bring einfach Spaß deinen Videos zugucken mach einfach so weiter!

[@thomasborns8935]

Eine sehr verständliche Anleitung ! Gut auch der Tipp zum Selbst- und Weiterentwickeln der Seite. Weiter so.

[@realityfacts_]

Vielen Dank für alles. Hab alles verstanden ,du hast es sehr gut erklärt. In meiner Ausbildung sind wir mit diesem Thema angefangen!😉❤

[@fflixl]

5 Jahre Schule wo wir 2 Jahre genau das gelernt haben was er in 1er Stunde zeigt. hahaha unglaublich

[@ladolcesandra]

wow, richtig gutes tutorial! das war mein erstes tutorial zu HTML und ich hab richtig lust auf mehr bekommen. DANKE! :)

[@Programmierenlernen]

Danke fürs Feedback!

[@steffenb.2256]

Megaklasse!!! Das Video hat mir sehr geholfen. Gute Struktur, gut erklärt - perfekt! Danke dafür!

[@polarized8708]

Grandios gut gemacht, genauso wie dein Phyton-Video. Bin kein Coder, aber mit den Grundzügen kann man schon viele HTML-Dateien "lesen" und verstehen. Ich erinnere mich noch an die alte Zeit, wo alle mit Tabellen gearbeitet haben, anstatt CSS.

[@a.a.1515]

Tolles Video! So verständlich und anschaulich erklärt, herzlichen Dank.

[@diymicha2]

Super erklärt. Danke. Jetzt kann ich endlich etwas mit diesen vermaledeiten DIV anfangen, die mich andauernd ärgern :)

[@a.h.7822]

Wahnsinn wie super du das erklärst. Grenzgenial! Danke :)

[@kuulopa]

Sie sind einfach ein toller Lehrer.

[@Programmierenlernen]

Danke für das Lob!

[@SummerCatVibing]

bei gott deine videos motivieren mich immer weiter mit html und css und später auch java script zu lernen. Bitte weiter so. ich liebe deine videos

[@ahhouu]

It was just a very useful tutorial. U teach really good. I hope u keep making such videos. Thank u SOOOOOOOO much :)

[@levinwobig7212]

Vielen Dank, Ich habe in deinem Video mehr gelernt als in meinem gesamten Studium. Top Video 👍

[@lernenmitrobin]

richtig gut. Ich freue mich schon auf die nächsten Videos, die breits zur Verfügung stehen. Weiter gehts ;-)

[@Capitaly123]

Junus du bist eine Maschine ! Top Arbeit! Daumen hoch

[@Rattenfleisch]

Ein wirklich gutes Video. Wahnsinn! Mehr gelernt als in zwei Semestern.

[@DK-wf6oi]

Super content Weltklasse erklärt. Klar und verständlich. 😊😊😊😊😊

[@Ngin35]

Vielen Dank. Echt sensationell ! Mir hat es so einiges gebracht.

[@15041983kara]

Hi, ich habe so gemacht wie im Video funktioniert so wie es sein soll. Die Webseite habe ich nochmals so angepasst nach meinen Bedürfnissen und werde Sie demnächst veröffentlichen. Vielen Dank für das Video ist wirklich sehr gut zu verstehen.

[@katmitk]

Danke für Deine Arbeit hier. Habe genau sowas gesucht!

[@shadii.5180]

Genial. Vielen Dank für dein Video und das du dein Wissen teilst. ❤ ich wollt schon immer programmieren lernen :))

[@imfr00schn30]

ich finde es auch sehr klasse :). Lerne auch seit einigen Wochen HTML und CSS. Bin auch im Besitz deines Udemy Kurses. Tolle Arbeit!!!

[@i.e.4961]

Wie heißt der Kurs?

[@erikorino]

Ein super Video :D ! Ich konnte echt viel neues lernen, und außerdem fällt mir das coden jetzt leichter.

[@normanlinkowski1920]

Ein sehr gutes Video!!! Es hat mich echt gefreut dir zuzuhören 🧐👂🏼

[@MrBucket77]

22:46 Thats what she said 😂 Dank für das Tutorial, hat alles Drin was man braucht❗️

[@RDM221]

Vielen, vielen dank. habe mich zum allerersten mal hingesetzt und meinen allerersten schritt zum thema html & css gemacht. und das mit deinem video. super erklärt, perfekter roter faden. ich muss sagen, hab alles selber nachgemacht und hab jetzt umso mehr lust, weiterzumachen. also danke dir dafür ;)

[@benwieauchimmer979]

Fantastisch erklärt. Vielen, vielen Dank dafür. Ganz genau so ausführlich habe ich das gebraucht. 🤩🤝

[@Dutch_BigBollyVanPolly]

vielen dank dafür :) hat mir extrem geholfen!

[@alisultan2594]

Danke für das tolle Video und bitte auch ein Video für Hosting, das wäre super nett.

[@domispitz1]

Supertolles Video. Es hat mir sehr gut als Vorbereitung für meinen HTML und CSS Kurs geholfen. Danke und liebe Grüße aus Wien

[@Programmierenlernen]

Das freut uns sehr!

[@Jvn_vfx]

Echt klasse! Hat sehr viel Spaß gemacht, danke!

[@rmn7953]

Kommt im perfekten Moment, wollte morgen damit anfangen!

[@mudkip6514]

Hey danke für dieses tutorial! Ich befolge gerade alles und bisher klappt es echt gut. Was ich mich aber gerade gefragt habe.. du benutzt öfter mal Shortcuts, z.b wie du mehrere Sachen gleichzeitig löscht etc. Da waren noch ein paar andere dabei, aber die weiß ich aus dem Kopf nicht mehr.. Könntest du vllt mal ein Video machen, wo du gewisse Shortcuts oder Hotkeys für VS Code zeigst? Ich glaube das würde die Produktivität enorm steigern. Danke! mach weiter so!

[@mudkip6514]

Oh.. hab gerade gesehen dass du schon solche Videos hast.^^

[@justmauki]

Wirklich seht gut erklärt. War sehr verständlich und hilfreich! :)

[@_.little_cherryblossom]

Ich finde dein Video echt mega! Hat mir so wahnsinnig gut weitergeholfen :D

[@canguler2544]

Sehr Hilfreiches video und auch gut verpackt so das es jeder versteht

[@duaniel_the_guitardude]

Und wieder ein klasse Tutorial. Gerne mehr davon.

[@melczockt7289]

Vielen Dank. Absolut professionell und top hilfreich! Weiter so. 👌

[@franckkendzo6320]

HALLO ich finde die Inhalte deine Videos superinterssant.

[@Boxingcuts757]

Danke für diese hilfe habe mit diesem video so viel neues dazu gelernt, es macht wirklich spaß danke für diese tricks ihr habt mein Abo und Ein like vielen vielen DANK!

[@guilhermep8414]

Vielen Dank für deinen Beitrag. Den wird mir ganz bestimmt helfen, einen Job im Bereich Onlinemarketing zu sichern.

[@juliia181]

Richtig gutes Video, super verständlich!

[@o_g40]

vielen lieben dank für das Video. Sehr hilfreich und gut gestaltet!

[@epikpros7039]

Das ist so einfach und vor allem gut erklärt!

[@tron.2554]

Ist das alles kostenlos ohne monatlich zu zahlen? Oder muss man monatlich zahlen

[@StrikerPalma]

Ich starte das Video gerade. Wird bestimmt super wie jedes Video von dir/ Euch. Aber gleich am Anfang, Fotostudio in Berlin Mitte und Google Maps ist in München im Deutschen Museum :D Sorry ist einfach witzig, weil sich Berliner und Münchner ja so gut verstehen :D

[@viktorjancic8516]

Herzlichen Dank.Mir hat sehr ,sehr geholfen,und ich empfehle gerne weiter

[@nikokroger]

Auf dieses Video habe ich gewartet.

[@AntiKiwiMatisch]

Danke für das Video. Sehr gut erklärt, gefällt mir.

[@im_stitch]

richtig gutes Video! Hat mein Projekt gerettet

[@juliusblaschke5641]

Mega gut alles erklärt. Vielen Dank!!

[@qusayalmaliki6948]

Das ist sehr interessant! Ich danke dir für das zeigen! sehr cool

[@Tri-Technology]

Für Anfänger ist das ein tolles Tutorial und auch ich habe angefangen damit meine Webseite aufzubauen. Leider wird aber kaum darauf eingegangen, wie man die Webseite am besten designed, damit sie auch auf mobilen Geräten (Responsive Web Design) gut aussehen und auf was man achten sollte, wenn man einen Dark Mode später einbauen möchte. Außerdem sind die Container und teilweise die Designvorgaben im a Selector nicht geeignet um weitere Subseiten zu erstellen.

[@eddi7058]

danke für alles hat mir sehr geholfen, so macht lernen Spaß !

[@JanReimer-x6k]

danke das du mir so geholfen hast jetzt kann ich ohne ein Tutorail programmieren

[@knopfefan7941]

Das ist mein insgesamt zweites Coding Tutorial, das ich erfolgreich abgeschlossen habe. Ich finde es echt heftig, wie viele Möglichkeiten man schon hat, wenn man "nur" die Basics beherscht. Habe für das Tutorial insgesamt um die 5 Stunden gebraucht. Ein Stunde habe ich mindestens dafür benötigt, einen Fehler zu finden. Aam Ende hat sich herausgestellt, dass es nur ein Minus war, das ich vergessen hatte zu setzen. War ziemlich nervig, annsonten hats schon Bock gemacht.

[@laetitiasaraa]

Super Video! Du hast das super toll erklärt, vielen Dank dafür!

[@rephayersecondchannel]

mir gefällt der "buddy" / body bereich ganz gut

[@hannahxxx4889]

Vielen Dank! Das Video ist echt top!

[@aylincetingoez]

Deine Videos sind der Hammer! ich danke dir !!

[@khashayarmo1027]

Also danke für tolle Videos. Sie haben mich echt motiviert wieder anfangen zu Coden. 😊 sie sehen übrigens wie Luis Susrez aus 😅

[@facecrac]

krasser typ Respekt sehr hilfreich

[@pitbul2071]

Ich finde das Tutorial sehr toll. Das ist perfekt um rein zu kommen in das Thema und macht sehr viel Spaß. Ich habe paralell zum Video gleich das ganze ausprobiert und bin schon an der ersten Hürde und zwar hat es mein Bild nicht übernommen es wird nur am kleines Kästchen angezeigt. Wenn villeicht jemand was der Fehler war kann er es mir gerne sagen. Ich versuche es auf jeden Fall weiter und wer weiß villeicht finde ich ja den Fehler selbst . Danke für die tollen Videos habe den Kanal gleich abonniert

[@xonarz6248]

Schönes Video. Ich selbst bin schon eigentlich ein Fortgeschrittener Webentwickler. Hab mir allerdings alles was ich bisher weiß, selbst beigebracht. Ich schaue mir aktuell gerne Videos an um zu prüfen, ob ich nicht einiges vergessen oder gar nicht gewusst habe :D Ich hab da mal ein paar Fragen: Frage 1: Warum nutzt du "div" anstelle von "section" ? Mir wurde gesagt, dass man seit HTML5 für einzelne Bereiche nur noch "section" benutzt und in den einzelnen bereichen als teilbereiche dann demnach "div". Frage 2: Ich persönlich finde es quatsch für jedes kleine "bisschen" eine class anzulegen. Wenn man nicht gerade vor hat, noch sämtliche dinge in eine Section einzubringen könnte man der Section eine Klasse geben. Bsp.: Navbar^^ ".navbar a {}" oder die maps geschichte... ".maps-container .text-center" So finde ich das persönlich besser. Man Spart sich dadurch das nachdenken wie man eine klasse nennt da dies ja ebenfalls immer so eindeutig wie möglich sein sollte. Mit freundlichen Grüßen XonarZ

[@finjakluth6186]

So ein gutes Video, danke!!!

[@KenniY_]

Ich liebe deine Videos, da sie mir wirklich super beim Lernen von Programmieren helfen. Und das Kostenlos!! Ich habe da aber noch eine Frage was jetzt besser ist. Also ob man CSS dann nicht lieber in einer anderen Datei macht?