'drawing' a circle in SVG

SVG

"Scalable Vector Graphics (SVG) is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium since 1999. SVG images are defined in a vector graphics format and stored in XML." -wikipedia

animation html & css

The animation Property

Move an element from 0px to 740px left. The animation lasts for 5 seconds. It then starts over again, and go on forever (infinite).

DWG test

 

 

Add the MAGENTA image HERE:

 

and then add the LINK HERE:

DWG 08

Images etc.

---

Smiley: Von Pumbaa80 - Eigenes Werk, Gemeinfrei, https://commons.wikimedia.org/w/index.php?curid=723508

Verändern Sie die Breite des Browserfensters, am besten in der Geräteemulation.

---

Inhalt

• HTML-img-Element — png- und svg-Datei in Originalgröße
• HTML-img-Element — png- und svg-Datei in veränderter Größe (proportional)
• HTML-img-Element — png- und svg-Datei in veränderter Größe (nicht proportional)
• HTML-figure-Element — png-Datei in ursprünglicher Größe (32 px × 32 px)
• HTML-figure-Element — png-Datei in veränderter Größe (proportional)
• HTML-figure-Element — png-Datei in veränderter, abhängiger Größe (proportional)
• HTML-picture-Element — png-Datei in veränderter, abhängiger Größe (proportional)
• HTML-picture-Element — png-Datei in veränderter, abhängiger Größe (proportional)

---

HTML-img-Element

HTML-img-Element — png- und svg-Datei in Originalgröße

smiley.png wird ohne Größenangabe geladen, d. h. in der Originagröße 32 px × 32 px.

smiley.svg wird ohne Größenangabe geladen, d. h. in der Originagröße 800 px × 800 px.

HTML-img-Element — png- und svg-Datei in veränderter Größe (proportional)

Achten Sie auf die Wiedergabequalität!

Nutzen Sie die HTML-Attribute width und height zukünftig nicht mehr!

smiley.png wird mit dem HTML-Attribut height="200" geladen, d. h. in der Größe 200 px × 200px.

smiley.svg wird mit dem HTML-Attribut width="50%" geladen, d. h. ausgedehnt auf 50 Prozent der verfügbaren Bildschirmbreite!

HTML-img-Element — png- und svg-Datei in veränderter Größe (nicht proportional)

Achten Sie auf die Wiedergabequalität!

smiley.png wird mit den HTML-Attributen width="200" und height="100" geladen, d. h. in der Größe 200 px × 100 px.

smiley.svg wird mit den HTML-Attributen width="200" und height="100" geladen, d. h. in der Größe 200 px × 100 px.

Welche Größe wird wirklich geändert?

HTML-figure-Element

HTML-figure-Element — png-Datei in ursprünglicher Größe (32 px × 32 px)

Das figure-Element enthält einen img- und einen figcaption-Tag.

Das ist ein Smiley.

HTML-figure-Element — png-Datei in veränderter Größe (proportional)

Achten Sie auf die Wiedergabequalität!

Das figure-Element enthält einen img- und einen figcaption-Tag.

smiley.png wird mit dem HTML-Attribut width="100%" geladen, d. h. ausgedehnt auf 100 Prozent der verfügbaren Bildschirmbreite!.

Das ist ein Smiley.

HTML-figure-Element — png-Datei in veränderter, abhängiger Größe (proportional)

Achten Sie auf die Wiedergabequalität!

Das figure-Element enthält einen img- und einen figcaption-Tag.

smiley.png wird mit dem HTML-Attribut width="100%" geladen, d. h. ausgedehnt auf 100 Prozent der vom details-Tag zur Verfügung gestellten Breite !.

Das ist ein Smiley.

HTML-picture-Element

HTML-picture-Element — png-Datei in veränderter, abhängiger Größe

HTML-picture-Element — png-Datei in veränderter, abhängiger Größe

html, css, php, etc.

strikethrough element.

VS.

The deleted text element.

JAVA tutorials and resources for beginners

So you know nothing about JAVA? The object-oriented programming language and software platform that runs on billions of devices!? Me neither, let's learn together. 

Basically here are some of the resources and tutorials I have collected:

OTHER resources of interest...

 

SCRATCH https://scratch.mit.edu/projects/561895314