Wie funktioniert HTML? Grundlegendes Konzept von HTML mit verschiedenen Tags

Inhaltsverzeichnis:

Anonim

Einführung in die Funktionsweise von HTML:

HTML ist eine tagbasierte Sprache zur Entwicklung von Webseiten. HTML steht für Hyper Text Markup Language. Hypertext bezieht sich auf die Art und Weise, wie Webseiten miteinander verknüpft werden. Daher wird der auf einer Webseite verfügbare Link Hypertext genannt. Es ist eine Auszeichnungssprache, die dem Browser mitteilt, wie die Seite darauf gerendert wird. Es wurde von Berners-Lee Ende 1991 entwickelt, aber "HTML2.0" war die erste Standardspezifikation, die 1995 veröffentlicht wurde. Später kamen seine vielen HTML-Versionen wie HTML 4.0. Derzeit ist die neueste Version HTML5.0, die in der Front sehr berühmt ist Ende der Website-Entwicklung.

Struktur der HTML-Seite:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Dieses Tag definiert den Dokumenttyp und die HTML-Version.

Über dem Tag befindet sich das vollständige HTML-Programmiersprachendokument, bestehend aus dem Dokumentenkopf, der durch… dargestellt wird, und dem Dokumentenkörper, der durch… Tags dargestellt wird.

head tag stellt den Header des Dokuments dar, der andere HTML-Tags wie usw. enthalten kann.

Dieses Tag wird innerhalb des Tags zum Schreiben des Dokumenttitels verwendet.

tag repräsentiert den Körper des Dokuments, der andere HTML-Tags wie

,

etc.

Verschiedene Tags von HTML-Arbeiten und deren Beschreibung:

  • :

Überschriften-Tag verwenden, um Sorten des unten angegebenen Überschriften-Beispiels zu erstellen



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Ausgabe

Überschrift 1
Überschrift 2
Überschrift 3
Überschrift 4
Überschrift 5
Überschrift 6

  • :

Dies ist ein Absatz-Tag, der anhand des folgenden Beispiels besser verständlich wird.



Paragraph Example

Dies ist ein erster Absatz des Textes.

Dies ist ein zweiter Absatz des Textes.

Dies ist ein dritter Absatz des Textes.

Ausgabe

Dies ist der erste Absatz des Textes.
Dies ist der zweite Absatz des Textes.
Dies ist der dritte Absatz des Textes.

  • :

Dieses Tag wird verwendet, um die Zeile zu unterbrechen. Wir können dieses Tag verwenden, wann immer wir wollen, dass etwas von der nächsten Zeile beginnt. Es ist ein einzeiliges Tag, für das kein schließendes Tag erforderlich ist.

  • :

Stellen Sie den gesamten Inhalt in den Mittelpunkt dieser Hauptverwendung dieses Tags bei der Webseitenerstellung.

  • :

Wird zum Erstellen der Linie verwendet. Wird hauptsächlich verwendet, wenn Sie eine einzeilige Webseite zeichnen möchten.

  •  :

Dies ist ein sehr wichtiges HTML-Tag. In einigen Fällen möchten wir zeigen, dass alles so ist, wie es auf der HTML-Seite geschrieben ist. In diesen Fällen ist es ein sehr nützliches Tag. Das Beispiel ist unten angegeben.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Ausgabe

Laravel ist das PHP-Framework. Es ist ein Open-Source-Framework, das im Web verwendet wird
Anwendungsentwicklung. Dieses Framework basiert auf Model View Controller
Entwurfsmuster aufgrund dieses mit Hilfe dieses Frameworks entwickelten Projekts sind
strukturierter und überschaubarer. Dieser Rahmen greift auf das Bestehende zurück

    Zum Drucken einzelner Leerzeichen wird dies in HTML verwendet.

    • Tags Eigenschaften:

    Wir können die Eigenschaft auf Tag-Ebene setzen. Beispiel unten



    Align Attribute

    Linksbündig

    Mitten ausgerichtet

    Rechtsbündig

    Ausgabe

    Linksbündig
    Mitten ausgerichtet
    Rechtsbündig

    Kernattribute von HTML

    Es gibt nur wenige Kernattribute, die mit fast allen folgenden HTML-Elementen verwendet wurden

    • Ich würde
    • Titel
    • Klasse
    • Art

    1) Id:

    Mit diesen Attributen wird das HTML-Element auf der Seite eindeutig identifiziert. Möglicherweise wurde dasselbe Element auf der HTML-Seite an mehreren Stellen durch das Attribut id verwendet, mit dem wir das Element und seinen Inhalt identifizieren, und kann in Javascript für einen anderen Zweck verwendet werden . Das Beispiel ist unten angegeben.

    Dies ist der erste Absatz, in dem erklärt wird, wie HTML verwendet wird

    In diesem zweiten Absatz wird erklärt, was Cascading Style Sheet ist und wie es verwendet wird

    Erläuterung - Im obigen Beispiel wurde dasselbe Element zweimal verwendet. So können Sie dieses Element nur anhand der ID unterscheiden.

    2) Titel:

    Diese Attributsyntax ähnelt den id-Attributen. Der Zweck dieser Attribute hängt vom Element ab, das sie enthält. Sie werden jedoch häufig als QuickInfo angezeigt, wenn der Cursor über das Element bewegt wird. Dies ist die Hauptverwendung dieses Attributs. Das Beispiel ist unten angegeben -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Ausgabe

    Aus langer Zeit schlafen

    Wenn wir versuchen, den Cursor auf "Aus langer Zeit schlafen" zu setzen, sehen wir, dass der Titel, den wir in unserem Code verwendet haben, als QuickInfo des Cursors ausgegeben wird.

    3) Klasse:

    Das class-Attribut wird verwendet, um ein Element einem Stylesheet zuzuordnen und gibt die Klasse des Elements an. Wir werden mehr über die Verwendung des class-Attributs erfahren, wenn wir Cascading Style Sheet (CSS) lernen. Seine Hauptverwendung in CSS. Der Wert für dieses Attribut kann auch eine durch Leerzeichen getrennte Liste von Klassennamen sein. Das Beispiel ist unten angegeben -

    class = "className11 className12 className53"

    4) Stil:

    Es wird verwendet, um die Kaskadenstilregel auf Elementebene zu schreiben, was durch das unten angegebene Beispiel besser erklärt werden kann



    The style Attribute

    Dies ist Stil Beispieltext, es ist rote Farbe …

    Ausgabe

    Dies ist Stilbeispieltext, es ist rote Farbe …

    Fazit - So funktioniert HTML:

    Da wir viele grundlegende Tags gesehen haben, kann die Webseite mit Hilfe dieser Tags erstellt werden, die dem Endbenutzer angezeigt werden können, wenn ein Benutzer die bestimmte Webseite über seinen Webbrowser anfordert. Die Anzeigearbeit wird vom Web ausgeführt Browser. Heutzutage gibt es viele neue Tags auf dem Markt, um Webseiten attraktiver zu machen.

    Empfohlene Artikel

    Dies war eine Anleitung zur Funktionsweise von HTML. Hier haben wir das Grundkonzept von HTML unter Verwendung verschiedener Tags und Kernattribute von HTML erörtert. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -

    1. Anwendungen von HTML
    2. HTML5 vs XHTML
    3. HTML5 Interview Fragen und Antworten
    4. Spickzettel HTML
    5. HTML-Listenstile