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

Подписаться 217 тыс.

Просмотров 438 тыс.

50% 1

Kostenloses Beratungsgespräch: weiterbildung.developerakadem...
In diesem HTML und CSS Tutorial lernst du, wie du eine eigene Internetseite erstellen kannst. Auch, wenn du vorher noch nie etwas eigenes gecodet hast, wirst du nach diesem Tutorial deine eigene Website mit HTML und CSS erstellen. Diese Anleitung ist komplett für Anfänger erstellt worden.
00:00 | Was wir machen werden
01:27 | Erste Internetseite
09:53 | VS Code
11:22 | HTML Grundstruktur
15:40 | CSS Einführung
29:43 | Layout erstellen mit Flexbox
42:36 | Untere Sektion
Code: github.com/JunusErgin/BEWERBU...
Partnerunternehmen bieten wir direkten und nachhaltigen Zugang zu unseren hochqualifizierten Absolventen.
Jetzt IT-Talente sichern: talents.developerakademie.com/
Tiktok: / herr_programmierer (Herr Programmierer)
____ Über diesen Kanal ___
Die Developer Akademie bildet dich zum Programmierer weiter. Auch wenn du noch NIE eine Zeile Code geschrieben hast, ist es möglich in 3 - 6 Monaten einen gut bezahlten Job zu finden. Dafür musst du NICHT nur programmieren mit Online-Tutorials lernen, sondern einen guten LEBENSLAUF mit vielen verschiedenen Projekten vorweisen. In unserem Programm hast du ständigen Kontakt zu unseren Coaches, Hausaufgaben, Abgabefristen und Projekte aus der Praxis für deinen Lebenslauf.
Am Ende erstellen wir mit dir einen perfekten Lebenslauf und unterstützen dich bei deiner Bewerbung.
Informiere dich auf weiterbildung.developerakadem...

Опубликовано:

19 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 571

@Programmierenlernen 2 года назад

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 2 года назад

Danke, war gerade darüber gestolpert.

@thelelguy1263 2 года назад

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 9 месяцев назад

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

@sepp-xyz 3 года назад

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

@Geen182 2 года назад

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 2 года назад

@@Geen182 Das ist auch mein Problem

@stefanseidl502 2 года назад

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

@stefanseidl502 2 года назад

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

@onegalaxyplay 2 года назад

@@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 2 года назад

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

@Programmierenlernen 2 года назад

Das freut mich sehr!

@klaus-peterbrier5945 2 года назад

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 2 года назад

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....

@felixfinkeissen4982 2 года назад

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.

@Lehofan17_Official 4 месяца назад

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 !!!

@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!

@fabi96pl 2 года назад

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

@iugin74 2 года назад

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

@Elament542 3 года назад

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

@dogheartde1 2 года назад

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

@The_Clee Год назад

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

@Yanimodell 2 года назад

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

@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!

@a.a.1515 2 года назад

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

@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

@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 🔥

@caliope1316 3 года назад

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

@teomanheidhof8821 2 года назад

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

@ciarox 2 года назад

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 .

@steffenb.2256 2 года назад

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

@drummerboy8136 2 года назад

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 2 года назад

Über Zahlen spricht ein Jener ungern...

@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!

@frankliva7438 2 года назад

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

@googlehupf_ 3 месяца назад

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!

@petruwalter6860 2 года назад

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

@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!

@lernenmitrobin 2 года назад

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

@minecraftbedwars5387 3 года назад

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

@normanlinkowski1920 2 года назад

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

@fflixl Год назад

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

@ahhouu 2 года назад

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

@benwieauchimmer979 2 года назад

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

@a.h.7822 Год назад

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

@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!

@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!😉❤

@thomasborns8935 2 года назад

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

@polarized8708 2 года назад

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.

@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 !!

@justmauki 2 года назад

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

@Jan-bb4sl 2 года назад

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

@ladolcesandra 2 года назад

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

@Programmierenlernen 2 года назад

Danke fürs Feedback!

@strumpf777 2 года назад

Und wieder ein klasse Tutorial. Gerne mehr davon.

@imfr00schn30 2 года назад

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 2 года назад

Wie heißt der Kurs?

@melczockt7289 2 года назад

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

@_.little_cherryblossom 2 года назад

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

@Rattenfleisch Год назад

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

@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!

@laetitiasaraa 2 года назад

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

@o_g40 2 года назад

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

@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 ;)

@canguler2544 2 года назад

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

@rob1ngames 2 года назад

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

@Programmierenlernen 2 года назад

nice, danke für das Lob!

@rmn7953 3 года назад

Kommt im perfekten Moment, wollte morgen damit anfangen!

@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

@Capitaly123 Год назад

Junus du bist eine Maschine ! Top Arbeit! Daumen hoch

@katmitk 2 года назад

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

@levinwobig7212 Год назад

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

@viktorjancic8516 2 года назад

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

@alisultan2594 3 года назад

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

@maxmustermann3037 Год назад

Ich habe eine Farge. Sie haben mal gesagt man solle nicht zu viele Tutorials schauen um nicht in den "Tutorialdschungel" zu geraten. Nun bin ich aber erst 14 und Anfänger. Deswegen habe ich auch keinen Mentor/Coach der mir programmieren beibringen könnte. Deswegen muss man sich doch anfangs schon Tutorials anschauen um überhaupt Grundlagen zum Projektbasierten Programmieren erlangen zu können.

@konstantinpaul8301 Год назад

Ja schlau erkannt, würde dir aber auch raten andere Videos zu sehen, also von verschiedenen Kanälen! Was hier gezeigt wird ist naja...

@maxmustermann3037 Год назад

@@konstantinpaul8301 Ja das habe ich auch bemerkt seitdem ich andere Kanäle gesehen habe, die alles viel besser erklären und Nicht immer nur Werbung machen für ihren JavaScript Kurs.

@MrBucket77 2 года назад

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

@erikorino Год назад

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

@aylincetingoez 2 года назад

Deine Videos sind der Hammer! ich danke dir !!

@diymicha2 Год назад

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

@nikokroger 3 года назад

Auf dieses Video habe ich gewartet.

@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.

@rel_9602 2 года назад

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

@tinomontes9681 2 года назад

Wirklich große Klasse ! Danke

@Boxingcuts757 2 года назад

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!

@VFast-cm2ub Год назад

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

@Programmierenlernen Год назад

Freut mich sehr!

@shadii.5180 5 месяцев назад

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

@antisystematisch1743 Год назад

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

@epikpros7039 2 года назад

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

@tron.2554 2 года назад

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

@klaustest4413 2 года назад

Super Video, Mach weiter so!

@pfarre-sandleiten 5 месяцев назад

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!

@frankfalkenberg1568 2 года назад

Sehr gut vorgetragen!

@tierfan0494 2 года назад

Dein Video hat mir sehr geholfen, vielen Dank!! 😊

@juliia181 11 месяцев назад

Richtig gutes Video, super verständlich!

@DK-wf6oi 5 месяцев назад

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

@user-wz5mj5wz6d 6 месяцев назад

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

@fatemehkhalili3301 2 года назад

Wow.. vielen Dank das Video war sehr hilfreich.

@juliusblaschke5641 11 месяцев назад

Mega gut alles erklärt. Vielen Dank!!

@qusayalmaliki6948 Год назад

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

@lelaestatishvili1022 2 года назад

Richtig gut erklärt, danke ))

@im_stitch Год назад

richtig gutes Video! Hat mein Projekt gerettet

@hannahxxx4889 Год назад

Vielen Dank! Das Video ist echt top!

@Dutch_BigBollyVanPolly 11 месяцев назад

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

@mudkip6514 2 года назад

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 2 года назад

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

@eddi7058 Год назад

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

@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.