Lernen Sie HTML-Code-tags

Lernen Sie HTML-Code-tags

Lernen Sie HTML-Code-tags : Mehreren tausend Tipps, um Ihr Leben einfacher machen.

Lernen HTML-Code beginnt mit lernen die grundlegenden Tags. Durch das Studium der Beispiele in diesem Artikel, sollten Sie alle die grundlegenden HTML-Tags kennen, die Sie benötigen, eine einfache Webseite zu schaffen.

Zunächst einmal ist es wichtig zu wissen, dass fast jeden Tag ein öffnendes und ein schließendes verfügt. In diesem Fall wir mit < Tag >, öffnen und schließen mit < / tag >. Einige Tags werden nicht öffnen und schließen. Diese sind einfach nur mit < Tag > eingefügt und niemals geschlossen (obwohl in den XHTML-Standard, sie eingegeben würde < Tag / >). In den folgenden Beispielen bezeichnen die Tags mit keine Schrägstriche in ihnen, dass sie geöffnet müssen und geschlossen, Markierungen mit einem Schrägstrich hinter dem Inhalt während (< Tag / >) nur eingefügt und niemals geschlossen werden müssen.

Hinweis: '< >' ist keine echte Tag.

Darüber hinaus sind Attribute Informationen innerhalb eines Tags platziert. Zum Beispiel um das Tag-Color-Attribut verwenden, würden wir dies schaffen: < tag Farbe = 'COLORINFO' >< / tag >, wo COLORINFO mit dem entsprechenden Wert ersetzt werden würde und das ganze Tag mit nur einem einfachen glattgestellt < / tag > (nicht < / tag Farbe = 'COLORINFO' >).

FRAMEWORK-TAGS --diese Tags bilden das Grundgerüst für jede Webseite.

1. < html > Diesem Tag tritt zu Beginn einer beliebigen HTML-Seite. Es gehört zu den grundlegenden Rahmen auf jeder Seite.

< Head > Dieser Tag kommt nach < html > und definiert den 'Kopf' des Dokuments, wo Sie Informationen, die Sie nicht, direkt auf Ihrer Webseite möchten platzieren. Hier können Sie Informationen wie Titel, Meta-Tags und CSS setzen.

< Titel > Diesem Tag kennzeichnet den Titel. Es gehört zwischen den < Head >-Tags. Die Worte, die Sie wollen auf der Titelleiste des Browsers gespeichert werden soll, zwischen den < Titel > und < / title > Markierungen.

< Körper > Diesem Tag öffnet die Stelle Ihrer Webseite, wo die meisten Inhalte eingegeben wird. Es hat zwei wichtige Attribute: 'Hintergrund' und 'Bgcolor'. Ein Background-Wert muss die URL eines Bildes (um ein Hintergrundbild zu erstellen) und ein Bgcolor-Werte müssen eine Farbe im Wort oder hexadezimal-Format (ex: 'grau' oder #FF55AA).

Alle Tags sind an dieser Stelle Tags notwendig, im Rahmen Ihrer Webseite (mit Ausnahme von Titel, aber es wird als Norm). Dies ist im Rahmen der HTML-Code sollte folgendermaßen aussehen:

< html >

< Head >
< Titel >< / title >
< / head >

< Körper >

< / body >
< / html >

Die Worte, Bilder und Tabellen, die Sie auf Ihrer Webseite wünschen, sollten zwischen den < Body >-Tags fallen. Später in diesem Artikel werde ich die Quelle für eine sehr einfache Webseite zeigen.

TEXT-DECORATION --die folgenden Tags sind die grundlegenden Tags verwendet, um Text zu verzieren.

1. < b > Diesem Tag formatiert Text Fett.
2. < i > Dieser Tag macht Text kursiv formatiert.
3. < u > Dieser Tag macht Text unterstrichen.
4. < groß > Diesem Tag macht Text größer.

Diese Tags können separat oder zusammen verwendet werden, um weitere Effekte zu erzeugen. Zum Beispiel: dieserTextisthervorgehoben, während dieses Textes ist intensiv!

5. < Font > Anderen Text-Effekte können mit dem Tag < Font > erreicht werden. Hier die wichtigen Attribute sind 'Farbe', 'Größe' und 'Gesicht.' Farbwerte müssen im Wort oder hexadezimal-Format (BSP. 'Fuchsie' oder #BB6677), Größenwerte müssen eine Nummer eins bis sieben (sieben das größte) und Nennwerte kann den Namen einer Schriftart.

Ex: < Schriftfarbe = 'grün' Size = '2' Gesicht = 'Georgia' > dieser Text wird verändert. < / Schriften >

Dieser Text wird verändert.

WEBSEITE VON BEISPIELCODE

Der Code für eine Beispiel-Webseite könnte so aussehen:

< html >
< Head >
< Title > Beispiel Webseite! < / title >
< / head >

< Body Bgcolor = '#AABB33' >

< b > dieser Text ist fett! </b >

Dieser Text ist nicht Fett. Noch ist es nicht anders formatiert.

< / body >
< / html >

TEXT-Formatierung --die folgenden Tags werden die grundlegenden Tags um Text zu formatieren.

1. < Br / > Diesem Tag erstellt eine Pause im Text. Drücken 'enter' in Ihrem HTML-Editor wird keine tatsächliche Unterbrechung auf der Seite erstellen, daher Sie dieses Tag verwenden müssen, um Zeilenumbrüche zu erstellen.
2. < h1 > < h2 > < h3 > < h4 >, < h5 >, < h6 >, < h7 > Diese Tags sind die 'Header'-Tags. < h1 > erstellt den größten Header, während < h7 > den kleinsten Header erstellt. Ein Header besteht aus Größe veränderte Text mit Zeilenumbrüchen oberhalb und unterhalb.
3. < p > Das Absatz-Tag erzeugt einen Zeilenumbruch vor und nach einem Textabsatz.

Einfügen von Medien --die folgenden Tags werden verwendet, um verschiedene Medien einfügen.

1. < Img / > Das Bildtag fügt ein Bild. Es hat ein erforderliche Attribut 'Src'. Der Wert für 'Src' muss die URL eines Bildes sein.

   Ex: < Img src='/upload/computers-internet/programming/how_to_learn_html_code_tags_0.jpg' >

2. < a > Das Ankertag fügt einen Hyperlink. Es verfügt außerdem über eine erforderliche Attribut--'Href.' Der Wert für 'Href' muss die URL der Website (oder Bild, oder Datei, etc.) sein, die Sie verknüpfen möchten.

   Ex: < a Href = 'als https://www.link.org' > diese Website ist großartig! </a >

Erstellen von Listen --die folgenden Tags werden verwendet, um Listen zu erstellen.

Alle Listen erfolgt über einen großen Starttag (< Bl >, < Ul >, oder < Ol >), die geschlossen werden müssen, nachdem die Liste fertig ist, und List-Element-Tags (< li >), das nach jedem einzelnen Listenelement geschlossen werden müssen.

1. < Ul > Das ungeordnete Liste-Tag erstellt eine Liste von kleine schwarze Kreise gekennzeichnet. Das Attribut 'Type' kann Werte von 'Disc', 'Kreis', oder 'Quadrat', die die kleinen schwarzen Kreise in anderen Markern ändern.

   Hinweis: < Bl > (Aufzählung) ist < Ul >, identisch, außer dass die Liste auf der linken Seite gezogen wird (in der Regel nicht bevorzugt).

2. < Ol > Geordnete Liste-Tag erstellt eine Liste von Nummern gekennzeichnet. Der Wert für das Attribut 'Start' sind beliebig viele, und teilt dies der Liste wo die Nummerierung beginnen. Der Wert für den 'Typ' zugeschrieben kann sein A, a, I, ich oder 1, die der Liste sagen, welche Art der Nummerierung um (alphabetische, numerische oder römische Zahlen) zu verwenden.

Tabellen --die folgenden Tags werden verwendet, um Tabellen zu erstellen.

Tabellen sind das am weitesten fortgeschrittene in grundlegende HTML behandelte Thema.

1. < Tabelle > Das Table-Tag kennzeichnet den Anfang einer Tabelle. Mögliche Attribute sind 'Bgcolor', 'Grenze', 'Cellpadding', 'Cellspacing,', 'Breite', 'ausrichten' oder 'Valign.'
   • Der Wert für das Attribut 'Bgcolor' ist eine Farbe im Hexadezimalformat (z.B. #33AA44).
   • Der Wert für das Attribut 'Grenze' ist eine Zahl, die die Stärke des Rahmens kennzeichnet.
   • Der Wert für das Attribut 'Cellpadding' ist eine Zahl, die den Abstand (in Pixel) zwischen dem Rahmen und den Inhalt der Tabelle bezeichnet.
   • Der Wert für das Attribut 'Cellspacing' ist eine Zahl, die kennzeichnet, wie breit die Grenze sein wird.
   • Der Wert für das Attribut 'Breite' ist eine Zahl, die kennzeichnet, wie breit die Tabelle (in Pixel) sein wird.
   • Der Wert für das Attribut 'align' muß 'Links', 'rechts' oder 'Zentrum' und kennzeichnet, in dem der Inhalt der Tabelle richtet.
   • Der Wert für das Attribut 'Valign' muss 'top', 'unten', oder 'Mitte' und kennzeichnet, in dem der Inhalt der Tabelle vertikal ausgerichtet.

2. < tr > Dieses Tag definiert eine Tabellenzeile. Bevor Sie ein < td > erstellen, müssen Sie es erstellen. Sie definieren immer Zeilen vor dem Definieren von Zellen in diesen Zeilen (die Spalten zu erstellen). Sie können hier das 'Height'-Attribut verwenden, indem zuweisen ein Werts, die in Pixeln, die Höhe der Zeile definieren. Sie können auch einen Prozentsatz (z. B. '30 %') definieren, wie viel der Seite dauert es oben (vertikal), aber dies wird nicht empfohlen für Tabellenzeile.
3. < td > Dieses Tag definiert eine Tabellenzelle. Informationen platziert werden kann, in einer Tabellenzelle, während die < tr > und < td > in Verbindung zu definieren, wie eine Tabelle aussieht. Das Attribut 'Breite' können hier Sie definieren, wie breit die Zelle sein wird, in Pixel. Sie können auch einen Prozentsatz (vormals.

'55 %'), wie viel von der Seite (horizontal) dauert es bis zu definieren.

Hier ist ein Beispiel für einige Code, der eine Tabelle erstellen kann:

< Tabelle >
< tr >
< td > Dies ist die erste Zeile, erste Spalte! </td >
< td > Dies ist die erste Zeile, zweite Spalte! </td >
</tr >

< tr >
< td > Dies ist die zweite Zeile, erste Spalte! </td >
< td > Dies ist die zweite Zeile, zweite Spalte! </td >
</tr >
< / table >

Sie können diesen Code kopieren, in Ihren eigenen HTML-Editor zu sehen, wie das Endprodukt aussehen würde. Zögern Sie nicht mit ihm Basteln, indem Sie weitere Zeilen, eine ungleiche Anzahl von Tabellenzellen in jeder Zeile und verschiedene Attribute hinzufügen.