HTML und CSS übungen mit Lösung 2023 (aktuell)?

Hallo zusammen ich suche sowas wie PDFs oder eBooks und seriöse Webseiten die sowas anbieten. Möglichst Anfänger freundlich.

Danke für eure Antworten

P.S. bitte keine Amazon-Links, bitte wenn dann alternativ die ISBN oder Titel und Autor.

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

medmonk

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, IT

01.02.2023, 19:05

Als Open-Book sei hier unter anderem das HTML5-Handbuch von Stefan Münz erwähnt. Auch wenn dieses nicht ganz aktuell ist, erlaubt das Buch einen relativ leichten Einstieg beim Lernen von HTML und CSS.

Stefan Münz - HTML5-Handbuch (Online kostenlos als Open-Book)

Ansonsten würde ich möglichst immer auf Referenzen wie das SelfHTML Wiki, Mozilla Developer Network sowie W3School zurückgreifen. Alleine schon, weil dort alle Veränderungen und Erneuerungen zeitnah übernommen werden.

Woher ich das weiß:Berufserfahrung – UI/UX Designer, Full-Stack Developer

Zwnow

01.02.2023, 18:09

Es gibt eine ganze Menge richtig guter Youtube Tutorials. Alternativ mach "The Odin Project".

Es gibt keinen Grund für sowas ein ebook oä zu kaufen.

Woher ich das weiß:Berufserfahrung – Ich bin Entwickler.

Ähnliche Fragen

Selber oder Webflow, …?

Ich kann mittlerweile gut mit HTML, CSS und Js umdgehen. Ich will meinen Kunden Webseiten mit CMS bzw einem Editor anbieten halt ich bin mir aber nicht sicher ob ich es machen sollte.

Ich überlege mir Webflow zu verwenden oder wenn ihr empfehlungen habt für CMS wo man uneingeschränkt HTML, CSS und Js benutzen kann. Ich bin mir halt nicht sicher ob man so flexibel ist mit Webflow wie als ob man es selber Programmiert

...zur Frage

Bootstrap erlaubt?

Darf man Bootstrap einfach so benutzen? Oder muss man irgendwas zum Thema Urheberrecht beachten? Muss man Bootstrap/ den Urheber irgendwie angeben? Darf man bootstrap auch einfach so kommerziell nutzen?

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Selfmade Fullstack lernen?

Hallo miteinander,

Ich hab angefangen über Codecademy mir das Programmieren (obwohl das Wort dafür etwas zu groß ist) auf HTML und CSS beigebracht.

Ich hab mich mit einer Softwareakademie in Verbindung gesetzt und bin auf die Schlussfolgerung gekommen, das jeder sich das auch von alleine beibringen kann.

Kann mir jemand alle Programme von A bis Z (also alles zum Programmieren, nicht nur die drei Elemente wie HTML CSS und Javascript) auflisten, die ein Software Entwickler drauf haben muss?

Wenn möglich dann bitte auch in der Reihenfolge in der man sie lernen sollte.

Und welche Programme bzw. Webseiten muss ich dafür nutzen, um alles zu lernen?

Ich möchte in den nächsten 2-3 Jahren neben meinem Beruf mir das alles beibringen, da ein Softwareentwickler sich nicht auf seine Qualifikationen auf dem Lebenslauf sondern eher auf sein eigenes Portfolio berufen muss bei Bewerbungsgesprächen.

Ich danke für die Antworten & die Hilfe im Voraus.

Da mir HTML und CSS zu lernen leicht fällt, denke ich das diese Richtung für mich richtig ist.

Liebe Grüße

...zur Frage

Mit JavaScript Alter ausrechnen?

Ist es möglich über JavaScript, wenn man das Geburstsdatum eintippt, dass das Alter ausgerechnet wird?

Es soll dann neben stehen: 41 Jahre und 100 Tage

...zur Frage

Frage zu Xamarin/.NET MAUI und Blazor Hybrid?

Servus,

ich will eine Hybride App mit Blazor Hybrid für iOS 6 machen.
Das Problem ist, Blazor Hybrid Unterstützt iOS 14 und neuer.

Es gibt ja Xamarin.iOS 6, ich hab aber kaum Erfahrung mit XAML etc.

Meine Fragen:

Auf was basiert Blazor Hybrid? MAUI oder Xamarin?
Wäre es möglich die iOS 14 SDK durch die von iOS 6 im Source Code zu ersetzen?
Wäre das praktisch machbar?

...zur Frage

Richtig programmieren lernen und nich nur eine programmiersprache?

Wie kann man das lernen? weil was bringt es allein zb javascript zu können . wenn ich mir auf youtube tutoriams amschaue benutzt man ganz wenig programmiersprachen sondern vielmehr andere sachen( ich glaub html).

wie kann man sowas lernen? also wie man was eingibt?

...zur Frage

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

...zur Frage

Input löschen Vue.js?

Hallo

Ich bin gerade mit Vue js eine To-Do-App am programmieren. Es gibt ein Input feld in dem man den Namen des To-Do's schreiben kann, danach kann man noch die Kategorie wählen z.B. Arbeit oder Privat. Alles funktioniert jedoch möchte ich gerne das nach dem ich den "Add to Board"/Submit Buttom drücke der Text aus dem Input Feld gelöscht wird.

Ich bin ein Anfänger was das Programmieren angeht und würde mich über Hilfe freuen.

...zur Frage

Text unter Bild in HTML hinzufügen?

Ich habe ein Bild. Darunter habe ich ein Text platziert. Allerdings geht der Horizontal von links nach rechts, was es auch soll. Nur soll er da anfangen, wo auch das Bild beginnt und enden, wo das Bild endet. In den zwei Bildern könnt ihr erkennen, wie es es gerade habe und nicht will und wie ich es gerne haben würde.

<!DOCTYPE html>
<html>
<head>
    <title>Film- und Serienbeschreibungen</title>
  


  <style>
    img {
        display: block;
        margin: 0 auto;
        width: 1000px;
        border-radius: 10px;
    }


    body {
        text-align: center;
    }


    p {
        
    }
  </style>
</head>
  <body>
    <img src="mrrobotscene.jpg">
    <h1>Mr. Robot - Beschreibung</h1>
    <p>Mr. Robot ist eine US-amerikanische Fernsehserie, die von Sam Esmail entwickelt wurde. Die Serie handelt von Elliot Alderson, einem jungen Programmierer, der für eine Cyber-Sicherheitsfirma arbeitet und in seiner Freizeit zum Hacker wird. Elliot leidet unter sozialen Ängsten und Depressionen und verfällt in eine Art Schizophrenie, die von seinem imaginären Freund, Mr. Robot, ausgelöst wird</p>
    
  </body>
</html>

...zur Frage

Warum gibt es nichts anderes als JavaScript im Browser Frontend?

Es gibt Dart-Flutter, C#-Blazor soweit ich weiß, aber ich nehme an, es ist nur JavaScript unter der Haube.

Ähnlich wie, wenn man React Native Code schreibt, wird es in die native mobile Sprache umgewandelt => Kotlin, Swift etc..

Weil soweit ich weiß, versteht der Browser nichts anderes als HTML, CSS und JavaScript.

Es gibt da nur die V8-Engine / andere JavaScript-Engines.

Aber warum?

Wieso ist es nicht theoretisch möglich, einfach mit einer neuen Sprache die für cross platform entwickelt wurde, einen onclick-Event Listener zu nutzen?

In einer ganz eigenen Engine.

Heißt nicht, das sie JavaScript irgendetwas die nächsten 5 Jahre streitig machen könnte, aber wenn diese Sprache direkt Typisierung unterstützen würde, ohne TypeScript und auch noch für andere Dinge besser geeignet wäre als JavaScript (wurde halt nicht dafür designed, ganz egal ob Electron, Native existiert) wie Desktopanwendungen, Mobil, etc..

PHP nehme ich erst garnicht auf, das macht alleine gar nichts im Frontend, ist eine Backendsprache und alleine sinnlos auf Websites, bis auf bisschen HTML generieren, das auch nur vom Server kommt.

Klar, wenn du ewig lange Weiterleitungen willst, die furchtbar sind und überhaupt nicht interaktive Websites, dich auf Formulare beschränkst, dann kriegst du das auch ohne JavaScript hin, etwas Schreckliches zu programmieren.

Mit WebAssembly kenne ich mich gar nicht aus. Ob da Event Listener, usw. möglich sind. Aber alleine von der Einstiegshürde und Komplexität die ich höre, ist das keine Alternative.

Assembly ist auch keine Alternative zu C++. Dafür gibt es Rust.

...zur Frage

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zur Frage

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zur Frage

HTML schreiben und zeitgleich geschriebenes anzeigen lassen?

Ich hab ein video gesehen wo jemand was programmiert hat was dann zeitgleich auf der rechten hälfte seines bildschirms angezeigt wurde. (Kann mich nicht erinnern obs programmiert war oder html).

Geht das auch mit html? Oder muss ich etwas zu Ende schreiben und kann es dann erst sehen. Was kein sinn für mich macht weil das Ja alles nur optisch ist.

(Bin komplet neu in dem Thema)

Lg🥰

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen