WebP an der Technische Hochschule Mittelhessen

Karteikarten und Zusammenfassungen für WebP an der Technische Hochschule Mittelhessen

Arrow Arrow

Komplett kostenfrei

studysmarter schule studium
d

4.5 /5

studysmarter schule studium
d

4.8 /5

studysmarter schule studium
d

4.5 /5

studysmarter schule studium
d

4.8 /5

Lerne jetzt mit Karteikarten und Zusammenfassungen für den Kurs WebP an der Technische Hochschule Mittelhessen.

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Formulare in HTML

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Tabellen in HTML

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Listen in HTML

Das war nur eine Vorschau der Karteikarten auf StudySmarter.
Flascard Icon Flascard Icon

Über 50 Mio Karteikarten von Schülern erstellt

Flascard Icon Flascard Icon

Erstelle eigene Karteikarten in Rekordzeit

Flascard Icon Flascard Icon

Kostenlose Karteikarten zu STARK Inhalten

Kostenlos anmelden

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

CSS-Regeln

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

HTML und CSS

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Strukturelemente

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

HTML Grundgerüst

Das war nur eine Vorschau der Karteikarten auf StudySmarter.
Flascard Icon Flascard Icon

Über 50 Mio Karteikarten von Schülern erstellt

Flascard Icon Flascard Icon

Erstelle eigene Karteikarten in Rekordzeit

Flascard Icon Flascard Icon

Kostenlose Karteikarten zu STARK Inhalten

Kostenlos anmelden

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Hyperlinks

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Video und Audio in HTML

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

HTML

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Wie funktioniert ein Computer?

Das war nur eine Vorschau der Karteikarten auf StudySmarter.
Flascard Icon Flascard Icon

Über 50 Mio Karteikarten von Schülern erstellt

Flascard Icon Flascard Icon

Erstelle eigene Karteikarten in Rekordzeit

Flascard Icon Flascard Icon

Kostenlose Karteikarten zu STARK Inhalten

Kostenlos anmelden

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

Bootstrap

Kommilitonen im Kurs WebP an der Technische Hochschule Mittelhessen. erstellen und teilen Zusammenfassungen, Karteikarten, Lernpläne und andere Lernmaterialien mit der intelligenten StudySmarter Lernapp. Jetzt mitmachen!

Jetzt mitmachen!

Flashcard Flashcard

Beispielhafte Karteikarten für WebP an der Technische Hochschule Mittelhessen auf StudySmarter:

WebP

Formulare in HTML

- 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>

WebP

Tabellen in HTML

- 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>

WebP

Listen in HTML

- 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 

WebP

CSS-Regeln

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

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

- Regeln sind Eigenschafts-Wert-Pärchen


WebP

HTML und CSS

- 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

WebP

Strukturelemente

- 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

WebP

HTML Grundgerüst

- Versionsangabe (!DOCTYPE)

- Dokumentenanfang und -ende (html)

- Metadaten (head)

   -> Zeichencodierung (UTF-8)

   -> Seitentitel

   -> Sprache des Inhalts

   -> Zusätzliche Dokumente (Styles         und Scripts)

- Inhalt (body)

WebP

Hyperlinks

- 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>

WebP

Video und Audio in HTML

- ü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>


WebP

HTML

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

WebP

Wie funktioniert ein Computer?

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

WebP

Bootstrap

- 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


Melde dich jetzt kostenfrei an um alle Karteikarten und Zusammenfassungen für WebP an der Technische Hochschule Mittelhessen zu sehen

Singup Image Singup Image
Wave

Andere Kurse aus deinem Studiengang

Für deinen Studiengang WebP an der Technische Hochschule Mittelhessen gibt es bereits viele Kurse auf StudySmarter, denen du beitreten kannst. Karteikarten, Zusammenfassungen und vieles mehr warten auf dich.

Zurück zur Technische Hochschule Mittelhessen Übersichtsseite

IT Privat

GASM2

Unternehmensberatung

GASM 1

Grundlagen des Brand Managements

05 - Operatives Brand Management

Social Collaboration Management

Brand Management

Mein erstes Fach

03 - Grundlagen Brand Management

04 - Strategisches Brand Management

08 - Operatives Brand Management

BWLIS

Digitales Marketing

WEBTEC an der

HSLU - Lucerne University of Applied Sciences and Arts

Web2 an der

Fachhochschule Münster

We an der

Universität Duisburg-Essen

EBP an der

Universität Münster

WebPro an der

Hochschule Düsseldorf

Ähnliche Kurse an anderen Unis

Schau dir doch auch WebP an anderen Unis an

Zurück zur Technische Hochschule Mittelhessen Übersichtsseite

Was ist StudySmarter?

Was ist StudySmarter?

StudySmarter ist eine intelligente Lernapp für Studenten. Mit StudySmarter kannst du dir effizient und spielerisch Karteikarten, Zusammenfassungen, Mind-Maps, Lernpläne und mehr erstellen. Erstelle deine eigenen Karteikarten z.B. für WebP an der Technische Hochschule Mittelhessen oder greife auf tausende Lernmaterialien deiner Kommilitonen zu. Egal, ob an deiner Uni oder an anderen Universitäten. Hunderttausende Studierende bereiten sich mit StudySmarter effizient auf ihre Klausuren vor. Erhältlich auf Web, Android & iOS. Komplett kostenfrei. Keine Haken.

Awards

Bestes EdTech Startup in Deutschland

Awards
Awards

European Youth Award in Smart Learning

Awards
Awards

Bestes EdTech Startup in Europa

Awards
Awards

Bestes EdTech Startup in Deutschland

Awards
Awards

European Youth Award in Smart Learning

Awards
Awards

Bestes EdTech Startup in Europa

Awards
X

StudySmarter - Die Lernplattform für Studenten

StudySmarter

4.5 Stars 1100 Bewertungen
Jetzt entdecken
X

Gute Noten in der Uni? Kein Problem mit StudySmarter!

89% der StudySmarter Nutzer bekommen bessere Noten in der Uni.

50 Mio Karteikarten & Zusammenfassungen
Erstelle eigene Lerninhalte mit Smart Tools
Individueller Lernplan & Statistiken


Lerne mit über 1 Millionen Nutzern in der kostenlosen StudySmarter App.

Du bist schon registriert? Hier geht‘s zum Login