WMC Test 1

Description

WMC HTL2
Maxi Ern
Flashcards by Maxi Ern, updated more than 1 year ago
Maxi Ern
Created by Maxi Ern almost 2 years ago
14
0

Resource summary

Question Answer
Unterschied: Internet vs. World Wide Web • Internet: Das Internet ist die physische Infrastruktur, ein globales Netzwerk aus Servern, Routern, und Compu tern, die miteinander verbunden sind. Es ermöglicht die Übertragung von Daten. • World Wide Web (WWW): Das WWW ist ein Dienst, der über das Internet läuft. Es nutzt HTTP (Hypertext Transfer Protocol), um Webseiten mit Text, Bildern und Videos zugänglich zu machen.
Was ist das Internet? Das Internet ist ein Netzwerk von Computern, bestehend aus: • Servern: Speichern Daten und stellen sie bereit. • Clients: Geräte wie PCs oder Smartphones, die die Daten von den Servern abrufen. Das WWW verwendet hauptsächlich das HTTP-Protokoll, um Daten zu übertragen.
Schichte das OSI Modell in Top down auf 1. Anwendungsschicht (Application Layer) 2. Darstellungsschicht (Presentation Layer) 3. Sitzungsschicht (Session Layer) 4. Transportschicht (Transport Layer) 5. Netzwerkschicht (Network Layer) 6. Sicherungsschicht (Data Link Layer) 7. Physikalische Schicht (Physical Layer)
Protokolle zu OSI Schichten 1. Appliciation: HTTPS 2.Presentation: JPEG 3. Session Layer: SQL 4.Transport Layer: TCP 5. Network: IP 6.Data Link: Ethernet 7. Physikal: USB
IP und Mac Adresse Ip Adresse: Eindeutige Adresse die ein Gerät im Internet Identifiziert. Mac Adresse:Hardwaregebundene Adresse die Gerät in LAN identifiziert.
. DNS (Domain Name System) • Abkürzung: Dynamic Host Configuration Protocol • Funktion: DHCP weist Geräten automatisch IP-Adressen zu. • Prozess (DORA): 1. Discover: Client sucht DHCP-Server. 2. Offer: Server bietet IP-Adresse an. 3. Request: Client fordert Adresse an. 4. Acknowledge: Server bestätigt.
. Ports für Dienste • FTP: 21 • Telnet: 23 • POP3: 110 • HTTP: 80 • HTTPS: 443 • SSH: 22 • SMTP: 25 • IMAP: 143 • DNS: 53
URL-Syntax • Syntax: protokoll://domain.tld/pfad?query#fragment • Beispiele: 1. http://example.com/page 2. https://example.com/search?q=test 3. https://example.com/path#section • Query: Überträgt Daten (z. B. Suchanfragen). • Fragment: Zeigt einen bestimmten Abschnitt einer Seite an.
HTTP-Methoden a. HEAD d. GET f. POST h. DELETE
Abkürzungen • HTML: Hypertext Markup Language • CSS: Cascading Style Sheets • W3C: World Wide Web Consortium • WHATWG: Web Hypertext Application Technology Working Group
HTML-Syntax <tag>Inhalt</tag>
HTML-Entities • Notwendig, um Sonderzeichen darzustellen (z. B. <, >). • Richtige Entities: a. &lt; b. &gt; c. &nbsp; g. &quot; k. &Auml; l. &gt;
HTML-Attribute (ID & Class) • ID: Eindeutige Identifizierung eines Elements, z. B. für CSS oder JavaScript. Anwendung: Styling eines bestimmten Elements. • Class: Gruppierung mehrerer Elemente für gemeinsames Styling.
. Minimaler Aufbau einer HTML-Datei <!DOCTYPE html> <html> <head> <title>WMC Test</title> </head> <body> <h1>WMC Test</h1> </body> </html>
. CSS-Integrationsmöglichkeiten 1. Inline: Direkt im HTML-Element. <p style="color: red;">Text</p> 2. Intern: Im <style>-Tag im <head>. <style> p { color: red; } </style> 3. Extern: In einer separaten CSS-Datei. <link rel="stylesheet" href="style.css">
CSS-Selektoren 1. Element-Selektor: p {} - Alle <p>-Tags. 2. Class-Selektor: .class {} - Alle Elemente mit der Klasse. 3. ID-Selektor: #id {} - Ein bestimmtes Element.
CSS-Hierarchie (Gewichtung) 1. <p style=""> (Inline-Styles) 2. p#ID 3. p.my-style 4. .class-1 5. p
HTML-Blöcke • Block: Füllt die gesamte Breite (z. B. <div>, <p>). • Inline: Passt sich dem Inhalt an (z. B. <span>, <a>). • Grund: Unterschiedliche Layout-Anforderungen.
Show full summary Hide full summary

Similar

401 ASIL
Flänser Hallu
401 TDD (Test Driven Development)
Flänser Hallu
401 Buffer Overflow
Flänser Hallu
401 Programmierfehler Mistake, Defect, Fault Failure
Flänser Hallu
401 Threat Modeling
Flänser Hallu
401 Weitere Fehler
Flänser Hallu
401 Debugging
Flänser Hallu