Lerne HTML in 60 Minuten // HTML Tutorial Deutsch für Anfänger

Поділитися
Вставка
  • Опубліковано 6 вер 2024

КОМЕНТАРІ • 193

  • @ProgrammierenMario
    @ProgrammierenMario  3 роки тому +22

    Dir hat das Tutorial gefallen? Neben HTML empfehle ich dir auch mal CSS anzuschauen. Damit kannst du deine Webseite ansprechend darstellen: ua-cam.com/video/ZbsIkwsaVhI/v-deo.html

  • @frederikdiekmann
    @frederikdiekmann 3 роки тому +32

    Sehr schön dargestellt! Wir brauchen definitiv mehr solcher high-quality Tutorials auf deutsch

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +6

      Ja, sieht leider echt mau aus. Ist wirklich schwer auch gerade etwas aktuelles auf Deutsch zu finden. Vielen Dank das du dich gemeldet hast ✌️🙂

    • @frederikdiekmann
      @frederikdiekmann 3 роки тому +3

      @@ProgrammierenMario klaro ;) hast du auch instagram? Dann kann man sich ja vllt mal ein bisschen austauschen

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Für diesen Kanal hab ich derzeit nur einen Twitter Account. Instagram hab ich noch nicht eingerichtet. Wenn ich einen Account angelegt habe kannst du es in der Kanalinfo sehen ;-)

    • @frederikdiekmann
      @frederikdiekmann 3 роки тому +2

      @@ProgrammierenMario alles klar :)

  • @VinceKueng
    @VinceKueng 2 роки тому +13

    Lieber Mario
    Ich wiederhole mich ungern, aber bei deinen Tutorials geht das eben nicht anders. Nicht nur das Wissen das Du uns vermittelst als auch deine Tipps sind grossartig, vielen Dank

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +2

      Da bleibt mir auch nix anderes übrig als wieder einmal Danke zu sagen 🙏

  • @laleckschmichambucke
    @laleckschmichambucke 3 роки тому +6

    Tolles Video, Hammer erklärt!!
    Habe selbst fälschlicherweise mit PHP angefangen und war teilweise ein wenig verwirrt.
    Jetzt wo ich mich mit HTML befasse macht das ganze auch wieder mehr Spaß und man bleibt dran.
    DANKE ❤️

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Vielen Dank. Ja die Einstiegshürde ist über HTML, CSS und dann JavaScript wesentlich geringer. Backendsprachen wie PHP oder Python um das ganze auch serverseitig abzubilden kann man auch noch lernen wenn man Fuß gefasst hat ;)

  • @saminar311
    @saminar311 2 роки тому +1

    Alter war das hilfreich, hollyshit. Ich danke dir das du in deiner Freizeit das ganze für uns kostenfrei aufgearbeitet hast!!! Dadurch können Anfänger wie ich irgendwo anfangen und ein wenig ausprobieren

  • @matrixmax5585
    @matrixmax5585 2 роки тому +3

    Das beste und übersichtlichste Anfängertutorial für HTML 5 was es gibt. Danke für die Hilfe. Ich höre du bist aus Sachsen, Ich auch. Gruß

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +2

      Bäm! Vielen lieben Dank! Und ja bin ich. Grüße ✌️

  • @rodriguezvonwilhelmsburg5720
    @rodriguezvonwilhelmsburg5720 Рік тому +1

    Hab letze Woche angefangen mich mit dem Coden auseinander zusetzen. Hab bis jetzt ca. 4-5 Videos gesehen und muss sagen für den aller ersten Anfang, fand ich dieses Video mit Abstand am besten. Gerade das mit dem Formular hätte man raus lassen können und auch den letzen Teil der Strukturierung fand ich jetzt nichts so relevant mehr für dieses Video (Die letzen beiden Timesteps kann man auslassen), weil du nicht mehr gezeigt hast, wie es weiter geht. Aber Mario, du hast es echt super erklärt und auch viele unterschiedliche Dinge gezeigt, was eigentlich so möglich ist. Dass du uns vom HTML Wiki erzählst ist aber absolute Klasse. Kannte das bis jetzt noch nicht, aber das scheint auch ne echte Hilfe zusein. Vielen lieben Dank Mario für dieses tolle Video! Das hat mich jetzt echt motiviert weiter zu üben :)

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому

      Vielen Dank für dein Feedback. Dieses Video war das erste auf diesem Kanal 😅
      Aber es macht mich glücklich das ich damit helfen kann.
      Falls du noch mehr wissen möchtest. Hier erstelle ich ein konkretes Beispiel --> ua-cam.com/video/q9hJnC8QpAw/v-deo.html

  • @ReyNoxSix
    @ReyNoxSix 3 роки тому +10

    Hey super Video, mach aufjeden Fall weiter! Ich freue mich schon auf das CSS Video! Wenn du so weitermachst wirst du noch sehr schnell sehr bekannt!

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Jaaa... der erste Kommentar 😀
      Hallo Nico, danke für das Feedback. Das CSS Video ist für nächste Woche geplant. In der Zwischenzeit kannst du dir ja mein VS Code Video anschauen, da ich alle meine zukünftigen Tutorials damit mache könnte das für dich hilfreich sein. ua-cam.com/video/kQ2HZg4Pl8g/v-deo.html
      Grüße...

  • @mopslp437
    @mopslp437 2 роки тому +2

    Vielen Dank für das Video, es hat mir sehr weitergeholfen!

  • @yvonnekostler6661
    @yvonnekostler6661 2 роки тому +3

    Hi Mario, ich werfe mich gerade in das Abendteuer, um mich beruflich für #Digitalisierung & Co. fit zu machen bzw. überhaupt erstmal mit dem "Programmieren" anzubändeln...Neben meiner beruflichen Learning Journey schaue ich gern und oft im Netz. Deine Videos und Erklärungen sind super! Gut erklärt, verständlich und es bleibt hängen. Danke dafür und weiter so!

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Na das liest man doch gerne, vielen lieben Dank ✌️🙂

  • @ShoXxYT
    @ShoXxYT 3 роки тому +6

    Total unverdient, dass jemand wie Du, der sich unglaublich viel Mühe gibt bei seinen Videos, nach wie vor so "wenig" Abonnenten hat. Ich wünsche dir viel Erfolg für die Zukunft mein Lieber und mach weiter so. Und danke für deine Hilfe. :)

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Wenn ich bisher nur ansatzweise so vielen Menschen geholfen habe wie ich Abonnenten habe, dann bin ich schon unheimlich froh darüber. Vielen Dank für deine lieben Worte...Grüße ✌️🙂

  • @lindaklingler884
    @lindaklingler884 2 роки тому +5

    Mega Erklärung. Ich habe alles direkt verstanden und konnte es nebenher direkt umsetzen. Bitte unbedingt mehr von deinen Einsteiger Tutorials im Programmieren. (Wie wäre es zum Beispiel mit einer Reihe von Videos zu C?) :)

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Danke fürs Feedback! Freut mich das ich dir weiterhelfen konnte. Zu C ist derzeit leider nichts geplant.

  • @ichmachensoautomachensoabe364
    @ichmachensoautomachensoabe364 Рік тому +1

    Kompliment!! Ich habe mir ein paar Anfängervideos angesehen und ich muss sagen, deine Videos sind die besten für absolute Anfänger!! Andere UA-cam-Videos sind für fortgeschrittene Anfänger, aber nicht für absolute Anfänger, und wenn man sich mit HTML und CSS überhaupt nicht auskennt, wird man fast nichts verstehen, aber bei dir kann man tatsächlich von 0 an lernen und alles leicht verstehen. Weiter so👍🏻

  • @procrastination_at_perfection
    @procrastination_at_perfection 2 роки тому +2

    Einfach mitprogrammieren. Verrückt wie viel du alles in einem 50 Minuten video bereits abgedeckt hast

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Vielen Dank für dein Feedback. Freut mich sehr das es dir gefallen hat :)

  • @solotunic
    @solotunic 3 роки тому +3

    Einfach klasse super erklärt

  • @vipex5113
    @vipex5113 3 роки тому +4

    Auf jeden fall eine gute Anleitung mach weiter so LG.vipex

  • @smogkiel4004
    @smogkiel4004 2 роки тому +1

    Lob von mir - Kurz erklärt und gezeigt...nicht zu lange das es langweilig wird, aber genug um zu lernen. Abo!

  • @selinofant
    @selinofant Рік тому +1

    Hallöööö - ich hab dich leider erst vor kurzen entdeckt, seitdem ich mich außerhalb von Python mal etwas mehr umschauen will und bin einfach begeistert davon, wie einfach und super verständlich du alles erklärst - selbst als du noch so weit am Anfang gestanden hattest mit UA-cam. Echt Wahnsinn! Wünschte es hätte damals schon auf deinem Kanal ein Video zu Python gegeben, als ich damit anfing zu Programmieren, dann wäre ich wahrscheinlich schon früher über deinen Kanal gestolpert.
    Danke für dieses aber auch für alle anderen deiner Videos!

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому +1

      Hallöööchen - Freut mich sehr zu hören! Vielen Dank für deine Nachricht. So ein Super Feedback kann man immer gebrauchen 😁

  • @mag-pt3bj
    @mag-pt3bj 3 роки тому +3

    Vielen Dank für das Video :) Ich bin ein großer Fan von "Learning-by-Doing" und dein Video ermöglicht mir das. Man kann dir gut folgen und nebenbei am eigenen Projekt testen, was du uns gerade zeigst!

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Danke fürs reinschauen. Freut mich das ich dir mit diesem Tutorial ein wenig weiterhelfen konnte ;)

  • @Dennis-wq5su
    @Dennis-wq5su Рік тому +1

    Danke für deine Videos, sehr gut und ruhig erklärt. Habe einiges dazugelernt. Weiter so.

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому

      Fantastisch! Das freut mich sehr das ich dir helfen konnte. Vielen Dank für dein Feedback!

  • @sebnewbirt6331
    @sebnewbirt6331 3 роки тому +2

    Danke, sehr verständlich erklärt

  • @x3r4ph41
    @x3r4ph41 3 роки тому +2

    Sehr gutes Tutorial, war am Anfang wegen deiner monotonen stimme nicht ganz überzeugt, aber inhaltlich ist es sehr gut strukturiert und ziemlich gut nachvollziehbar gestaltet

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Freut mich das ich dir mit diesem Video weiterhelfen konnte. Und vielen Dank für dein Feedback. Es hilft mir mich weiter zu verbessern. ✌️🙂

  • @olmrgreen1904
    @olmrgreen1904 Рік тому +1

    Super video! Danke für das tutorial!

  • @jorgkramer5949
    @jorgkramer5949 2 роки тому +2

    sehr gut, weiter so,ein Lichtblick auf You Tube

  • @justjake5389
    @justjake5389 2 роки тому +2

    danke für das tuorial. hat mir sehr geholfen :D

  • @caroman6761
    @caroman6761 2 роки тому +2

    Danke für das Video, gerade der letzte Teil hat mir sehr gut weitergeholfen. Für mich ist eine Frage übrig geblieben, betreffend und : Nach meinem jetzigen Wissensstand stehen die beiden in einem Konkurrenzverhältnis, wobei ich das div bevorzugen würde. Wann verwende ich in der Praxis anstatt dem div die section oder umgekehrt? Kann das noch nicht so recht zuordnen.

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      So grundsätzlich würde ich das Tag für die grobe Unterteilung eines oder etc. verwenden. Wenn eine section noch weiter unterteilt werden soll kannst du das Tag verwenden. Generell bist du bei HTML ziemlich frei wie du das handhabst. Je nach Szenario und Anwendungsfall kann das aber auch wieder verschieden sein.

  • @BossHossOlli
    @BossHossOlli 2 роки тому +2

    Hallo, du machst tolle Erklärungsvideos zum WebProgrammieren.

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Danke für das Lob! Freut mich wenn ich helfen kann. Bei Fragen einfach fragen :)

    • @BossHossOlli
      @BossHossOlli 2 роки тому +1

      sehr gerne, ich bin blutiger Anfänger und bastel bissle an meiner Zauberhomepage und finde Deine Erklärungsvideos toll, vor allem auch , da es DEUTSCH ist :-)

  • @stefanwildmann9744
    @stefanwildmann9744 3 роки тому +2

    Hallo Mario. Bin absoluter Neuling in Sachen Programmieren. Vorkenntnisse nur in Access. Macht aber Spaß. Verständlich erklärt. Kannst du mir mitteilen, wie ich die Darstellung der Website in dem Explorer (linker Bereich) wie bei dir in Visual Studio anzeigen lassen kann. Vielen Dank schon mal vorab. Grüße, Stefan.

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Hallo Stefan, das links neben VS Code ist einfach nur ein Browserfenster welches ich daneben positioniert habe, damit das zusammen im Video zu sehen ist. ;)

  • @rubibubi7698
    @rubibubi7698 2 роки тому +1

    Sehr gutes Video würdemich auch pber ein Video für JS freuen

  • @aubisoka
    @aubisoka 3 роки тому +2

    Grüße aus Dresden!

  • @triantafyllosmylonas367
    @triantafyllosmylonas367 Рік тому +1

    Sehr gut Tutorial!

  • @zunderkopf7800
    @zunderkopf7800 2 роки тому +2

    sehr gut, auch grafisch super aufbereitet - danke !

  • @taylorderking1237
    @taylorderking1237 Рік тому +1

    So ein gutes Tutorial!!!!!!

  • @ANuGodIsBorN
    @ANuGodIsBorN 2 роки тому +2

    Sehr gut gemacht und einfach erklärt!

  • @claaskuhnt4403
    @claaskuhnt4403 2 роки тому +1

    Sehr gutes Vide. Bitte mehr davon.

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Meinst du zu HTML oder allgemein Grundlagentutorials dieser Art?

    • @claaskuhnt4403
      @claaskuhnt4403 2 роки тому

      @@ProgrammierenMario ZU html und Css

  • @DE-io3ue
    @DE-io3ue 3 роки тому +2

    Danke! Inch hab’ viel gelernt!

  • @AmanuyelEroglu
    @AmanuyelEroglu 3 роки тому +2

    Super erklärt. Danke!!!

  • @Kamithe3217kaze
    @Kamithe3217kaze 2 роки тому +1

    danke das hilft mir sehr weiter

  • @vimouu
    @vimouu 3 роки тому +2

    Wie wird bei dir der Link denn so in paar Zeilen hinzugefügt? 24:06 bei mir ist er sehr lang

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Du kannst das mit ALT + Z hin und herschalten. Nennt sich Word Wrap. Wenn du dies dauerhaft aktivieren möchtest dann klicke unten links auf das Zahnrad dann öffnet sich ein Menu und wähle oben Settings (Einstellungen) aus.
      Dann Suche im neuen Settings Tab im Eingabefeld nach "Word Wrap". Ist die dritte Einstellung die erscheint Editor: Word Wrap. Diese dann auf on stellen. In diesem Tutorial zeige ich das wenn ich mich nicht Irre ;) -> ua-cam.com/video/kQ2HZg4Pl8g/v-deo.html

    • @vimouu
      @vimouu 3 роки тому +1

      @@ProgrammierenMario danke schön die dritte antowrt heute von dir bist sehr hilfreich 😁

  • @cube906
    @cube906 2 роки тому +2

    Dankeeee :)

  • @bugsbunny4329
    @bugsbunny4329 3 роки тому +3

    top....vielen Dank

  • @ACE-jg5mh
    @ACE-jg5mh 3 роки тому +2

    Sehr gutes Tutorial, hat mir viel gebracht😀

  • @myytkn8526
    @myytkn8526 3 роки тому +2

    Wenn ich bei open live server ausgeben möchte, öffnet sich der browser jedesmal immer ein neuer browser. Was mache ich falsch?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Dies kannst du in den Settings deaktivieren. Dann musst du aber im Browser die Adresse manuell einmalig aufrufen.

    • @myytkn8526
      @myytkn8526 3 роки тому +2

      @@ProgrammierenMario Kannst du bitte darüber ein Video machen?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Das wäre ein sehr sehr kurzes Video xD

  • @meowtube7496
    @meowtube7496 3 роки тому +2

    Danke

  • @_Epic_Fox_
    @_Epic_Fox_ 2 роки тому +2

    Kannst du mir vllt erklären warum auf der website "ü" steht anstatt "ü"? Und ich habe im head stehen

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Ich vermute du hast deine HTML Datei in einem anderen Zeichensatz gespeichert. Du hast zwar im Head utf-8 angegeben, aber die Datei muss auch in utf-8 gespeichert sein.

    • @_Epic_Fox_
      @_Epic_Fox_ 2 роки тому +1

      @@ProgrammierenMario okay ich probiere es mal

  • @leylaalasane999
    @leylaalasane999 3 місяці тому +1

    Ich weiß nicht ob einer jemals diese Frage beantworten wird aber ich verstehe leider diese Main und Footer Sache nicht.. kann ich drunter verstehen dass irgendwie den body ersetzt weil da ja auch der Haupteil reinkommt?

    • @ProgrammierenMario
      @ProgrammierenMario  3 місяці тому +1

      , , oder auch sind einfach Tags die verwendet werden können um die Website noch weiter zu unterteilen. wird hierbei nicht ersetzt. Früher wurde alles mit -Tags unterteilt und das Problem war das es dadurch sehr schnell unübersichtlich wurde.

    • @leylaalasane999
      @leylaalasane999 3 місяці тому

      ​@@ProgrammierenMarioHmm okey danke für die Antwort. Ich verstehe jetzt glaub ich das Prinzip :)

  • @amadeusarshilava4976
    @amadeusarshilava4976 10 місяців тому +1

    bravo

  • @alcor1609
    @alcor1609 3 роки тому +3

    Hallo
    Kannst du mal ein Video machen um ein kontaktformular aus HTML mit PHP zum senden zu bringen mit dateianhang. Das auch wirklich funktioniert!

  • @icecold487
    @icecold487 3 роки тому +2

    Da ich ebenfalls, nachdem ich deine Videos geschaut habe mich ans programmieren herantasten möchte, möchte ich erstmal sagen danke für die sehr gute Erklärung. Des weiteren würde mich mal interessieren, ob es sinnvoll ist, das Thema responsive Design gleich mit an zueignen im Aufbau oder einfach nur statische Webseiten für normale Webseiten für den normalen PC zu erstellen?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Hallo Ice Cold, nun es kommt darauf an was du möchtest. Falls du in erster Linie Websites bauen möchtest die erstmal nur für dich selbst sind kannst du das Thema auch hinten an stellen. Falls das Projekt öffentlich zugänglich sein soll und auch deine Intention ist das Besucher deine Website anschauen, dann ist Responsives Design essentiell wichtig. Der Großteil der Nutzer ist heutzutage mit dem Smartphone unterwegs und schaut sich auch auf diesen Geräten alles an.
      Je einfacher die Struktur bzw. das Layout deiner Website ist, je einfacher ist es dann auch die Website responsive zu machen. Komplexere Aufbauten sind da schon schwieriger.

    • @icecold487
      @icecold487 3 роки тому +1

      @@ProgrammierenMario Meine Intension ist erstmal für mich das zu erlernen anhand einiger Offline Seiten. Der Rest kommt dann danach. Ja die Generation SmartPhone Zombie lol

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Ja dann brauchst du dir ja erstmal keinen Stress damit machen xD

  • @Michaeldabrowski
    @Michaeldabrowski Рік тому +1

    Hallo Mario,
    ich steige da nicht durch...! Ab der Minute 46:46 ziehst du per Dreg&Drop die blog.html mit der Maus einfach auf die html-Seite mit den Überschriften. Das mache ich auch. Eine neue Seite öffnet sich....., und es bleibt leer (...) hmmm...?! Wo mache ich einen Fehler?
    Im übrigen: das mit den "einbinden" musst du nochmal erklären. Meeega Danke!
    Gruß, Michael

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому

      Grundsätzlich sollte das funktionieren. Überprüfe mal in der Adressleiste ob der Pfad zu deiner HTML Datei korrekt ist. Ansonsten würde ich einen falschen Aufbau in der HTML Datei selbst vermuten.

  • @benjaminschmidt586
    @benjaminschmidt586 2 роки тому +3

    Hey Mario, mich würde mal wieder deine Meinung interessieren.
    Ich habe jetzt des Öfteren gehört, dass man am besten keine ids, sondern eher classen verwenden solle und dann im JS code anstatt "getElementById" - "queryselector" verwenden soll.
    Was meinst DU dazu?... finde die Idee nur Klassen zu verwenden eigentlich ganz cool.
    Vielleicht auch noch Präfixes?
    Schreib doch mal deine Meinung dazu. Danke :-)

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +3

      Meine Meinung?
      Eine id ist in HTML ein wichtiges und sinnvolles Element. Ich würde eine id für das selektieren in JavaScript eher bevorzugen als Klassen. Ids würde ich eher weniger für CSS verwenden. Mit Ids kannst du innerhalb der selben Seite navigieren über die URL. Mit dem querySelector in JavaScript kannst du alles selektieren, auch Ids. Du kannst hier alle selektionen verwenden welche auch in CSS möglich sind.

    • @benjaminschmidt586
      @benjaminschmidt586 2 роки тому +1

      @@ProgrammierenMario ok, also ids schon sinnvoll um wirklich einzelnen Objekte zu identifizieren… wie der Name schon sagt :-).
      Nutzt du getelementbyid, oder nur den queryselektor? Oder auch getelementbyclassname?
      Was meinst du mit „navigieren auf der url“?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Ich verwende ganz gerne den querySelector.
      An jede URL kannst du die id ranhängen, z.B. www.deineurl.de/index.html#deineID
      Die aufgerufene Seite scrollt dann automatisch zu der Position wo sich die ID befindet ;-)

  • @vimouu
    @vimouu 3 роки тому +2

    Wie erstelle ich denn jetzt ein link für das end Produkt hier? Mein Freund wollte sich es anschauen 😅

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Du meinst wie das ganze unter einer Internetadresse aufrufbar ist? Du müsstest dafür bei einem Provider der Hosting anbietet deine Website hochladen. Aber wenn du es nur deinem Freund zeigen möchtest dann wird es vermutlich reichen wenn du ihm die Dateien einfach per eMail schickst 😉

  • @sbmro
    @sbmro Рік тому +2

    echt schlimm zuzuhören aber gutes video! Daumen hoch.

  • @meinezeitraffer5497
    @meinezeitraffer5497 3 роки тому +2

    Danke für das Video. Bei mir geht das mit dem und dann es bleibt . Kann man das irgendwo einstellen.

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Hallo, du kannst dir die Auto Rename Tag Extension in VS Code installieren. Hab auch ein Video wo ich ein paar gute Extension vorstelle: ua-cam.com/video/ZfR1DqzdHeU/v-deo.html

  • @Michaeldabrowski
    @Michaeldabrowski Рік тому +1

    Hallo Mario,
    ich rufe meine index Datei und VSC auf. Wenn ich Live Server aktiviere, dann öffnet sich ein weiteres TAB und habe plötzlich zwei index.html Seiten....hää???
    Gruß, Michael

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому +1

      Das sich jedes mal ein neues Tab öffnest wenn du den Live Server startest, kannst du deaktivieren.
      Wenn du in den Einstellungen nach "live server no browser" suchst und da einen Haken rein machst, dann öffnet sich nicht ein neues Tab im Browser nach dem Start. Leider musst du den selbst einmal die Seite aufrufen wenn du den Server gestartet hast.

  • @HappyBudget
    @HappyBudget 2 роки тому +2

    bei mir übernimmt er in den Klammern nicht automatisch das h1 oder h2...was mache ich faslch?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +2

      Hallo Sarah, bin mir gerade nicht sicher was du genau meinst...was meinst du konkret?

    • @HappyBudget
      @HappyBudget 2 роки тому +2

      @@ProgrammierenMario Hey also ich gebe ja ein text und wenn ich jetzt h1zu h2 machen möchte muss ich in beide klammern rein und das schreiben. Er übernimmt das von vorne nicht automatisch. Hoffe es ist jetzt verständlicher 😅 und danke fürs schnelle antworten

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +2

      Ah alles klar. Dafür müsst du für VSCode noch eine Erweiterung installieren. "Auto Rename Tag"
      Tut mir leid wenn ich es im Video vergessen habe zu erwähnen ;)
      Hier findest du die Erweiterung --> marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

    • @HappyBudget
      @HappyBudget 2 роки тому +2

      @@ProgrammierenMario Alles klar! Kein Problem! Vielen Dank :-)

  • @stellalux2200
    @stellalux2200 3 роки тому +2

    Sorry Mario ich bin Anfänger, wirklich blutiger Anfänger und es war für mich zu viel Information auf einmal zu detailliert, eine Übersicht wäre für mich persönlich besser gewesen aber danke für deine Mühe

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Vielen Dank für dein Feedback. Es hilft mir mich weiter zu Verbessern ✌️🙂

  • @alfredkrawietz9773
    @alfredkrawietz9773 2 роки тому +1

    Hallo, kannst du mir sagen warum mein Bild im Browser nicht angezeigt wird?
    Hab schon alles versucht.
    Danke

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Hi Alfred, könnte vllt am Pfad zum Bild liegen. Je nach dem ob du dir die Website mit oder ohne Web Server anschaust musst du einen relativen Pfad oder absoluten Pfad verwenden. Deswegen empfehle ich auch bei sich Lokal einen Web Server zu verwenden für relative Pfade ausgehend von der HTML Datei welche man sich anschaut. Für VS Code gibt es die Erweiterung Live Server welche du installieren und nutzen kannst.

    • @alfredkrawietz9773
      @alfredkrawietz9773 2 роки тому +1

      Danke, hab’s gelöst

  • @elrahimo7419
    @elrahimo7419 3 роки тому +2

    Super Video

  • @henningw.6582
    @henningw.6582 3 роки тому +2

    Hallo Mario. Ich versuche gerade das Programmieren zu lernen. Es fällt mir allerdings extrem schwer. Deine Videos sind echt gut gemacht, trotzdem bleiben immer noch einige Fragen offen.Können wir beide mal irgendwie in Kontakt treten außerhalb von youtube?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Hi! Grundsätzlich finde ich es persönlich besser wenn du deine Fragen hier stellst. Andere mit gleichen Fragen können gleich mitlesen und somit ebenfalls damit geholfen werden. Oder auch andere können dir helfen -> Community. Wenn du dennoch nicht magst kannst du mich auch gerne auf Twitter anschreiben. twitter.com/ProgrammierenM

    • @henningw.6582
      @henningw.6582 3 роки тому +2

      Naja ich bin absoluter Neuling und mache gerade ein Fernstudium zum Webdesigner. HTML und CSS sind gerade aktuell das Thmea. Javascript kommt später. Den Anfang von HTML habe ich noch verstanden aber irgendwann kann ich dem ganzen nicht mehr folgen, weil ich mir diese ganze Befehle und deren Bedeutung einfach nicht alles auf einmal merken kann. Wie lerne ich das ganze am besten?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Aus meiner Erfahrung kann ich dir empfehlen, und so war es bei mir auch, so viele Websites wie möglich zu erstellen. Das können am Anfang einfache statische Websites sein. Bestehend aus reinem HTML und CSS. Du wirst am Anfang sehr oft nachschauen wie was genau definiert werden kann etc. Aber je öfter du das machst desto einfacher wird es mit der Zeit. Es wird sich dann auch zeigen welche HTML-Tags und welche CSS Definitionen du am meisten verwendest. Du wirst immer weniger nachschauen müssen, weil du je öfter du es machst und diese Sachen verwendest du dir automatisch diese Sachen merkst. Du schafft das. Schritt für Schritt. Am besten lernst du beim umsetzen von Projekten. Grüße... ;-)

  • @Michaeldabrowski
    @Michaeldabrowski Рік тому +1

    Hallo Mario, ich grüße dich!
    Besteht denn die Möglichkeit, dass du das sogenannte "EINBETTEN" noch einmal detaillierter erklären könntest? Ich meine, HTML in CSS und dann in JS und umgekehrt - oder wie auch immer. Ist Git z.B. einzubetten? Und wenn, wie? Die ganzen Einbettungsgeschichten raff ich einfach nicht! WAS MUSS denn WANN WIE WO eingebettet werden. Ich tue mich da gerade etwas schwer (...) Vielleicht gibt es schwerpunktmäßig genau darüber ein kurzes Tutorial!??!
    Danke! Gruß, Michael

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому +1

      Im Grunde landet alles in der HTML Datei. CSS und JavaScript Dateien werden in die jeweilige HTML Datei eingebunden oder direkt in die HTML Datei geschrieben. Das ist erstmal die Grundlage und sollte für den Anfang reichen. Mit JavaScript hast du darüber hinaus die Möglichkeit HTML und CSS während der Laufzeit zu generieren. Hat aber meiner Meinung nach nichts mit einbetten zu tun.

  • @kevinklepacz9803
    @kevinklepacz9803 2 роки тому +2

    Hello Leute habe seit kurzem mit diesem HTML begonnen und komme leider nicht weiter
    da wenn ich meine .html file in meinen Browser aufrufen möchte steht bei mir die ganze zeit about:blank blocked kann mir da jemand helfen was könnte ich machen????

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Das bedeutet das die aufgerufen Seite nicht angezeigt werden kann. Stimmt vllt die URL nicht? Wenn du keinen Webserver verwendest dann musst du den absoluten (kompletten) Pfad mit Laufwerksbuchstaben etc. angeben.

    • @kevinklepacz9803
      @kevinklepacz9803 2 роки тому

      @@ProgrammierenMario hat sich erledigt habe dein Video mir einfach 20 mal nageschaut und irgend wann hat es dan geklappt.
      mache es jetzt seit 3 Tagen und habe von dir schon extrem viel gelernt.
      Danke dir Super Videos

  • @wombi2634
    @wombi2634 Рік тому +1

    Habe eine Frage wie hasst du das bei 6:15 nach vorne geschoben

  • @Moecherie
    @Moecherie 3 роки тому +2

    welches design nutzt du für visual studio code?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Ayu --> marketplace.visualstudio.com/items?itemName=teabyii.ayu

  • @vimouu
    @vimouu 3 роки тому +2

    Bei mir wird bei denn nicht auf beiden Seiten es geändert :( 11:12

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Tut mir leid, da ist mir wohl ein kleiner Fehler unterlaufen 😅
      Du musst dir dafür eine Extension für VSCode installieren. Auto Rename Tag. Ich zeige dies auch in diesem Tutorial: ua-cam.com/video/ZfR1DqzdHeU/v-deo.html

    • @vimouu
      @vimouu 3 роки тому

      @@ProgrammierenMario dankeschön

    • @vimouu
      @vimouu 3 роки тому +1

      @@ProgrammierenMario oh und ich hab leider diese menu bar oben verschwinden lassen wie krieg ich die wieder 😅

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Drück die Tasten STRG + SHIFT + P
      Die SHIFT Taste ist die links über der STRG Taste (Die mit Pfeil nach oben)
      Jetzt erscheint oben in der Mitte ein kleines Eingabefeld.
      Nun schreibst du da "Toggle Menu Bar" und drückst die Enter taste
      Damit kannst du die menu bar oben ein und ausschalten.

  • @WMai-vh7ew
    @WMai-vh7ew Рік тому +1

    Das ist super Mario!

  • @oOErzEngel
    @oOErzEngel 3 роки тому +3

    Habe heute mit dem programmieren angefangen und finde dein Video sehr gut! Habe viel mitgeschrieben was die ganzen Begriffe bedeuten. z.B für die Größe eines Textes. Gerne mehr solcher Videos! Die Betohnung darf aber gerne etwas freudiger sein! :p Ansonsten sehr gut erklärt.

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Das freut mich zu hören. Warum hast du mit dem programmieren angefangen? Gibt es ein bestimmtes Projekt was du umsetzen möchtest? Kannst gerne schreiben falls du bei einem Thema nicht weiterkommst, vllt. mach ich ein Video darüber ;-)
      Ansonsten kann ich dir auch meine CSS Playlist empfehlen: ua-cam.com/video/ZbsIkwsaVhI/v-deo.html

    • @beatniederhauser335
      @beatniederhauser335 3 роки тому +4

      Das finde ich nicht. Zuviel UA-camr präsentieren ihren Kanal mit falscher, aufgesetzter Fröhlichkeit...

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +4

      Wie man eine Person empfindet hat sehr oft mit einem selbst zu tun. Ich bleib und gebe mich so wie ich bin. Das kann natürlich je nach Tag unterschiedlich sein 🤷‍♂️

    • @beatniederhauser335
      @beatniederhauser335 3 роки тому +2

      @@ProgrammierenMario Das finde ich gut.Alles andere macht einen blenderhaften, unauthentischen Eindruck.

  • @vimouu
    @vimouu 3 роки тому +2

    wie bewege ich den dat tel nach rechts? 6:13

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому

      Du kannst die Zeilen mit der Tabulator Taste einrücken 🙂

    • @vimouu
      @vimouu 3 роки тому

      @@ProgrammierenMario Kuss Kuss Dankeschön 😁

  • @emioja47
    @emioja47 3 роки тому +1

    Ich feier deine Videos voll

  • @hhrzz2301
    @hhrzz2301 2 роки тому +1

    Hast du dir das programmieren selbst beigebracht und wie lerne ich html am schnellsten ich verstehe das programmieren allgemein nicht auch wenn ich mir Videos anschaue

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Die Erfahrung zeigt das du am besten durch ausprobieren und anwenden lernst. Wage dich ruhig an ein erstes Projekt.

    • @hhrzz2301
      @hhrzz2301 2 роки тому

      @@ProgrammierenMario was meinst du damit

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Na z.B. könntest du dir für den Anfang eine einfache Website erstellen 🙂

  • @christianseigner7839
    @christianseigner7839 3 роки тому +1

    -- Bitte, welche Extension ist dieser Browser links?
    -- Wie kann man den Editor schmäler machen?, der Lorem100-Text wird über eine breite Zeile angezeigt!
    aha, mit View--> "Toggle Word Wrap"

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Das ist keine Extension. Habe mir den Chrome Browser einfach links daneben platziert, sodass ich im Video alles besser zeigen kann.
      Den Word Wrap kannst du auch mit der Tastenkombination ALT + Z toggeln 🙂

    • @christianseigner7839
      @christianseigner7839 3 роки тому +1

      @@ProgrammierenMario dankeschön, Super! - wie kann man eigentlich eine Website mit mehreren Einzelseiten erstellen?
      Hast du das in einem deiner Tutorials schon gezeigt? LG 🍻

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Für jede einzelne Seite eine eigene HTML Datei erstellen. Mit dem Anker-Tag dann miteinander verlinken indem du die jeweilige HTML Datei im src Attribut setzt✌️

    • @christianseigner7839
      @christianseigner7839 3 роки тому +1

      @@ProgrammierenMario Danke für die Info! 🍻

  • @Kevin-yg9uh
    @Kevin-yg9uh 3 роки тому +1

    Hey wirklich Super Video zum Einsteigen wirklich Top!
    Hab aber ein Problem kann mir wer da weiterhelfen? Bei 12:22 bei "Lorem100" kommt bei mir das Problem das alles nach rechts weiter geschrieben wird und nicht untereinander.
    Kann man das irgendwo einstellen?

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Es gibt in den settings die Einstellung Word Wrap dazu. Oder einfach über die Tastenkombination ALT + Z hin und her schalten.

    • @Kevin-yg9uh
      @Kevin-yg9uh 3 роки тому +1

      @@ProgrammierenMario Vielen Dank hat funktioniert!
      Danke der schnellen Antwort

  • @benjaminschmidt586
    @benjaminschmidt586 2 роки тому +2

    hey mario, leider wurde mein Kommentar schon 2 mal gelöscht.
    würde dir gerne mal einen header zeigen und deine meinung dazu hören.
    ps. muss ein nav immer eine list enthalten?
    pps. kann ich dir den header mal senden?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Hmm...das ist ärgerlich. Eine Navigation muss nicht unbedingt eine Liste enthalten bzw. sein. Ist nur semantisch besser. Wenn du möchtest kannst du deinen Quelltext mir per eMail schicken. Besser wäre generell aber wenn du dir einen GitHub Account zulegst und du dort deinen Quelltext zur Verfügung stellst ;)

    • @benjaminschmidt586
      @benjaminschmidt586 2 роки тому +1

      @@ProgrammierenMario Hey, danke. Habe ich gemacht. (EMAIL) Vielleicht kannst Du auch mal ein Tutorial für Github machen? Account habe ich schon ;-)

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Alles klar, werde ich mir anschauen sobald es passt. Hab erstmal bisschen Urlaub 🙂
      Zu GitHub wird definitiv auch was kommen ✌️

    • @benjaminschmidt586
      @benjaminschmidt586 2 роки тому

      @@ProgrammierenMario Danke Dir.
      Wenn man unter dem Punkt "Stromwandler" das Fenster schmal macht, dass das Grid in einer Reihe angezeigt wird, dann ist ab einem Punkt plötzlich die Navbar nicht mehr sticky, sondern man scrollt sie weg.
      Weißt Du vielleicht warum? --> Edit: Habe es heraus gefunden. Hatte Main auf h-screen gesetzt. habe das weg genommen, dann war die Navbar immer sticky
      Viele Grüße

    • @benjaminschmidt586
      @benjaminschmidt586 2 роки тому

      @@ProgrammierenMario hi, konntest Du es Dir schon anschauen?

  • @iamemil9782
    @iamemil9782 Рік тому +1

    lernen ≠ merken

  • @macs3d39
    @macs3d39 3 роки тому +3

    Ich bin ein toleranter Mensch, jeder kann machen was er/sie/es..whatever, möchte.
    Nicht falsch verstehen, auf keinen Fall stelle ich die Qualität deiner Clips in Frage.
    Das kann ich gar nicht weil ich Keines gesehen habe und auch nie Eines sehen werde.
    Aber bitte hör auf die Videos die mich wirklich interessieren mit deinem Blockflötengeischt zu unterbrechen.
    Klar, UA-cam scheisst mich mit Content zu der scheinbar zu dem passt was ich mir grad ansehe und du zahlst ja auch dafür.
    Zahl einfach nicht mehr und ich kann beruhigt sterben.
    BTW.. Nicht jeder mit ner Kamera und einem Kondensator Mic wird automatisch ein Influänzoor und rasier dich mal du Hippie.