| Hallo, Gast |
Du musst dich registrieren bevor du auf unserer Seite Beiträge schreiben kannst.
|
| Foren-Statistiken |
» Mitglieder: 4
» Neuestes Mitglied: Jano
» Foren-Themen: 10
» Foren-Beiträge: 10
Komplettstatistiken
|
| Benutzer Online |
Momentan ist 1 Benutzer online » 0 Mitglieder » 1 Gäste
|
| Aktive Themen |
Festplattenprobleme
Forum: Computerprobleme
Letzter Beitrag: rohilit
06-22-2023, 09:10 AM
» Antworten: 0
» Ansichten: 192
|
Typische Drucker und Scan...
Forum: Peripherieprobleme
Letzter Beitrag: rohilit
06-04-2022, 09:40 AM
» Antworten: 0
» Ansichten: 172
|
Wordpress Sicherheit
Forum: Wordpress Intim
Letzter Beitrag: rohilit
06-04-2022, 09:38 AM
» Antworten: 0
» Ansichten: 180
|
Oft genutzte Plugins und ...
Forum: Wordpress Plugins und Themes
Letzter Beitrag: rohilit
06-04-2022, 09:30 AM
» Antworten: 0
» Ansichten: 192
|
Netwerk Basics
Forum: Netwerkprobleme
Letzter Beitrag: rohilit
06-04-2022, 12:57 AM
» Antworten: 0
» Ansichten: 190
|
Wordpress Basics
Forum: Wordpress generell
Letzter Beitrag: rohilit
06-04-2022, 12:38 AM
» Antworten: 0
» Ansichten: 175
|
HTML Basics - Die wichtig...
Forum: HTML und PHP
Letzter Beitrag: rohilit
06-04-2022, 12:29 AM
» Antworten: 0
» Ansichten: 163
|
Alles zum Hoster All Inkl...
Forum: Webserver Einstellungen
Letzter Beitrag: rohilit
06-03-2022, 09:14 PM
» Antworten: 0
» Ansichten: 170
|
Das A-Z des einfachen IT-...
Forum: Computerprobleme
Letzter Beitrag: rohilit
06-03-2022, 08:04 PM
» Antworten: 0
» Ansichten: 208
|
Die wichtigsten und häufi...
Forum: Begriffserklärungen
Letzter Beitrag: rohilit
06-03-2022, 08:01 PM
» Antworten: 0
» Ansichten: 171
|
|
|
| Festplattenprobleme |
|
Geschrieben von: rohilit - 06-22-2023, 09:10 AM - Forum: Computerprobleme
- Keine Antworten
|
 |
Hier dreht sich alles um die Symptome bei nahenden Festplattencrashs / Problemen.
Aber auch um die eindeutigen Signale, wenn es bereits zu spät ist.
Der Dramatik halber fangen wir jedoch mit dem geringsten Schmerzniveau an.
1.1 Festplattenprobleme frühzeitig erkennen
Wir haben verschiedene Möglichkeiten Festplattenprobleme frühzeitig zu erkennen:
1.) via S.M.A.R.T Funktion des BIOS / auch in Windows auslesbar.
Self-Monitoring, Analysis and Reporting Technology (SMART bzw. S.M.A.R.T., deutsch System zur Selbstüberwachung, Analyse und Statusmeldung) ist ein Industriestandard zur Überwachung von Festplattenlaufwerken (HDD) und Solid-State-Drives (SSD) und dient der Vorhersage eines möglichen Ausfalls des Speichermediums.
Voraussetzung für die Nutzung dieser Funktion:
S.M.A.R.T ist BIOS-seitig aktiviert
BIOS via F2 oder ENTF vor dem Booten des Systems öffnen und dann folgendermaßen navigieren:
S-ATA oder Festplattenmenü -> Status oder Health-Optionen suchen -> SMART finden und aktivieren, sofern deaktiviert.
Danach das BIOS verlassen und die Einstellungen übernehmen.
Beim erneuten Hochfahren des Systems sollte der SMART Status aller Festplatten angezeigt werden.
Über Samsung Magican Tools oder andere Festplattendienstprogramme kann der SMART Status jederzeit auch über Windows,
also im laufenden Betrieb geprüft werden. Hier gibt es eindeutige Warnsignale wie Temperatur z.B, welche oftmals rot oder auffallend markiert
dargestellt werden, sofern es sich dort um problematische Werte handeln sollte.
|
|
|
| Typische Drucker und Scanner Probleme |
|
Geschrieben von: rohilit - 06-04-2022, 09:40 AM - Forum: Peripherieprobleme
- Keine Antworten
|
 |
Die typischsten Drucker und Scannerprobleme unter Windows
1.1 Druckerprobleme der einfachen Art
Wenn der Drucker bei einem Druckauftrag hängt oder einfach nicht drucken will, gibt es mehrere Möglichkeiten, das Problem zu beheben. Einerseits kann es ein Hardwareproblem sein, wie z.B ein Papierstau oder ein defektes USB Kabel. Andererseits kann es auch an hängengebliebenen Druckaufträgen liegen, die die Druckwarteschlange blockieren. Hier nun erstmal mehr zu diesen doch recht simpel zu behebenden Problemen.
|
|
|
| Wordpress Sicherheit |
|
Geschrieben von: rohilit - 06-04-2022, 09:38 AM - Forum: Wordpress Intim
- Keine Antworten
|
 |
Wordpress Sicherheitskonzepte
1.1 Wordpress Plugin "Wordfence"
Das Wordpress Plugin Wordfence sichert eine Wordpress Installation gegen Angriffe aus dem Internet ab, muss allerdings erstmal korrekt eingestellt werden, damit es seinen vollen Schutz entfalten kann. Zudem sollte man regelmäßig auch manuelle Scans ausführen und natürlich auch mit einem Backup Plugin regelmäßige manuelle oder automatisierte Backups machen. Das Plugin kann im Backend (Admin-Bereich) von Wordpress unter Plugins, Plugins installieren, "Wordfence" eingeben installiert werden.
|
|
|
| Oft genutzte Plugins und Themes |
|
Geschrieben von: rohilit - 06-04-2022, 09:30 AM - Forum: Wordpress Plugins und Themes
- Keine Antworten
|
 |
Übersicht der wichtigsten Plugins und Themes
Plugins:
- Classic Editor (ersetzt den Block Editor)
- Page Builder von SiteOrigin (erweitert den Editor um viele Funktionen)
- SiteOrigin Widgets Bundle (weitere Editierfunktionen)
- Contact Form 7 (Erstellen eines Formmailers resp. Kontaktformulars)
- Wordfence (Website-Absicherung)
- All-in-One WP Migration (Backup Tool)
|
|
|
| Netwerk Basics |
|
Geschrieben von: rohilit - 06-04-2022, 12:57 AM - Forum: Netwerkprobleme
- Keine Antworten
|
 |
Netwerk Basics und der Einstieg ins Thema
Was ein Netzwerk ist brauche ich nicht zu erklären, denke ich.
Dafür muss es hier aber darum gehen, welche verschiedene Formen von Netwerken es gibt und welche Vor und Nachteile diese haben. Ebenso möchte ich gerne die entsprechenden Fachbegriffe erklären und einige grundlegende Dinge und Voraussetzungen von gut funktionierenden und stabilen Netzwerken ausführen.
|
|
|
| Wordpress Basics |
|
Geschrieben von: rohilit - 06-04-2022, 12:38 AM - Forum: Wordpress generell
- Keine Antworten
|
 |
Wordpress Basics und mehr
Was ist Wordpress eigentlich?
Wordpress ist ein sogenanntes CMS. Das steht für Content Management System. Muss ich das wirklich übersetzen? Ich tue es einfach mal: Inhaltsmanagementsystem. Inhalts Management System. Sprich es ist genau Folgendes:
Ein einfaches System um Inhalte (seien es Texte, Bilder, Kategorien und Blogposts etc) zu managen. Wie geschieht das genau? Wordpress nutzt eine sogenannte MySql Datenbank zum speichern der ganzen Daten und basiert nicht auf HTML sondern auf PHP. Daher braucht es einen Webserver auf dem eine aktuelle und stabile Version von PHP läuft und ebenso eine MySql Datenbank, um überhaupt zu laufen. Das erledigen wir über unseren Hoster All Inkl bzw. unsere Einstellungen dort. Zuerst wird der Webspace registriert. Dann wird die Software installiert und gleichzeitig eine entsprechende Datenbank (MySql Datenbank) angelegt. Anschließend loggen wir uns in das ACP (Admin Control Panel) ein und beginnen schon mit den ersten Schritten. Installation der wichtigsten Plugins und Widgets sowie der Wahl eines entsprechenden Themes. Und jetzt muss ich erklären, was Plugins sind, was Widgets sind und was Themes sind. Oder?
Ja! Das muss ich.
Plugins
Ein Plugin ist eine Erweiterung für das System Wordpress, welches dafür sorgt, dass erweiterte Funktionen implementiert werden. Vereinfacht ausgedrückt erweitert so ein Plugin den Funktionsvielfalt des Systems. Es bringt Wordpress die gewünschte Funktion(en), die benötigt werden, aber noch nicht in der Standartinstallation inklusive sind. Das kann z.B ein Kontaktformular sein, über welches der User einfach und schnell Kontakt zum Webseitenbetreiber aufnehmen kann. Oder eine schöne Galerie mit den schönsten Fotos.
Widgets
Ein Widget ist ein eigenes Element, welches in der Sidebar (der Seitenleiste) platziert werden kann oder eben im Footer (der untere Bereich einer Website)
Man kann hier z.B ein seperates Menü hinzufügen, oder eine Auflistung der aktuellen Blog Einträge. Oder eine Schlagwort-Wolke. Oder was auch immer.
Themes
Ein Theme ist das "Thema" der Webseite, allerdings nur visuell betrachtet. Es bestimmt die Farbgebung, die Schriftart und Größe, sprich das gesamte
Aussehen der Website. Es gibt für so ziemlich jeden Zweck ein passendes Theme und mit etwas Können kann man diese fertigen Themes auch nochmals
an die eigenen Bedürfnisse anpassen. Man kann auch sagen, dass ein Theme so etwas ist, wie ein Anstrich eines Hauses oder die Klamottenauswahl eines Menschen.
|
|
|
| HTML Basics - Die wichtigsten Befehle |
|
Geschrieben von: rohilit - 06-04-2022, 12:29 AM - Forum: HTML und PHP
- Keine Antworten
|
 |
HTML Befehle: Übersicht nach Gruppen geordnet
HTML-Befehle werden als Tags und Attribute bezeichnet. Tags bilden ein Element und bestehen – bis auf wenige Ausnahmen – jeweils aus einem öffnenden und einem schließenden Tag. Das schließende Tag beinhaltet einen Schrägstrich:
Code: [color=#ffffff][size=1][font=Courier]Beispiel: [size=1]<[color=#f5c26b]p[/color]>[/size] Das ist ein Absatz [size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
Das Tag teilt dem Browser mit, welche Information sich innerhalb dessen befindet. Im gezeigten Beispiel handelt es sich um ein Absatz-Tag.
Einem Element kann neben dem Tag auch ein Attribut zugewiesen werden: Dieses gibt zusätzliche Informationen über ein bestimmtes Element. Es besteht aus einem Attribut-Namen und der spezifischen Bezeichnung.
Code: [color=#ffffff][size=1][font=Courier][/font][/size][/color]
[color=#ffffff][size=1][font=Courier]Beispiel: [size=1]<[color=#f5c26b]p[/color] class=[color=#f5c26b]"content"[/color]>[/size] Das ist ein Absatz. [size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
Dem zuvor definierten p-Element wurde nun zusätzlich das [i]class[/i]-Attribut mit dem Namen „content“ zugeordnet. Durch die Bestimmung von Attributen können weitere Informationen im HTML-Doc definiert oder später im CSS darauf zurückgegriffen werden.
[i]Nachfolgend finden Sie eine nach Gruppen geordnete Übersicht der wichtigsten HTML-Befehle:[/i]
Grundstruktur
TAG
BEDEUTUNG
<!DOCTYPE html>
<html> </html>- Eröffnet das HTML5-Dokument.
- Kann in älteren Versionen anders aussehen.
<head> </head>- Enthält in der Regel Informationen über die Seite.
- Beinhaltet das Title-Element.
<meta>- Zusatzangaben für die Verwaltung des HTML-Dokuments.
- Befindet sich im [i]head[/i].
<title> </title>- Enthält den Titel der Seite.
- Wird in der Titelleiste oben im Browser ausgegeben.
<body> </body>- Hauptfenster im Browser (außer Titel und Header).
<header> </header>- Bereich für den Kopf, also den Beginn der Seite ([i]nicht[/i] [i]head![/i]).
<nav> </nav>
<section> </section>- Kann genutzt werden, um Elemente zu einer Gruppe zusammenzufassen.
<article> </article>
<footer> </footer>
Beispiel: Grundgerüst für ein HTML-Dokument
Code: [color=#ffffff][size=1][font=Courier][color=#f2545b][size=1]<!DOCTYPE [color=#f2545b]html[/color]>[/size][/color][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [size=1]<[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [size=1]<[color=#f5c26b]title[/color]>[/size][size=1]</[color=#f5c26b]title[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [size=1]</[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [size=1]<[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [size=1]</[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
Textelemente
Textelemente können sowohl struktureller als auch semantischer Natur sein. Strukturelle Tags zeichnen Elemente wie etwa Überschriften oder Absätze aus und können diese oberflächlich gestalten. Mit semantischen Tags hingegen werden zusätzliche Informationen über die Art des Inhaltes gegeben (z. B. Zitat).
Strukturelles Markup
TAG
BEDEUTUNG
<h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5>, <h6> </h6>- h-Tags zeichnen Überschriften aus.
- h1 ist die Hauptüberschrift, h2 bezeichnet Zwischenüberschriften.
- Tags werden nach Rangordnung unterschiedlich groß dargestellt.
- h6 ist am kleinsten.
<p> </p>- Kennzeichnet einen Absatz.
<b> </b>- Fettschrift (bold).
- Kann für einzelne Wörter oder ganze Absätze genutzt werden.
<i> </i>- Kursiv ([i]italic)[/i].
- Kann für einzelne Wörter oder ganze Absätze genutzt werden.
<sup> </sup>- Hochgestellte Zeichen z.B. 22
<sub> </sub>- Tiefgestellte Zeichen z.B. H2O
<br>
<hr>- Erzeugt optische Trennlinie zwischen Inhalten.
Beispiel für strukturelles Markup:
Code: [color=#ffffff][size=1][font=Courier][color=#f2545b][size=1]<!DOCTYPE [color=#f2545b]html[/color]>[/size][/color][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]title[/color]>[/size]Seitentitel[size=1]</[color=#f5c26b]title[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h1[/color]>[/size]Das ist eine Überschrift[size=1]</[color=#f5c26b]h1[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h2[/color]>[/size]Das ist eine Zwischenüberschrift[size=1]</[color=#f5c26b]h2[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]p[/color]>[/size]Das ist ein [size=1]<[color=#f5c26b]b[/color]>[/size]Absatz.[size=1]</[color=#f5c26b]b[/color]>[/size][size=1]</[color=#f5c26b]p[/color]>[/size][size=1]<[color=#f5c26b]hr[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]p[/color]>[/size] Hier wird ein [size=1]<[color=#f5c26b]br[/color]>[/size] Umbruch erzwungen.[size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
![[Bild: strukturelles-Markup-html.png?width=1099...p-html.png]](https://blog.hubspot.de/hs-fs/hubfs/Germany/Blog_images/strukturelles-Markup-html.png?width=1099&name=strukturelles-Markup-html.png)
Semantisches Markup
TAG
BEDEUTUNG
<strong> </strong>- Zeichnet besonders wichtigen Inhalt aus.
- Wird meist fett angezeigt.
<em> </em>- Kennzeichnet eine semantische Hervorhebung.
- Wird oft [i]kursiv[/i] angezeigt.
<blockquote> </blockquote>- Kennzeichnet ein Zitat (ganzen Absatz).
<q> </q>- Kennzeichnet ein Zitat innerhalb des Textes.
Beispiel für semantisches Markup:
Code: [color=#ffffff][size=1][font=Courier][color=#f2545b][size=1]<!DOCTYPE [color=#f2545b]html[/color]>[/size][/color][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]title[/color]>[/size]Seitentitel[size=1]</[color=#f5c26b]title[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h1[/color]>[/size]Das ist eine Überschrift[size=1]</[color=#f5c26b]h1[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h2[/color]>[/size]Das ist eine Zwischenüberschrift[size=1]</[color=#f5c26b]h2[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]p[/color]>[/size]Das ist ein [size=1]<[color=#f5c26b]strong[/color]>[/size]Absatz.[size=1]</[color=#f5c26b]strong[/color]>[/size][size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]p[/color]>[/size] Hier folgt eine [size=1]<[color=#f5c26b]em[/color]>[/size] Hervorhebung.[size=1]</[color=#f5c26b]em[/color]>[/size][size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]blockquote[/color]>[/size] "Hier folgt ein Zitat." [size=1]</[color=#f5c26b]blockquote[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
![[Bild: semantisches-Markup-html.png?width=898&n...p-html.png]](https://blog.hubspot.de/hs-fs/hubfs/Germany/Blog_images/semantisches-Markup-html.png?width=898&name=semantisches-Markup-html.png)
Listen und Tabellen
Listen unterscheiden sich in HTML in geordnete, ungeordnete sowie Definitionslisten. Sie lassen sich auch ineinander verschachteln. Neben Listen können Sie mit HTML auch Tabellen konfigurieren.
TAG
BEDEUTUNG
<ol> </ol>- Geordnete Liste.
- Wird mit Ordnungszahlen ausgewiesen.
<ul> </ul>- Ungeordnete Liste.
- Wird mit Aufzählungszeichen ausgewiesen.
<li> </li>- Listeneintrag.
- Jedes Element einer Liste wird mit li-Tag angeführt.
<dl> </dl>
<dt> </dt>
<dd> </dd>
<table> </table>
<caption> </caption>- Definiert eine Tabellenüberschrift.
<tr> </tr>- Tabellenzeile.
- Steht zu Beginn jeder neuen Tabellenzeile.
<td> </td>
<th> <th>- Überschrift in einer Tabellenzeile.
Beispiel für die Verschachtelung einer geordneten und ungeordneten Liste:
Code: [color=#ffffff][size=1][font=Courier][color=#f2545b][size=1]<!DOCTYPE [color=#f2545b]html[/color]>[/size][/color][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]title[/color]>[/size]Seitentitel[size=1]</[color=#f5c26b]title[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]ol[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]li[/color]>[/size] Erster Punkt [size=1]</[color=#f5c26b]li[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]li[/color]>[/size] Zweiter Punkt [size=1]</[color=#f5c26b]li[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]ul[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]li[/color]>[/size] Anfang [size=1]</[color=#f5c26b]li[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]li[/color]>[/size] Ende [size=1]</[color=#f5c26b]li[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]ul[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]ol[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
![[Bild: html-Verschachtelung-einer-geordneten-un...-Liste.png]](https://blog.hubspot.de/hs-fs/hubfs/Germany/Blog_images/html-Verschachtelung-einer-geordneten-und-ungeordneten-Liste.png?width=715&name=html-Verschachtelung-einer-geordneten-und-ungeordneten-Liste.png)
Verlinkungen
Links können mit HTML in vielfältigen Ausführungen gesetzt werden. Die Verlinkungen können sowohl auf interne und externe Seiten führen. Sie können außerdem neue Browserfenster öffnen, zu einem bestimmten Bereich der Seite springen oder das Email-Programm öffnen.
TAG
BEDEUTUNG
<a> </a>- Erstellt ein Link-Element.
- Muss immer das href-Attribut enthalten.
href="[i]URL[/i]"- Attribut, das den Link enthält.
mailto:- Email-Link, der das E-Mail-Programm öffnet und Email-Adresse beinhaltet.
target="_blank"- Öffnet Link in neuem Browser-Fenster.
Id="[i]ID-NAME[/i]"- Attribut zur Kennzeichnung eines einzelnen Elements.
- ID kann genutzt werden, um zu einem bestimmten Punkt einer Seite zu springen.
index.html- Kann für interne Links genutzt werden.
#[i]ID-NAME[/i]- ID-Selektor, der genutzt wird, um an eine bestimmte ID zu springen.
Beispiel für Verlinkungen:
Code: [color=#ffffff][size=1][font=Courier][color=#f2545b][size=1]<!DOCTYPE [color=#f2545b]html[/color]>[/size][/color][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]title[/color]>[/size]Seitentitel[size=1]</[color=#f5c26b]title[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h1[/color]>[/size] HubSpot Website [size=1]</[color=#f5c26b]h1[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h2[/color]>[/size] Kontaktdaten [size=1]</[color=#f5c26b]h2[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]p[/color]>[/size] Kontaktieren Sie uns [size=1]<[color=#f5c26b]a[/color] href=[color=#f5c26b]"mailto:beispiel@email.com"[/color]>[/size] hier[size=1]</[color=#f5c26b]a[/color]>[/size].[size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]h2[/color]>[/size] Weitere Informationen [size=1]</[color=#f5c26b]h2[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]p[/color]>[/size] Hier kommen Sie zu unserer [size=1]<[color=#f5c26b]a[/color] href=[color=#f5c26b]"https://www.hubspot.de/?hubs_signup-url=www.hubspot.de/&hubs_signup-cta=hsg-nav__linkWebseite."[/color] target=[color=#f5c26b]"_blank"[/color]>[/size] Website [size=1]</[color=#f5c26b]a[/color]>[/size][size=1]</[color=#f5c26b]p[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier] [/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
![[Bild: html-Beispiel-fu%CC%88r-Verlinkungen.png...kungen.png]](https://blog.hubspot.de/hs-fs/hubfs/Germany/Blog_images/html-Beispiel-fu%CC%88r-Verlinkungen.png?width=1049&name=html-Beispiel-fu%CC%88r-Verlinkungen.png)
Grafiken und Bilder
Bilder und Grafiken werden auf Webseiten idealerweise in den Formaten .jpg, .gif oder .png eingebunden. Die Auflösung sollte dabei 72 Pixel pro Zoll sein, um die beste Darstellung auf Computerbildschirmen zu gewährleisten.
TAG
BEDEUTUNG
<img>
scr=“[i]BILD-URL[/i]“- Attribut sagt dem Browser, wo die Bilddatei gefunden werden kann.
alt=“[i]BESCHREIBUNG[/i]“- Alternativtext.
- Beschreibung des Bildes für sehbehinderte Menschen.
title=“[i]TITEL[/i]“- Attribut definiert zusätzliche Informationen des Elementes.
height=“[i]PIXEL[/i]“- Höhe des Bildes (in Pixeln).
width=“[i]PIXEL[/i]“- Breite des Bildes (in Pixeln).
Beispiel für Logo-Einbindung:
Code: [color=#ffffff][size=1][font=Courier][color=#f2545b][size=1]<!DOCTYPE [color=#f2545b]html[/color]>[/size][/color][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]title[/color]>[/size]Seitentitel[size=1]</[color=#f5c26b]title[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]head[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]<[color=#f5c26b]img[/color] src=[color=#f5c26b]"https://www.hubspot.com/hubfs/assets/hubspot.com/style-guide/brand-guidelines/guidelines_the-logo.svg"[/color] alt=[color=#f5c26b]"Logo Hubspot Schriftzug"[/color]/>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]body[/color]>[/size][/font][/size][/color]
[color=#ffffff][size=1][font=Courier][size=1]</[color=#f5c26b]html[/color]>[/size][/font][/size][/color]
![[Bild: HTML-Beispiel-Logo-Einbindung.png?width=...indung.png]](https://blog.hubspot.de/hs-fs/hubfs/Germany/Blog_images/HTML-Beispiel-Logo-Einbindung.png?width=1476&name=HTML-Beispiel-Logo-Einbindung.png)
Besondere HTML-Tags
TAG
BEDEUTUNG
<!-- -->- Kommentar.
- sinnvoll, um langen Code zu strukturieren.
<div> </div>- Elemente werden in einem Block gruppiert; beginnen in einer neuen Zeile.
<span> </span>- Enthält ein Inline-Element und kann durch Attribute wie class oder id definiert werden.
class="[i]CLASS-NAME[/i]"
|
|
|
Die wichtigsten und häufigsten Begriffe |
|
Geschrieben von: rohilit - 06-03-2022, 08:01 PM - Forum: Begriffserklärungen
- Keine Antworten
|
 |
Die wichtigsten und häufigsten Begriffe zum Thema IT (Support)
1.1 Server und Client
der Server ist immer der "Hauptcomputer" in einem Verbund mit mehreren sogenannten "Clients"
Hier beziehen die Clients oftmals Datenbankinhalte oder andere wichtige Informationen über das
lokale Netzwerk, bzw das "Intranet" vom Server. Ist der Server ausgeschaltet oder defekt, so kann
keiner der Clients die entsprechenden Programme oder Aktionen ausführen.
1.2 Peripherie
Peripheriegeräte sind grundsätzlich Geräte, welche periphär an den Computer angeschlossen sind,
also Drucker, Scanner, Tastaturen, Mäuse und Dergleichen.
1.3 Fake E-Mails und Phishing / Social Engineering
Fake E-Mails können z.B einen seriösen Absender vortäuschen und somit fischen / phishen (Phishing) sie
durch ihre augenscheinliche Glaubwürdigkeit sensible Daten vom Nutzer ab.
Social Engineering sind generelle soziale Aktionen, um durch Symphatie oder sexuelle Spielereien an
sensible Daten zu gelangen. Z.B. könnte sich ein Hacker als eine hübsche Frau ausgeben, ein wenig flirten
und hätte innerhalb kürzester Zeit somit bestimmt 50 verschiedene Möglichkeiten um ein persönliches
und einfaches Passwort zu kombinieren. Name der Katze und Geburtsjahr der Mutter als Beispiel. Etc, pp.
|
|
|
|