Wenn Sie Websites sind entwerfen, wirst du wahrscheinlich zu wollen, verwenden standardkonforme HTML5-Markup - immerhin müssen Sie irgendeine Art von Markup-Sprache zu verwenden, so dass Sie Ihre Webseiten kommunizieren kann, nicht wahr? Die Tabelle hier gibt Ihnen einen Überblick über die beliebtesten HTML5-Tags und sagt Ihnen, was jeder tut.
Definiert Inhalte, die Seiten neben anderen Inhalten
Definiert einen Sound
Definiert ein langes Zitat
Definiert das Körperelement
Fügt eine einzelne Zeilenumbruch
Definiert einen Bereich, in dem Grafiken können mit javascript gezogen werden
Definiert eine Tabellenbeschriftung
Definiert ein Zitat
Definiert Computercode Text
Definiert einen Abschnitt mit den Details, die gezeigt werden kann, oder versteckt
Definiert einen Abschnitt in einem Dokument
Definiert hervorgehoben (kursiv) Text
Definiert einen Raum von Mediendateien wie Plug-Ins oder Anwendungen einfügen
Definiert Inhalte wie Fotos, Illustrationen und Diagramme usw.
Legt die Beschriftung für eine Figur
Definiert eine Fußzeile für einen Abschnitt oder das gesamte Dokument
Definiert ein Formular
nach
Definiert Header 1 bis 6 Kopf
Definiert Informationen über das Dokument
Definiert einen Header für einen Abschnitt oder das gesamte Dokument
Definiert eine horizontale Linie
Definiert ein HTML-Dokument
Definiert einen Inline-Subwindow (Frame)
Definiert ein Bild
Definiert ein Eingabefeld
Definiert ein Label für ein Formular-Steuerelement
Definiert ein Listenelement
Definiert eine Ressource-Referenz
Definiert eine Image-Map
Definiert Meta-Informationen
Definiert eine Reihe von Navigations-Links
Definiert einen noscript Abschnitt
Definiert eine geordnete Liste
Definiert einen Absatz
Definiert vorformatierte Text
Definiert ein Skript
Definiert einen Abschnitt innerhalb eines Dokuments
Definiert eine Auswahlliste
Definiert eine Medienressource für Audio- oder Video
Definiert einen Abschnitt in einem Dokument
Definiert stark (fett) Text
Definiert eine Stildefinition
Definiert indizierte Text
Definiert eine Überschrift für eine Element
Definiert hochgestelltem Text
Definiert einen Tisch
Definiert eine Tabellenzelle
Definiert einen Textbereich
Definiert einen Tabellenkopf
Definiert das Datum oder die Uhrzeit
Definiert den Dokumenttitel
Definiert eine Tabellenzeile
Definiert die Textspuren für Audio oder Video
Definiert eine ungeordnete Liste
Definiert eine Filmdatei oder Video
Die Anatomie von Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) ist ein Stylesheet-Sprache verwendet, um die Präsentation Semantik zu beschreiben - die Art und Positionierung - von Elementen innerhalb eines Web-Dokuments in einer einfachen Markup-Sprache geschrieben.
CSS-Syntax besteht aus zwei Teilen: der Wähler und das ErklärungBlock in geschweiften Klammern. Innerhalb der Deklarationsblock können Sie mehrere Erklärungen haben. Jede Deklaration besteht aus zwei Teilen - der Eigentum und das Wert:
p {font-face: Georgia, Tahoma- color: # ffcc00-}
In diesem Beispiel:
p ist der Wähler.
{Font-face: Georgia, Tahoma- color: # ffcc00-} ist die Deklarationsblock.
font-face: Georgia, Tahoma- und color: # ffcc00- sind getrennte Erklärungen.
Schriftart eine Eigenschaft ist und Georgia, Tahoma ist ihr Wert.
Farbe eine zweite Eigenschaft ist und # ffcc00- ist ihr Wert.
Vier Arten von Cascading Style Sheets in Web Design
Cascading Style Sheets (CSS) sind in vier verschiedenen Typen (oder Arten). Wenn Sie verstehen, wie diese vier verschiedene Arten arbeiten, werden Sie Ihre Web-Seiten effizienter Styling sein.
Damit Ihr CSS organisiert, verwenden Sie CSS-Kommentar-Tags die verschiedenen Abschnitte von CSS in Ihrem Stylesheet zu identifizieren. Zum Beispiel können Sie einen Abschnitt für die Kopf Stile haben, für die Sidebar von Designs, für die Navigations Designs und für die Fußzeile Stile. CSS Kommentare verwenden die / * # 133- * / Syntax:
/ * Dies ist ein Kommentar * /
Klasse Stil (auch bekannt als Custom-Style)
Klassenstile zu jedem beliebigen HTML-Element kann unter Verwendung der selektiv angewandt class ="customname" Syntax. Zum Beispiel könnten Sie eine Klasse-Stil erstellen genannt Höhepunkt das hat eine leuchtend gelbe Hintergrundfarbe:
.Highlight {background-color: # FFFF33-}
Um sich diesen Stil auf alle Inhalte, würden Sie verwenden Sie einfach die Klasse Attribut:
class ="Höhepunkt">Das ist wirklich wichtig
ICH WÜRDE
ID Stile werden automatisch auf ein HTML-Element auf der Seite mit der gleichen ID angelegt. Zum Beispiel, wenn Sie ein hinzufügen
Tag der Sidebar Inhalt zu halten, können Sie diese Container eine semantische ID geben würde, wie Sidebar:
#sidebar {background-color: # 66CCFF-}
Code könnte dann in etwa so aussehen:
id ="sidebar">
Custom Web Design Services
# 133;
Etikett
Tag Stile können Sie automatisch den Stil und die Positionierung einer bestehenden HTML-Tag neu definieren, wie zum Beispiel Körper, p, h1, oder li. Zum Beispiel könnten Sie die Schriftstile für alle stellen Sie Ihren
Tags in Ihrer gesamten Website oder in einem bestimmten Abschnitt:
Compound Stile werden auch automatisch auf ein Element angewendet basierend auf seiner Position innerhalb der Seite, wie alle Tags innerhalb der mit der ID Sidebar, der mit der ID in einem übergeordneten Container sitzt von Verpackung:
externe, interne und Inline: Sie können in Ihrer Web-Seiten auf drei Arten von Cascading Style Sheets (CSS) verwenden. Die Sie verwenden, hängt davon ab, wie Sie wollen Ihr Design zu arbeiten.
Externe CSS
Externe ist der bevorzugte Weg CSS zu verwenden. Idealerweise legen Sie alle CSS-Stile in eine externe CSS-Datei, und dann einen Link, um es in alle Seiten Ihrer Website hinzuzufügen. Dies ist der effizienteste Weg zur Arbeit, da alle Seiten auf einer einzigen CSS-Datei verlassen werden, die einfacher Ihre Arbeit macht, wenn es Ihre Stile über eine gesamte Website Bearbeitung kommt.
Ein Link zu einer externen CSS-Datei wird auf den Code auf jeder Seite vor dem letzten Tag hinzugefügt:
Nach Import ein externes Stylesheet anstatt einem der Verknüpfung einfügen Stil und Kommentar-Tags vor dem Schluss-Tag:
Interne CSS
Interne ist gut für Einzelseiten-Einsatz und bei der Entwicklung, aber nicht für fertige Websites. Manchmal sind Designer interne CSS auf einer einzigen Seite alle Links zu externen CSS-Dateien zu überschreiben. Um CSS intern auf einer einzigen Seite hinzufügen, platzieren Sie Ihre CSS-Stile zwischen einem Paar von Tags vor dem letzten Tag auf Ihrer Seite:
body {background-image: url ( "images / pattern.gif") -} p {font-family: verdana, arial, sans-serif-}
Inline CSS
Gelegentlich müssen Sie sowohl externe als auch interne CSS-Stile außer Kraft zu setzen Inline-CSS verwenden. Inline wird nicht empfohlen, es sei denn es ist die beste oder einzige Weg ist, um einen Stil zu einem Objekt oder Element im HTML anzuwenden. Um CSS inline mit Ihrem Code hinzufügen, fügen Sie den Stil Definition Ihrer öffnende HTML-Tag:
style = "color: # 3399CC- font-size: 18px;"> Das Sonnensystem
Neun Grund CSS Kategorien zur Verwendung in Web Design
Die meisten CSS-Stile lassen sich in neun grundlegenden Stil und Positionierung Kategorien. Diese Liste können Sie den Überblick über all die coolen Dinge halten helfen Sie mit CSS tun können: