Wichtige HTML Tags die DU lernen solltest
Вставка
- Опубліковано 23 лип 2024
- HTML Tags die du lernen solltest. In diesem HTML Tutorial zeige ich dir ein paar Tags die meiner Meinung nach viel zu selten verwendet werden, aber die dir neue Möglichkeiten bieten und Arbeit abnehmen. Happy Coding!
⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
00:54 fieldset/legend
03:41 datalist
07:35 progress
09:18 picture
15:25 sub/sup
17:10 Wie gehts weiter
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HTML Tutorial Deutsch für Anfänger:
↪︎ • Lerne HTML in 60 Minut...
CSS Tutorial Deutsch für Anfänger:
↪︎ • Lerne CSS in 60 Minute...
Bootstrap Tutorial Deutsch für Anfänger:
↪︎ • Lerne Bootstrap in 40 ...
📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit über 15 Jahren als Webentwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.
Starte Jetzt!
/ @programmierenmario
#HTML #ProgrammierenM
![Wichtige HTML Tags die kaum jemand kennt! [DE/Tutorial]](http://i.ytimg.com/vi/CE3R4ubnejE/mqdefault.jpg)
Ich feier dich ein bisschen, mal abgesehen von dem Packet an Wissen das du an die Leute weiter gibst, machst du das in einer Art und Weise die ich sehr sehr entspannend finde. Du nimmst die Geschwindigkeit raus und erklärst das nicht nur logisch, sondern du bringst Lockerheit mit rein. Das war hier nicht mein erstes Video von dir, auch bestimmt nicht mein letztes.
Vielen lieben Dank für dein Feedback. Freut mich sehr das ich dir mit meinem Tutorials weiterhelfen kann ✌️🙂
Hi Mario, habe mir schon einige Tuts von dir angesehen. Perfekt! Hantiere selbst schon einige Zeit mit Websites rum ( Dreamweaver ), und bin begeistert was man immer wieder lernen kann. Besonders gefällt mir deine Art des Erklärens mit Bemme und Piep-Matz. Genial! VG, und mach unbedingt weiter so - Gruß von Mario
Vielen Dank für deine Nachricht. Freut mich wenn ich helfen kann ✌️🙂
Sehr gut erklärt. Und sogar auf deutsch. Danke. Es macht Spaß, zuzuhören.
Vielen lieben Dank für das Lob. Freut mich das ich helfen konnte. ✌️🙂
So sympathisch ist aber unfassbar selten geworden, danke, macht echt Spaß... Bämme bleibt glaubich ich auch länger hängen, herrlich. :)
Unfassbar das es fürs geschnitten Butterbrot so viele Bezeichnungen gibt 😂 Vielen lieben Dank fürs reinschauen ✌️🙂
@@ProgrammierenMario die Bämme und die Stulle ist den älteren unter uns auf jedenfall ein Begriff und heute noch benutzt ;). btw super erklärt
@Ice Cold Vielen Dank fürs Feedback ;-)
Sehr übersichtlich, zusammenfassend und differenziert dargestellt, auch besonders hilfreich für Anfänger wie ich 👏
Hi Ema, vielen Dank fürs Feedback!
Wirklich sehr gut Erklärt. Einfach klasse!
Vielen Dank!
Gerade entdeckt und direkt 5 Videos angeguckt, sehr gut!
Vielen lieben Dank fürs reinschauen. Freut mich wenn ich weiterhelfen kann 🙂
endlich weiß ich was ne Bemme, ne Stulle und ne Schnitte is
Die Frage ist aber: Was hat dies mit HTML zu tun? 😂
Echt genial, habe heute zufällig das Video gesehen und kannte das datalist Tag noch nicht. Aber genau damit konnte ich heute das Problem lösen, das heute vor mir stand. Mit Hilfe von Ajax mit jedem Input Event eine Datenbank Abfrage machen und die entsprechenden Option Felder ausgeben. Funktioniert einwandfrei 👍👍
Danke dafür, hat sicher viel Sucharbeit erspart wie ich das lösen kann.
Jetzt muss ich nur noch rausfinden, wie ich die datalist etwas stylen kann und den Pfeil wegbekomme.
Freut mich sehr das ich dir weiterhelfen konnte! Der Rest klappt bestimmt auch noch ;)
Geiles Video! Hat mir richtig weitergeholfen.
Freut mich sehr!
Sowas brauche ich, danke
Bis dato kannte ich nur Menschen mit einer alternativen Einstellung. Dank Deinem Video weiß ich, das es auch alternative Brote gibt. 😁
Schönes Video!
Man sollte alle HTML Tags kennen, aber Du kennst bestimmt auch alle.
Ja man sollte unbedingt auch ein alternatives Brot parat haben einfach nur wenn der Wurstcase eintrifft ;-)
Zum HTML, es stellt sich heraus das man nach einer Zeit nur bestimmte Tags verwendet, wenn sich ein Gewöhnungseffekt einstellt. Ist aber ganz normal, weil man nicht immer alle benötigt für jedes Projekt. Und was man nicht benutzt vergisst man auch ganz schnell wieder... Aber was erzähle ich da, ist ja bei allem so :)
@@ProgrammierenMario Wenn man wirklich jeden HTML-Tag einmal durchgegangen ist vergisst man ihn nicht wirklich. Wenn man eine nicht alltägliche Problematik auf dem Tisch hat, weiß man: Ja, oh, mhh, da wahr doch noch was und dann wird nachgeschlagen. Gerade Dein heutige Video legt offen was ich meine. Wer vor Jahren alle Formal Tags gelernt hat, der würde die von Dir heute vorgestellten Tags zu 90% nicht mit div & Co. nachbauen, weil er weiß da war doch was. Sicher muss er dann noch mal nachlesen. Gut gewollt und halb gekonnt kommt oft von "Learning by Doing".
Naja, mir ist das leider schon oft passiert das ich nach langer Zeit doch wieder etwas vergessen hatte. Das liegt letztlich an der schier unendlichen Ansätze wie man etwas umsetzen/lösen kann. Und dabei ist HTML noch das einfachste ;-)
@@ProgrammierenMario Wurst-Käs gehörte in Bayern seit Jahrhunderten zu jeder Brotzeit, bevor die Angelsachsen auf die Idee kamen, nicht nur diesen in ihre Sprache zu verwursten.
Die haben das Brot sprachlich verwurstet? Alle von denen? Hmm... darauf hol ich mir noch ne Bämm xD
👍👍👍
✌️🙂
Das interessante an DATALIST ist man kann es nicht nur bei INPUT type=text verwenden, sondern auch bei allen anderen wie z.b. type=color, oder type=date'''
Herzlichen Dank für deine Ergänzungen. ✌️🙂
@@ProgrammierenMario gern geschehen.
♡♡♡
:)
Bemme 👍😁
Datalist kannte ich so noch gar nicht. Ist ja eigentlich universeller als ein select field.
Ja ist auf jeden Fall eine schöne Alternative 🙂
👍
🖖
toll
Danke!
Ich feier dein sächsisch einfach. 😆
😄🎉
Zitat: "Das ist 'ne Pemme. Die muss mindesten 2 cm breit sein ..." 😂😂😂(made my day). Ich habe mich weggeschmissen, weil ich den Ausdruck von meiner Oma noch kenne, die aus der Nähe von Halle stammte.
Ach übrigens, Stulle war bei uns alles, was Belag (Butter und Wurscht) drauf hatte und direkt in den Mund geschoben werden konnte. 😉
Herrlich 😄
Ich bin breiter als nur zwei Zentimeter! 🍞🤗
Ein schönes Brotbild 😂😂😂
Hat mehr Zeit gebraucht diese Bilder zu finden als das Tutorial aufzunehmen xD
Einfach Spitzenklasse. Eine Frage habe ich allerdings. Wo kommt das dreieckige Symbol her, bei der Datalist?
Habe kein solches Symbol. Browser bedingt? (Verwende Firefox) Wenn ja, wie kommt man zu solch einem Symbol?
Wenn ich einen Doppelklick in das Inputfeld mache dann kommt die Auswahl auch.
Einige Elemente wie in diesem Fall der Pfeil nach unten kommen direkt vom Browser. Das gleiche auch bei anderen Elemente wie der Select-Box z.B. ;)
@@ProgrammierenMario dann verwende ich nun chrome denke du verwendest Chrom im Video richtig?
Ja ich verwende den Chrome Browser
Hallo Mario, datalist ist ein cooles Feature. Aber wie kann ich mehrere Werte (z.B. Chrome und Firefox) fürs Feld wählen? Danke! :-)
Soweit ich weiß wird das nativ noch nicht unterstützt. Es geht wohl schon wenn das input feld vom type email ist und das multiple Attribut gesetzt ist. Wenn du dann nach einer Auswahl ein Komma schreibst dann erscheinen die Vorschläge nochmal. Das wird aber dennoch nicht von allen Browsern unterstützt. Es ist halt nur ein input feld und keine selectbox wo eine Mehrfachauswahl möglich ist.
kurze frage ist datalist nicht recht angreifbar ? wenn man es nicht schützt ? wegen der eingabe erlaubnis ?
wie macht man mit datalist bzw. beim input dann mit list, dass man auswählen MUSS? Also z.B: man muss das Heimatland auswählen. Dann sollte man auswählen müssen, denn sonst könnte man ja einfach ein Land erfinden(z.B. "HalloWeltland")
Wenn das so ist dann wäre ein Select Feld die bessere Variante. Das datalist wird gerne genommen um Vorschläge zu machen.
Bei mir sind irgendwie fieldset und input ohne rahmen.
Wie kommt das?
Ps. kann man auch irgendwie das Auswahlmenü so einstellen, dass es auch funktioniert, wenn schon etwas in dem input feld steht?
Sobald ich dort was eintrage, geht leider die Auswahl über den Pfeil nicht mehr.
Falls du Tailwind verwendest, dies setzt viele Defaultstyles vom Browser zurück. In diesem Fall musst du den rahmen selbst setzen.
bzgl. der datalist ist mir kein nativer Weg bekannt. Entweder du setzt hier eines über das value attribut manuell oder per JavaScript
@@ProgrammierenMario Wie meinst Du das, mit manuell setzen?
Ich meinte die Auswahl der Datalist geht ja nicht mehr auf.
Ich meinte das value attribut vom Inputfeld. Wenn die Datalist nicht aufgeht ist vermutlich die ID nicht richtig gesetzt?
@@ProgrammierenMario Die Datalist geht ja auf, aber nur, wenn nichts in dem inputfeld steht. Sobald ein Buchstabe, oder eine Zahl drin steht geht sie nicht mehr auf.
Bzw. nur noch die passenden Einträge.
Ist bestimmt so gewollt, wegen der Suchfunktion, aber wenn man einen Eintrag gesetzt hat und möchte nen anderen auswählen, dann muss man immer erst den Eintrag löschen.
Wie bei einem selectfeld funktioniert das leider nicht. Sobald etwas drin steht wird gefiltert und nur die Einträge angezeigt die dazu passen.
Danke für das interessanten Brotfakten-Video, aber was ist das für ein komischer bunter Text, an dem du da die ganze Zeit rumbastelst?
Das ist der Weg 😂
Frage: Funktionieren Deine Tipps bei der Anzeige dann auf allen Browsern? Oder sollte man das vorher lieber überprüfen?
Wenn es die aktuellen Browser betrifft dann schon. Falls es etwas gibt was noch nicht vollumfänglich unterstützt wird dann gebe ich in der Regel Bescheid. Wie in einer der letzten CSS Videos. Falls ich es vergesse kannst du es auf dieser Seite gut einsehen: caniuse.com/
@@ProgrammierenMario Danke für die schnelle Antwort.
17:10 Vielleicht gibts ² auch als smilies? Alle?
Dies gibt es als ASCII-Zeichen ja, aber das wäre aus meiner Sicht nicht konsistent weil es da auch nicht jede Variante gibt. Das über die Tags zu machen finde ich bei HTML angenehmer. Aber das muss natürlich nicht für jeden gelten :)
Hallo Mario,
meine Bilder werden nicht angezeigt. Wo genau bin ich blöd oder blind?
vieleGrüße
Michael
👍
✌️