WebP at Technische Hochschule Mittelhessen

Flashcards and summaries for WebP at the Technische Hochschule Mittelhessen

Arrow Arrow

It’s completely free

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

Study with flashcards and summaries for the course WebP at the Technische Hochschule Mittelhessen

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Formulare in HTML

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Tabellen in HTML

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Listen in HTML

This was only a preview of our StudySmarter flashcards.
Flascard Icon Flascard Icon

Millions of flashcards created by students

Flascard Icon Flascard Icon

Create your own flashcards as quick as possible

Flascard Icon Flascard Icon

Learning-Assistant with spaced repetition algorithm

Sign up for free!

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

CSS-Regeln

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

HTML und CSS

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Strukturelemente

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

HTML Grundgerüst

This was only a preview of our StudySmarter flashcards.
Flascard Icon Flascard Icon

Millions of flashcards created by students

Flascard Icon Flascard Icon

Create your own flashcards as quick as possible

Flascard Icon Flascard Icon

Learning-Assistant with spaced repetition algorithm

Sign up for free!

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Hyperlinks

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Video und Audio in HTML

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

HTML

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Wie funktioniert ein Computer?

This was only a preview of our StudySmarter flashcards.
Flascard Icon Flascard Icon

Millions of flashcards created by students

Flascard Icon Flascard Icon

Create your own flashcards as quick as possible

Flascard Icon Flascard Icon

Learning-Assistant with spaced repetition algorithm

Sign up for free!

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on StudySmarter:

Bootstrap

Your peers in the course WebP at the Technische Hochschule Mittelhessen create and share summaries, flashcards, study plans and other learning materials with the intelligent StudySmarter learning app.

Get started now!

Flashcard Flashcard

Exemplary flashcards for WebP at the Technische Hochschule Mittelhessen on 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


Sign up for free to see all flashcards and summaries for WebP at the Technische Hochschule Mittelhessen

Singup Image Singup Image
Wave

Other courses from your degree program

For your degree program WebP at the Technische Hochschule Mittelhessen there are already many courses on StudySmarter, waiting for you to join them. Get access to flashcards, summaries, and much more.

Back to Technische Hochschule Mittelhessen overview page

IT Privat

Grundlagen des Brand Managements

Unternehmensberatung

05 - Operatives Brand Management

Social Collaboration Management

Brand Management

Mein erstes Fach

03 - Grundlagen Brand Management

04 - Strategisches Brand Management

08 - Operatives Brand Management

Digitales Marketing

WEBTEC at

HSLU - Lucerne University of Applied Sciences and Arts

EBP at

RWTH Aachen

We at

Universität Duisburg-Essen

EBP at

Universität Münster

WebPro at

Hochschule Düsseldorf

Similar courses from other universities

Check out courses similar to WebP at other universities

Back to Technische Hochschule Mittelhessen overview page

What is StudySmarter?

What is StudySmarter?

StudySmarter is an intelligent learning tool for students. With StudySmarter you can easily and efficiently create flashcards, summaries, mind maps, study plans and more. Create your own flashcards e.g. for WebP at the Technische Hochschule Mittelhessen or access thousands of learning materials created by your fellow students. Whether at your own university or at other universities. Hundreds of thousands of students use StudySmarter to efficiently prepare for their exams. Available on the Web, Android & iOS. It’s completely free.

Awards

Best EdTech Startup in Europe

Awards
Awards

EUROPEAN YOUTH AWARD IN SMART LEARNING

Awards
Awards

BEST EDTECH STARTUP IN GERMANY

Awards
Awards

Best EdTech Startup in Europe

Awards
Awards

EUROPEAN YOUTH AWARD IN SMART LEARNING

Awards
Awards

BEST EDTECH STARTUP IN GERMANY

Awards
X

StudySmarter - The study app for students

StudySmarter

4.5 Stars 1100 Rating
Start now!
X

Good grades at university? No problem with StudySmarter!

89% of StudySmarter users achieve better grades at university.

50 Mio Flashcards & Summaries
Create your own content with Smart Tools
Individual Learning-Plan

Learn with over 1 million users on StudySmarter.

Already registered? Just go to Login