HTML5 und CSS3: Erste Schritte

HTML (HyperText Markup Language) oder Hypertext Markup Language, ist der Standard für die Entwicklung von Webseiten, eine auf Tags basierende Sprache, die Informationen basierend auf der Inhaltshierarchie strukturiert. HTML selbst gibt den präsentierten Informationen keine grafischen Eigenschaften, sondern organisiert sie nur so, dass sie eine logische Lesereihenfolge haben.
Zweitens CSS (Cascading Style Sheet) oder Cascading Style Sheets ist eine Sprache, die verwendet wird, um die Präsentation eines in HTML geschriebenen strukturierten Dokuments zu definieren und zu erstellen. Sie ist verantwortlich für die Formulierung der Spezifikation der Stylesheets, die als Standard für Browser dienen.
In diesem Tutorial stellen wir die Grundstruktur eines Dokuments vor HTML5, die beliebtesten Labels und die hierarchische Reihenfolge, um sie zu deklarieren. Im Gegenzug erklären wir die Beziehung zwischen HTML5 und CSS3, wie sie in Beziehung gesetzt werden können, die Struktur der Deklarationen in CSS3 und die grafischen Attribute, die sie dem HTML-Dokument geben können.
Für die Beispiele, die wir ausführen werden, ist ein Code-Editor erforderlich, in unserem Fall ist der ausgewählte Editor Dreamweaver CC 2014 im Tutorial Dreamweaver CS6-Grundlagen: Die Arbeitsumgebung kennen es werden die Merkmale der Anwendung beschrieben, die trotz der unterschiedlichen Versionen gleich bleiben
1. Aufbau eines HTML5-Dokuments

ZU) Dieses Tag gibt die Version an, die wir im Dokument verwenden werden, in diesem Fall ist es Version 5 von HTML.
B) Zeigt das Öffnen eines HTML-Dokuments an, es ist das erste Tag, das deklariert wird.
C) Sie können unter anderem einen Titel für das Dokument, Skripte, Stile, Metainformationen angeben.
D) Stellt Metadaten zum HTML-Dokument bereit. Die Metadaten werden nicht auf der Seite angezeigt, sie werden nur als angehängte Informationen analysiert. Die Elemente werden normalerweise verwendet, um unter anderem Seitenbeschreibung, Schlüsselwörter, Dokumentautor anzugeben. In dem im Bild gezeigten Beispiel haben wir das charset-Attribut verwendet, um den Zeichensatz zu definieren, in dem die Seite angezeigt wird, charset = "utf-8" im Fall der spanischen Sprache.
UND) Es ermöglicht uns, den Namen der Seite zuzuordnen, die in Browsern angezeigt wird.
F) Die überwiegende Mehrheit der Tags in HTML benötigt eine öffnende und eine schließende Deklaration:

 Inhalt des Labels 

In diesem Fall schließt das angezeigte Bild das Kopf-Tag mit
G) Alles in diesem Element wird vom Browser angezeigt, dh innerhalb dieses Tags bezeichnen wir den gesamten visuellen Inhalt unseres HTML-Dokuments.
H) Auf die gleiche Weise wie im Abschnitt beschrieben F Dies ist das Schließen des Tags
ICH) Auf die gleiche Weise wie im Abschnitt beschrieben F Dies ist das Schließen des Tags
Aufbau eines CSS3-Dokuments

ZU) .class: Alle Deklarationen, die mit einem Punkt beginnen, sind vom Typ class, ihre grafischen Eigenschaften können auf beliebige HTML-Tags angewendet werden.
B) #Id: Deklarationen, die mit dem Rautenzeichen beginnen, weisen darauf hin, dass es sich um den Typ ID handelt. Sowohl Klassen als auch IDs werden verwendet, um anzugeben, welche Grafikattribute wir unserem HTML-Inhalt geben möchten. Die Unterschiede zwischen diesen beiden Arten von Aussagen sind jedoch wie folgt:
IDs sind eindeutig:
- Jedes Element kann nur eine ID haben.
- Jede Seite kann nur ein Element mit dieser ID haben.
Unser HTML-Code wird die Validierung nicht bestehen, wenn dieselbe ID in mehr als einem Element verwendet wird.
Klassen sind nicht eindeutig:
- Dieselbe Klasse kann in mehreren Elementen verwendet werden.
- Sie können mehrere Klassen im selben Element verwenden.
Jedes Styling, das auf mehrere Objekte auf einer Seite angewendet werden muss, muss mit einer Klasse erfolgen. Es ist wichtig zu erwähnen, dass bei allem, was in CSS-Dokumenten deklariert wird, die Groß-/Kleinschreibung beachtet wird.
C) {Öffnende Klammer, die die Deklaration der Attribute startet.
D) } Schlüssel, der die Deklarationen einer Klasse oder einer ID schließt.
UND) Attributstruktur: Nach der Deklaration eines Attributs muss dessen Wert angegeben werden, im Beispiel im Bild weisen wir #Id eine Höhe von 600 Pixeln zu.
Um die Attribute und ihre Werte zu trennen, wird ein Semikolon verwendet; wie im Bild dargestellt.
Dies sind auf einfache Weise die allgemeinen Merkmale der Struktur eines Codes HTML, die erforderlichen Etiketten und wie Sie diese bestellen. Im Falle des CSS die Arten von Deklarationen und ihre allgemeine Struktur. Mit diesem Wissen werden wir in der Lage sein, unseren ersten HTML-Code zu erstellen und den Labels grafische Eigenschaften zu verleihen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben