Der schnelle Weg zur eigenen Website und zum eigenen Blog

21.08.2020 Aufrufe

und in der Vorschau können Sie sich anschließend von dessen Funktionalitätüberzeugen.HINWEIS: An dieser Stelle kann jetzt natürlich kein Kurs über HTML-Programmierung gegeben werden. Wenn Sie also selbst derartige „Snippets“entwickeln möchten, dann bleibt Ihnen nichts anderes übrig, als sich mit dieserMarkup-Sprache zu beschäftigen. Dafür gibt es in großer Zahl Lehrbüchersowie darauf spezialisierte Webseiten und Online-Kurse im Netz. Besondersempfohlen seien in diesem Zusammenhang die folgenden zwei Referenzseiten:LINK: selfhtml Wiki – die beste deutschsprachige Referenzseite zu HTML etc. https://wiki.selfhtml.org/LINK: CSS 4 you – die deutsche Seite für Cascading Stylesheets (CSS) http://www.css4you.de/Ein HTML-Snippet besteht i. d. R. aus drei Teilen: Einem HTML-Code, einem Style,welcher u. a. das optische Erscheinungsbild festlegt und eventuell JavaScriptfür die Sicherstellung der Funktionalität.Angenommen, Sie möchten ein Foto auf ihrer Webseite modal vergrößert aufblenden,sobald man mit der Maus darauf klickt. Dann sieht der reine HTML-Code dafür folgendermaßen aus:{Bildtitel}

Dieser Code ist für die Anzeige des Bildes verantwortlich. Jetzt folgen die Inline-Stylesheets, um die einzelnen benannten Elemente explizit zu konfigurieren.Als Erstes fügen wir einen Hover-Effekt dem Bild „myImg“ hinzu: