Heim Web-Frontend HTML-Tutorial HTML-Einführungs-Tutorial, schnelle Beherrschung der HTML-Markup-Symbole_HTML/Xhtml_Webseitenproduktion

HTML-Einführungs-Tutorial, schnelle Beherrschung der HTML-Markup-Symbole_HTML/Xhtml_Webseitenproduktion

May 16, 2016 pm 04:39 PM
HTML入门

Auszug
Wenn Sie nichts über HTML wissen und sich dennoch Sorgen darüber machen, wie Sie mit HTML beginnen sollen, empfiehlt Ihnen der Autor dringend, diesen Artikel zu lesen, der Ihnen dabei helfen wird, HTML schnell zu beherrschen Ich bin ein HTML-Experte. Ich hoffe, Sie können mir bessere Vorschläge machen.

Zusammenfassung
HTML, allgemein bekannt als HyperText Markup Language, ist die Abkürzung für Hyper TextMarkup Language und eine Auszeichnungssprache zur Beschreibung von Webdokumenten. Die Webseitendatei selbst ist nur eine Textdatei. Durch das Hinzufügen von Markierungssymbolen zur Textdatei können wir dem Browser mitteilen, wie der Inhalt angezeigt werden soll (z. B. wie Text verarbeitet, Bilder angeordnet, Bilder angezeigt werden sollen usw.). ). >
Tag-Einführunghtml-Element enthält einen umfassenden Bereich, der durch ein oder ein Tag-Paar definiert wird. Das Label besteht aus zwei Zeichenfolgen „
“. ​​Das Label enthält das Start-Tag „“ und das End-Tag „“.
HTML-Tag-Elemente haben vier Formen:
Leeres Element: Leeres Element mit Attributen: >
Element mit Inhalt:
Dies ist der Inhalt

Elemente mit Inhalt und Attributen: Das ist der Inhalt
Hier muss man sagen, dass in HTML-Dokumenten die Namen von Tags und Attributen nichts mit der Größe zu tun haben.
Die wesentlichen Grundelemente des HTML-Frameworks


stellt den Anfang des Dokuments und das Ende des Dokuments dar
Stellt den Anfang und das Ende des Dokumentkopfes dar.
Stellt den Anfang und das Ende des Dokumenttitels dar.
Stellt den Anfang und das Ende des Hauptteils des Dokuments dar. Das Format des HTML-Kommentars ist ein Kleiner-als-Zeichen (
). Zum Beispiel:

Tags im Zusammenhang mit der Absatzsteuerung


Erstellen Sie einen Absatz. # kann links, zentriert, rechts und im Blocksatz sein.
Die Funktion besteht darin, die Linie umzubrechen

Die Funktion besteht darin, eine horizontale Linie einzufügen, und die Attributfarbe wird zur Darstellung der Farbe verwendet.


Tag im Zusammenhang mit der Textanzeige


Zentrieren Sie den anzuzeigenden Text
Die Funktion ist Ausdrücken: Der Titel des Dokuments, n ist eine Ganzzahl von 1 bis 6, einmal ist der maximale Titel, 6 ist der minimale Titel, align dient zum Festlegen der Titelausrichtung, einschließlich links, zentriert, rechts

. .. Stellen Sie die Schriftart ein, Größe ist die Schriftgröße, eine Ganzzahl von 1 bis 7, je größer die Zahl, desto größer die Schriftart.

... Machen Sie den Text fett.

Text kursiv formatieren

Von Listenelementen erstellte Tags
Erstellen Sie eine nummerierte Liste:

. ..Verwenden Sie das Startattribut, um die Startsequenznummer festzulegen.
...
Verwenden Sie das Wertattribut, um die Reihenfolge der Zahlen in der Liste zu ändern.
    b. Erstellen Sie eine Liste mit Elementen, die zu

und
  • passen. Das Typattribut ihrer Tags gibt den Stil des Symbols an:
  • Scheibe, angezeigt als gefüllter Kreis; Quadrat, Zeigt ungefüllte Quadrate an.
    Kreis, zeigt nicht ausgehöhlte Kreise an
    b. Erstellen Sie unsignierte Listen
    • und
      -Tags, um unsignierte Listen zu erstellen

      und
      , erstellen Sie eine Einrückungsliste von
      Tags von Tabellenelementen
      Die Rolle von Tabellen im Webseitenlayout ist entscheidend. Tabellen werden mit
      definiert,
      spezifische Definition für:
      Das Rahmenattribut wird verwendet, um die Breite des Tabellenrandes zu definieren, und das align-Attribut wird verwendet, um die Ausrichtung der Tabelle festzulegen, die links, rechts oder in der Mitte sein kann. bgcolor ist Farbe.
      …Wird verwendet, um die Kopfzeile der Tabelle zu definieren

      Neue Zeilen zur Tabelle hinzufügen
      Wird verwendet, um die Tabellenkopfzeile zu definieren
      … wird zum Definieren von Zellen verwendet
      interaktives HTML-Formular
      -Formular wird mithilfe der
      ...
      -Elemente erstellt. Durch Einbetten anderer verwandter Elemente oder Steuerelemente zwischen den beiden können Sie ein Formular als Teil des HTML-Dokuments erstellen. Die grundlegende Syntax zum Erstellen eines Formulars lautet wie folgt:
      ….
      Die Attributmethode wird verwendet, um die HTTP-Methode anzugeben, die beim Senden von Formulardaten an den Server verwendet werden kann Get oder Post zum Senden. Die Daten werden an das Ende der URL angehängt und als Teil der URL an den Server gesendet. Im Folgenden sind einige häufig verwendete Elemente zu Formularen aufgeführt: Das Element

      wird zum Empfangen der vom Benutzer eingegebenen Informationen verwendet. Es handelt sich um ein leeres Element mit Attributen. Die zum Erstellen von Steuerelementen im Formular verwendete Syntax ist 🎜> Das Typattribut wird verwendet, um den Typ des zu erstellenden Steuerelements anzugeben, das Attribut wird verwendet, um den Namen des Steuerelements anzugeben, die Größe wird verwendet, um die anfängliche Breite des Steuerelements im Formular anzugeben, und das Wertattribut gibt die anfängliche Breite an Wert der Kontrolle.
      Informationen zum Typ finden Sie im folgenden Bild:

      Listbox-Element
      Ermöglicht dem Benutzer die Auswahl eines oder mehrerer Elemente aus einer Dropdown-Liste. Abwärtsmenü, Listenfeld Jede Option im Listenfeld wird durch das Element
      Das Formular ist hauptsächlich für die Datenerfassungsfunktion auf der Webseite verantwortlich, z Unsere üblichen Registrierungsinformationen und Eingabeinformationen. Alles, was mit Webseiten interagieren kann, sind Formulare. Das
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

    Heiße KI -Werkzeuge

    Undresser.AI Undress

    Undresser.AI Undress

    KI-gestützte App zum Erstellen realistischer Aktfotos

    AI Clothes Remover

    AI Clothes Remover

    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

    Undress AI Tool

    Undress AI Tool

    Ausziehbilder kostenlos

    Clothoff.io

    Clothoff.io

    KI-Kleiderentferner

    AI Hentai Generator

    AI Hentai Generator

    Erstellen Sie kostenlos Ai Hentai.

    Heißer Artikel

    R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Beste grafische Einstellungen
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
    Will R.E.P.O. Crossplay haben?
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

    Heiße Werkzeuge

    Notepad++7.3.1

    Notepad++7.3.1

    Einfach zu bedienender und kostenloser Code-Editor

    SublimeText3 chinesische Version

    SublimeText3 chinesische Version

    Chinesische Version, sehr einfach zu bedienen

    Senden Sie Studio 13.0.1

    Senden Sie Studio 13.0.1

    Leistungsstarke integrierte PHP-Entwicklungsumgebung

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    SublimeText3 Mac-Version

    SublimeText3 Mac-Version

    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

    Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

    Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

    Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

    Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

    Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

    Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

    Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

    In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

    Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

    Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

    Ist HTML für Anfänger leicht zu lernen? Ist HTML für Anfänger leicht zu lernen? Apr 07, 2025 am 12:11 AM

    HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

    Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Apr 08, 2025 pm 07:05 PM

    HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

    Was ist ein Beispiel für ein Start -Tag in HTML? Was ist ein Beispiel für ein Start -Tag in HTML? Apr 06, 2025 am 12:04 AM

    AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

    See all articles