webeC - HTML
webeC - HTML
webeC - HTML
-
- 1 / 24
-
Cartes-fiches
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
und   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 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