Buffl
Buffl
Internetsprachen

01_HTML

NR
von Nils R.

Wofür steht “HTML”?

Bedeutung HTML

Hypertext Makeup Language

Was ist HTML?

Wofür HTML benutzt wird

HTML ist eine Auszeichnungssprache, zur Strukturierung von Bildern, Texten etc.

Wie ist der Aufbau eines HTML Dokumentes?

Struktur eines HTML Dokuments

Welche Inhalte befinden sich im <head> </head>?

Wofür ist der Head

Der Head eines HTML Dokuments ist der Kopf des Dokuments, in ihm befinden sich Informationen die im Browser nicht angezeigt werden sollen.

Z.B. CSS Einbindung, JavaScript Einbindung, der Titel der Seite

Aufbau des Head’s

Welche Inhalte befinden sich im <body> </body>?

Wofür steht der Body?

Im HTML Dokument enthält der <body> </body> die eigentlichen Seiteninformatonen.

Aufbau des Body’s

Wie erstellt man einen Kopfbereich?

Aufbau des header’s

<header>

//Inhalt

</header>

Funktion des Header’s

Im Header könnte die Navigation oder die Hauptüberschrift stehen

Beispiele

Wie erstellt man einen Fußbereich?

Aufbau des Footer

<footer>

//Inhalt

</footer>

Funktion des Footer’s/Fußbereich

Im Fußbereich steht üblicherweise das Impressum, die AGBs oder sonstige Fußbemerkungen am Ende der Internetseite

Beispiel des Footer’s

Wie schreibt man fett?

<b>Fettschrift</b>

Wie erstellt man eine Navigation?

<nav> Navigation etc </nav>


Wie erstellt man Zusatzinformationen?

<aside> Zusatzinformationen </aside>


Wie erzeugt man eine Überschrift?

<h1> Überschrift </h1>


Wie erstellt man einen Artikel?

<article> Artikel </article>

Wie erstellt man eine Adresse?

<adress> Meine Adresse </adress>

Wie erstellt man längere Abschnitte?

<div> Abschnitt </div>


Wie erstellt man einen Absatz

<p> Absatz </p>

Wie erzeugt man einen Zeilenumbruch?

Zeilenumbruch

<br>

Wort Umbruch mit -

­­­­­&shy;

Wort Umbruch ohne -

<wbr>

Welche Listenarten gibt es?

Listenarten

  • ungeordnete Listen

  • geordnete Listen

  • Definitionslisten


Wie erzeugt man eine ungeordnete Liste?

Ungeordnete Liste

<ul>

<li>Inhalt</li>

<li>Inhalt</li>

</ul>


Wie erzeugt man eine geordnete Liste?

Geordnete Liste

<ol>

<li>Inhalt 1</li>

<li>Inhalt 2</li>

</ol>


Wie legt man eine absteigende Nummerierung fest?

Absteigende Nummerierung

reversed


Wie erzeugt man eine Definitionsliste?

Definitionsliste

<dl>

<dt>Inhalt 1</dt>

<dd>Info zum Inhalt 1</dd>

<dt>Inhalt 2</dt>

<dd>Info zum Inhalt 2</dd>

</dl>


Wie erzeugt man Blockzitate?

<blockquote cite=”URL”> Inhalt </blockquote>



Wie erzeugt man Inhalt der alles anzeigt wie angegeben, z.B. mehrere Leerzeichen hintereinander?

<pre> Inhalt Inhalt </pre>


Wie erstellt man einen beschrifteten Inhalt/Abbildung?

Beschrifteten Inhalt/Abbildung

<figure>

<img Bild und so>

<figcaption> Text </figcaption>

</figure>


Wie erzeugt man eine Trennlinie?

Trennlinie

<hr>

Wie kennzeichnet man eine Abkürzung?

Abkürzung

<abbr title=”Abkürzung”> AB </abbr>

Wie kennzeichnet man ein Titel von Büchern, Filmen oder Musikstücken?

Titel von Büchern, Filmen oder Musikstücken

<cite> Titel </cite>

Wie erstellt man Quelltext Fragmente?

Quelltext Fragmente

<code class=language-html> Quelltext </code>

Wie kennzeichnet man eine Definition?

Definition

<dfn>Defintionswort</dfn> Erklärung

Wie kennzeichnet man ein Wort auf dem die betonung liegt?

Wort auf dem die betonung

<em>Betonung</em>

Wie kennzeichnet man bedeutungstragende Worte?

Fachausdrücke etc.

Bedeutungstragende Worte

<i> Fachausdruck </i>

Wie stellt man Tastatur Darstellungen dar?

Tastatur Darstellungen

<kbd> Strg. </kbd>


Wie markiert man gewissen Text?

<mark> Text </mark>


Wie markiert man wörtliche Rede und Zitate?

wörtliche Rede und Zitate

<q> Zitat </q>


Wie streicht man Text durch?

Durchstreicht

<s> Durchgestrichen </s>

Wie kennzeichnet man Fehlermeldungen?

Fehlermeldungen

<samp> Fehlermeldung </samp>


Wie erstellt man klein gedruckten Inhalt?

<small> Kleingedruckter Inhalt </small>

Wie kennzeichnet man Textpassagen die mit CSS gestylte werden sollen?

<span class=”TextpassageEins”> Textpassage </span>

Wie kennzeichnet man inhaltlich starke Hervorhebungen?

<strong> Starke Hervorhebung </strong>

Wie erzeugt man tiefergestellten Text?

Mathe Formeln

Tiefergestellten Text

<sub> tiefergelegen </sub>

Wie erzeugt man hochgestellten Text?

Mathe Formeln

Hochgestellten Text

<sup> Hochgestellte </sup>

Wie lässt sich ein Text tiefstellen?

Wie kennzeichnet man eine Uhrzeit/Datum?

Uhrzeit / Datum

<time> 20.10.1997 </time>

<time datetime=”2023-02-14 20:00”> Valentinstag </time>

Wie kennzeichnet man artikulierte Zusatzbemerkungen?

Artikulierte Zusatzbemerkungen

<u> isch abe </u> für ich habe

Wie kennzeichnet man Variablen?

Variablen

<var> Variable </var>

Wie kennzeichnet man Änderungen die nicht gelöscht werden sollen?

Änderungen ohne Löschung

<del datetime=”2023-03-07”> gelöschter Inhalt </del>

<ins> neuer Inhalt </ins>

Wie lassen sich Mathematische Formeln erstellen?

Mathematische Formeln


Wie lässt sich eine Tabelle erstellen?

Tabelle erstellen


Wie erstellt man eine Tabellen überschrift?

Tabellen überschrift


Wie beginnt man eine neue Tabellenreihe?

Neue Tabellenreihe

<tr>

Inhalt

</tr>

Wie definiert man einen Tabellenkopf/Spaltenkopf?

Tabellenkopf/Spaltenkopf

<tr>

<td>Erste Spalte</td>

<td>Zweite Spalte</td>

</tr>

Wie definiert man einen Tabelleninhalt?

Tabelleninhalt

<tr>

<td> Erste Spalte Inhalt </td>

<td> Zweite Spalte Inhalt </td>

</tr>

Wie definiert man einen Kopfbereich der Tabelle?

Kopfbereich der Tabelle

<thead>

<tr>

<th> Erste Spalte </th>

<th> Zweite Spalte </th>

</tr>

</thead>


Wie definiert man einen Körperbereich der Tabelle?

Körperbereich der Tabelle

<tbody>

<tr>

<td> Erste Spalte </td>

<td> Zweite Spalte </td>

</tr>

</tbody>


Wie definiert man einen Fußbereich der Tabelle?

Fußbereich der Tabelle

<tfoot>

<tr>

<td> Erste Spalte </td>

<td> Zweite Spalte </td>

</tr>

</tfoot>


Wie lassen sich Tabellenzeilen zusammenfügen?

Tabelle Spalten zusammenfügen

<td colspan=2>

colspan = Anzahl


Wie lassen sich Tabellenzeilen zusammenfügen?

Tabellenzeilen zusammenfügen

<td rowspan=2>

rowspan = Anzahl


Wie erstellt man einen Hyperlink?

Hyperlink erstellen

<a href=”LINK/Ordnerverweis” target=”_blank”> nächste Seite </a>


Welche Möglichkeiten bietet das target Attribut?

target Attribut


Welche Möglichkeiten der URLs gibt es?

Möglichkeiten der URLs

  • Absoluter URL

    • Komplette URL

  • Relativer URL

    • URL relativ zum aktuellen Dokument

  • lokaler URL

    • Verweis auf bestimmte Stelle im Dokument durch ID


Wie gibt man die Sprache des Hyperlinks an?

Sprache des Hyperlinks

<a href = “LINK“ hreflang=”en”>Englisch</a>


Wie gibt man an für welches Medium der Link gedacht ist?

Medium der Link

media=”screen, print”


Wie lässt sich eine zusätzliche URL aufrufen?

zusätzliche URL

Wird genutz um ggf. Nutzerdaten zu tracken, da der eigentliche Link aufgerufen wird und ein weiterer Link im Hintergrund verarbeitet wird


Wie lässt sich ein Dokument downloaden?

Dokument downloaden

download


Wie schreibt man eine E-Mail mit HTML?

E-Mail mit HTML

%20 stellt das Leerzeichen dar

Wie wird ein Bild geladen?

Bild

<img src=”LinkZumBild” alt=”AlternativerText”>


Beitreten
Vorschau

Author

Nils R.

Informationen

Zuletzt geändert

Kurs melden
© 2023 Buffl GmbH