c2b_default

webeC - HTML

webeC - HTML

webeC - HTML

24
0.0 (0)
S. P.
Lernen
S. P.
Diese Lernkartei behandelt grundlegende und fortgeschrittene Konzepte der HTML-Programmierung auf Universitätsniveau. Sie konzentriert sich auf die Verwendung von Tags, die Rolle von Meta-Tags, die Unterscheidung zwischen Präsentations- und semantischen Tags sowie die korrekte Anwendung von Anführungszeichen und Entities. Die Karteikarten sind besonders nützlich für Studierende und Entwickler, die ihr Verständnis von HTML vertiefen und sicherstellen möchten, dass ihre Webseiten valide und gut strukturiert sind.
Karten
24
Lernende
7
Sprache
Deutsch
Kategorie
Informatik
Stufe
Universität
Erstellt / Aktualisiert
03.07.2019 / 09.07.2019
  • 1  / 24

Lernkarten

Nenne  5 HTML-Schlüsselelemente

HTML, HEAD, BODY, META, TITLE, LINK, BASE, H1, H2, H3, H4, H5, H6, P, A, DIV, SPAN, STYLE, SCRIPT

Nenne 5 Präsentations-Tags

EM, I, STRONG, B, INS, DEL, PRE, SMALL, SUB, SUP, BR, HR

Nenne 5 semantische Tags

NAV, MENU, HEADER, HGROUP, FOOTER, MAIN, ASIDE, TIME, SECTION, ARTICLE, ADDRESS, DFN, ABBR, DETAIL, LEGEND, PROGRESS, OUTPUT, SAMP

Präsentations- oder semantischer Tag?

Präsentations- oder semantischer Tag?

Für wen bauen wir das Web? (4 Punkte)

  • People with Browsers
  • Screen Readers
  • Search Engines
  • Web scrawlers, scrapers

<html> ist ein Tag

type="submit" ist ein Tag

es wird immer ein Anfangstag in der Form von <tag> und ein Schlusstag in der Form </tag> benötigt

Was wird zusätzlich benötigt, dass ein Bild von w3c als valide bewertet wird?

<img src="img/aquarell.jpg">

jedes HTML5-Dokument muss mit <!DOCTYPE html> beginnen.

<!DOCTYPE html> ist ein Tag

&nbsp; und &#160; sind sogenannte Entities

Ein einfaches Anführungszeichen ' muss in HTML nicht maskiert werden, da standardmässig doppelte Anführungszeichen " verwendet werden

Es spielt keine Rolle, ob &nbsp; oder &NBSP; geschrieben wird.

Es spielt keine Rolle, ob <div> oder <DIV> geschrieben wird

Der sichtbare Teil einer Website befindet sich zwischen <head> und </head>

Tag für einen Absatz

Jedes Element darf maximal zwei Attribute besitzen

Heutzutage wird kein Doctype mehr benötigt, da der Browser HTML von selbst erkennt.

Wie wird folgender Code dargestellt?

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

Was ist korrekt?

Was ist der Unterschied zwischen valid und well-formed?

Well-formed
tags syntacticly correct


Valid
tags nested according to DTD (document type definition)

Was sind meta-Tags?

  • liefern Informationen über die Website
  • sind im head-Bereich hinterlegt
  • sind nur im Source-Code sichtbar, nicht aber auf der Site
  • für die Suchmaschinen-Optimierung wichtig

Lernen