WebP an der Technische Hochschule Mittelhessen | Karteikarten & Zusammenfassungen

Lernmaterialien für WebP an der Technische Hochschule Mittelhessen

Greife auf kostenlose Karteikarten, Zusammenfassungen, Übungsaufgaben und Altklausuren für deinen WebP Kurs an der Technische Hochschule Mittelhessen zu.

TESTE DEIN WISSEN

Tabellen in HTML

Lösung anzeigen
TESTE DEIN WISSEN

- Bestehen aus den Elementen table, tr und td

- können mit caption, th, thead, tbody und tfooter erweitert werden

- Tabellen dienen niemals zum Layouting von Webseiten 


<table>

<caption>Stundenplan</caption>

<tr>

<th>Block</th>

<th>Mo</th>

<th>Di</th>

<th>Mi</th>

<th>Do</th>

<th>Fr</th>

</tr>

<tr>

<td>1</td>

<td>SMS Tutorium</td>

<td></td>

<td>webP-V</td>

<td></td>

<td>BWLIS-P</td>

</tr>

<tr>

<td>2</td>

<td>webP-P</td>

<td></td>

<td>webP-V</td>

<td>SM-V</td>

<td>BWLIS-P</td>

</tr>

</table>

Lösung ausblenden
TESTE DEIN WISSEN

Listen in HTML

Lösung anzeigen
TESTE DEIN WISSEN

- Ungeordnet (Bulletpoint)

<ul>

<li> Notiz </li>

</ul>

- Geordnet (Nummeriert)

<ol>

<li> Notiz </li>

</ol>

- Definiert

<dl>

<dt> Notiz </dt>

<dd> Lernen </dd>

</dl>

- können beliebig verschachtelt werden

- dienen abgewandelt auch z.B. als Navigationsleiste 

Lösung ausblenden
TESTE DEIN WISSEN

HTML und CSS

Lösung anzeigen
TESTE DEIN WISSEN

- HTML strukturiert nur, beeinflusst das Aussehen nur rudimentär

- Cascading Stylesheets ergänzt und verändert die Standarddarstellung

- durch Trennung von HTML und CSS wird Struktur von Stil getrennt

- dient der Vereinheitlichung von Textlayout, Abständen, Größen und Positionen

- Stilvorlagen sind wiederverwendbar

 -> mehrere HTML-Dokumente können die selbe Vorlage nutzen

Lösung ausblenden
TESTE DEIN WISSEN

Formulare in HTML

Lösung anzeigen
TESTE DEIN WISSEN

- möglich Benutzereingaben zu erfassen

- in vielen Variationen möglich

  -> Texteingabe

  -> Auswahlen

  -> Buttons

- alle Felder werden in einem form-Element gruppiert


<form>

Vorname:<br>

<input type="text" name="vorname"><br>

Nachname:<br>

<input type="text" name="nachname"><br><br>

<button type="submit">Submit</button>

</form>

Lösung ausblenden
TESTE DEIN WISSEN

CSS-Regeln

Lösung anzeigen
TESTE DEIN WISSEN

- CSS-Regeln bestehen aus Selektor-Regeln-Pärchen

- Selectoren sind Muster, die auf HTML-Elemente passen können

- Regeln sind Eigenschafts-Wert-Pärchen


Lösung ausblenden
TESTE DEIN WISSEN

Strukturelemente

Lösung anzeigen
TESTE DEIN WISSEN

- Benötigt um Webseiten zu strukturieren und in Bereiche zu gliedern

- fassen andere wichtige Elemente zu gemeinsamen Gruppen zusammen

- für die wichtigsten Teilbereiche stehen Elemente wie header, nav, section oder footer zur Verfügung

- für weitere Gliederungen nutz man das div-Element

Lösung ausblenden
TESTE DEIN WISSEN

HTML Grundgerüst

Lösung anzeigen
TESTE DEIN WISSEN

- Versionsangabe (!DOCTYPE)

- Dokumentenanfang und -ende (html)

- Metadaten (head)

   -> Zeichencodierung (UTF-8)

   -> Seitentitel

   -> Sprache des Inhalts

   -> Zusätzliche Dokumente (Styles         und Scripts)

- Inhalt (body)

Lösung ausblenden
TESTE DEIN WISSEN

Hyperlinks

Lösung anzeigen
TESTE DEIN WISSEN

- auch Anker genannt

- referenzierten auf externe oder interne Seiten, sowie Bereiche auf der aktuellen Seite oder Programme

- Das Ziel wird als href-Attribut angegeben


<a href="www.thm.de">Zur THM-Seite</a>


<a href="/ueber-mich">

<img src="profil.jpeg" alt="Mein Profilbild"/>

</a>

Lösung ausblenden
TESTE DEIN WISSEN

Video und Audio in HTML

Lösung anzeigen
TESTE DEIN WISSEN

- über Tags direkt eingebunden

- Includieren ein source-Tag mit src- und type-Attribut

- blenden mit dem controls-Attribut Steuerungselemente ein


<video controls >

<source src="was-ist-it.mp4" type="video/mp4"/>

</video>


<audio controls >

<source src="toms-diner.mp3" type="audio/mpeg"/>

</audio>


Lösung ausblenden
TESTE DEIN WISSEN

HTML

Lösung anzeigen
TESTE DEIN WISSEN

- Die "Hypertext Markup Language" ist eine Sprache die, von Texte auf Texte  verweist (Hypertext) und als Text anders Texte auszeichnet und strukturiert (Markup)

Lösung ausblenden
TESTE DEIN WISSEN

Wie funktioniert ein Computer?

Lösung anzeigen
TESTE DEIN WISSEN

EVA-Prinzip 

= Eingabe -> Verarbeitung -> Ausgabe

- Von-Neumann-Architektur

-> Eingabeeinheiten lesen Programme und Daten ein

-> Das Bussystem transportiert die Daten in den Speicher und die CPU

-> Der Arbeitsspeicher hält alle Informationen bereit

-> Die CPU steuert die Abläufe im Computer und berechnet neue Werte 

-> Ergebnisse werden über Ausgabegeräte dargestellt oder gesichert

Lösung ausblenden
TESTE DEIN WISSEN

Bootstrap

Lösung anzeigen
TESTE DEIN WISSEN

- eines der meist verbreiteten Web-Frameworks im Netz

- Original entwickelt von Twitter 

bietet viele eigene Komponenten

- Vereinfacht Verwendung von Grids und Flexboxen

- nutzt für manche Features zusätzlich JavaScript

- ist sehr gut dokumentiert

- zum benutzen muss die externe CSS-Datei eingebunden werden


Lösung ausblenden
  • 45137 Karteikarten
  • 1371 Studierende
  • 68 Lernmaterialien

Beispielhafte Karteikarten für deinen WebP Kurs an der Technische Hochschule Mittelhessen - von Kommilitonen auf StudySmarter erstellt!

Q:

Tabellen in HTML

A:

- Bestehen aus den Elementen table, tr und td

- können mit caption, th, thead, tbody und tfooter erweitert werden

- Tabellen dienen niemals zum Layouting von Webseiten 


<table>

<caption>Stundenplan</caption>

<tr>

<th>Block</th>

<th>Mo</th>

<th>Di</th>

<th>Mi</th>

<th>Do</th>

<th>Fr</th>

</tr>

<tr>

<td>1</td>

<td>SMS Tutorium</td>

<td></td>

<td>webP-V</td>

<td></td>

<td>BWLIS-P</td>

</tr>

<tr>

<td>2</td>

<td>webP-P</td>

<td></td>

<td>webP-V</td>

<td>SM-V</td>

<td>BWLIS-P</td>

</tr>

</table>

Q:

Listen in HTML

A:

- Ungeordnet (Bulletpoint)

<ul>

<li> Notiz </li>

</ul>

- Geordnet (Nummeriert)

<ol>

<li> Notiz </li>

</ol>

- Definiert

<dl>

<dt> Notiz </dt>

<dd> Lernen </dd>

</dl>

- können beliebig verschachtelt werden

- dienen abgewandelt auch z.B. als Navigationsleiste 

Q:

HTML und CSS

A:

- HTML strukturiert nur, beeinflusst das Aussehen nur rudimentär

- Cascading Stylesheets ergänzt und verändert die Standarddarstellung

- durch Trennung von HTML und CSS wird Struktur von Stil getrennt

- dient der Vereinheitlichung von Textlayout, Abständen, Größen und Positionen

- Stilvorlagen sind wiederverwendbar

 -> mehrere HTML-Dokumente können die selbe Vorlage nutzen

Q:

Formulare in HTML

A:

- möglich Benutzereingaben zu erfassen

- in vielen Variationen möglich

  -> Texteingabe

  -> Auswahlen

  -> Buttons

- alle Felder werden in einem form-Element gruppiert


<form>

Vorname:<br>

<input type="text" name="vorname"><br>

Nachname:<br>

<input type="text" name="nachname"><br><br>

<button type="submit">Submit</button>

</form>

Q:

CSS-Regeln

A:

- CSS-Regeln bestehen aus Selektor-Regeln-Pärchen

- Selectoren sind Muster, die auf HTML-Elemente passen können

- Regeln sind Eigenschafts-Wert-Pärchen


Mehr Karteikarten anzeigen
Q:

Strukturelemente

A:

- Benötigt um Webseiten zu strukturieren und in Bereiche zu gliedern

- fassen andere wichtige Elemente zu gemeinsamen Gruppen zusammen

- für die wichtigsten Teilbereiche stehen Elemente wie header, nav, section oder footer zur Verfügung

- für weitere Gliederungen nutz man das div-Element

Q:

HTML Grundgerüst

A:

- Versionsangabe (!DOCTYPE)

- Dokumentenanfang und -ende (html)

- Metadaten (head)

   -> Zeichencodierung (UTF-8)

   -> Seitentitel

   -> Sprache des Inhalts

   -> Zusätzliche Dokumente (Styles         und Scripts)

- Inhalt (body)

Q:

Hyperlinks

A:

- auch Anker genannt

- referenzierten auf externe oder interne Seiten, sowie Bereiche auf der aktuellen Seite oder Programme

- Das Ziel wird als href-Attribut angegeben


<a href="www.thm.de">Zur THM-Seite</a>


<a href="/ueber-mich">

<img src="profil.jpeg" alt="Mein Profilbild"/>

</a>

Q:

Video und Audio in HTML

A:

- über Tags direkt eingebunden

- Includieren ein source-Tag mit src- und type-Attribut

- blenden mit dem controls-Attribut Steuerungselemente ein


<video controls >

<source src="was-ist-it.mp4" type="video/mp4"/>

</video>


<audio controls >

<source src="toms-diner.mp3" type="audio/mpeg"/>

</audio>


Q:

HTML

A:

- Die "Hypertext Markup Language" ist eine Sprache die, von Texte auf Texte  verweist (Hypertext) und als Text anders Texte auszeichnet und strukturiert (Markup)

Q:

Wie funktioniert ein Computer?

A:

EVA-Prinzip 

= Eingabe -> Verarbeitung -> Ausgabe

- Von-Neumann-Architektur

-> Eingabeeinheiten lesen Programme und Daten ein

-> Das Bussystem transportiert die Daten in den Speicher und die CPU

-> Der Arbeitsspeicher hält alle Informationen bereit

-> Die CPU steuert die Abläufe im Computer und berechnet neue Werte 

-> Ergebnisse werden über Ausgabegeräte dargestellt oder gesichert

Q:

Bootstrap

A:

- eines der meist verbreiteten Web-Frameworks im Netz

- Original entwickelt von Twitter 

bietet viele eigene Komponenten

- Vereinfacht Verwendung von Grids und Flexboxen

- nutzt für manche Features zusätzlich JavaScript

- ist sehr gut dokumentiert

- zum benutzen muss die externe CSS-Datei eingebunden werden


WebP

Erstelle und finde Lernmaterialien auf StudySmarter.

Greife kostenlos auf tausende geteilte Karteikarten, Zusammenfassungen, Altklausuren und mehr zu.

Jetzt loslegen

Das sind die beliebtesten StudySmarter Kurse für deinen Studiengang WebP an der Technische Hochschule Mittelhessen

Für deinen Studiengang WebP an der Technische Hochschule Mittelhessen gibt es bereits viele Kurse, die von deinen Kommilitonen auf StudySmarter erstellt wurden. Karteikarten, Zusammenfassungen, Altklausuren, Übungsaufgaben und mehr warten auf dich!

Das sind die beliebtesten WebP Kurse im gesamten StudySmarter Universum

WEBTEC

HSLU - Lucerne University of Applied Sciences and Arts

Zum Kurs
Web2

Fachhochschule Münster

Zum Kurs
Weberei

Hochschule Reutlingen

Zum Kurs
We

Universität Duisburg-Essen

Zum Kurs
WebPro

Hochschule Düsseldorf

Zum Kurs

Die all-in-one Lernapp für Studierende

Greife auf Millionen geteilter Lernmaterialien der StudySmarter Community zu
Kostenlos anmelden WebP
Erstelle Karteikarten und Zusammenfassungen mit den StudySmarter Tools
Kostenlos loslegen WebP