JavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML

黄舟
Freigeben: 2017-07-24 13:49:06
Original
1185 Leute haben es durchsucht

JavaWeb01_html Basic

HTML-Operationsideen

  • Verwenden Sie Tags, um die zu bedienenden Daten zu packen, und ändern Sie die Attributwerte der zu realisierenden Tags den Datenstil in den Tags ändern

Font-Tag

  • Attribut: Größenwertbereich 1-7 Farbe: Englisches Wort, Hexadezimalzahl #ffffff

Titel-Tag<h1> </h1> ... <h6> </h6>

  • Immer kleiner werden von h1 bis h6, automatischer Zeilenumbruch

Notizen

  • <!-- html的注释 -->

Tags auflisten

  • <dl> <dt></dt> <dd></dd> </dl>

  • Bestellt

  • Ungeordnet

Bild-Tags

  • <img src="图片的路径" width="" height="" alt="" />

  • alt: Browserkompatibilität ist schlecht

Pfad (relativer Pfad)

  • Im Verzeichnis der gleichen Ebene: Schreiben Sie

  • direkt in das Verzeichnis der nächsten Ebene: images/1.jpg

  • in der oberen Ebene Verzeichnis: ../

Hyperlink-Tag

<a href="路径">显示在页面上的内容</a>

  • Öffnen mit target=“_self _blank“

  • Standardmäßig wird auf der aktuellen Seite geöffnet

Tabellen-Tag

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>
Nach dem Login kopieren

Fünf HTML-Spezifikationen

  • Eine HTML-Datei beginnt mit Tags und endet mit <html> und </html>

  • HTML enthält zwei Teile des Inhalts

    • <head>Zugehörige Informationen festlegen</head>

    • <body>Der auf der Seite angezeigte Inhalt wird in den Hauptteil geschrieben </body>

  • HTML-Tags sind paarweise

  • HTML-Code unterscheidet nicht zwischen Groß- und Kleinschreibung

  • Einige Tags enden innerhalb von Etikett. Beispiel: Zeilenumbruch: <br /> Trennlinie: <hr />

Formular-Tag

  • Dieser Vorgang kann Daten an den Server senden kann Formular-Tags verwenden. Die Implementierung von

  • <form> und </form>

    • Get Request Address Bar trägt die übermittelten Daten und Post wird nicht übertragen

    • Die Sicherheitsstufe der Get-Anfrage ist niedriger und die Sicherheitsstufe der Post ist höher

    • Es gibt eine Begrenzung die Datengröße der Get-Anfrage, und es gibt keine Begrenzung für Post

    • Es gibt zwei häufig verwendete Get- und Post-Anfragen. Die Standard-Get-Anfrage ist Get-Anfrage

    • Aktion: An die Adresse senden und standardmäßig an die aktuelle Seite senden

    • Methode: Formularübermittlungsmethode

    • enctype: Dieses Attribut ist für allgemeine Anfragen nicht erforderlich. Sie müssen dieses Attribut beim Hochladen von Dateien festlegen

    • Interviewfrage: Der Unterschied zwischen Get und Post

  • Eingabeelemente: Sie können Inhalte eingeben und den Inhaltsteil auswählen

    • Normale Eingabeelemente: <input type="text"/>

    • Passwort-Eingabeelemente: <input type="password"/>

    • Radio-Eingabeelemente: <input type="radio"/>
      -> ; Der Attributname ist innerhalb von
      -> erforderlich Der Name muss derselbe sein
      -> Es muss ein Wert vorhanden sein

    • Eingabeelement prüfen: <input type="checkbox"/>
      -> Der Attributname ist in
      erforderlich -> Die Attributwerte von name müssen gleich sein
      -> Es muss ein Wert

    • Dateieingabeelement vorhanden sein (wird später beim Hochladen verwendet)
      -> <input type="file"/>

    • Dropdown-Eingabeelement (nicht im Eingabe-Tag)

      <select name="birth">
          <option value="0">请选择</option>
          <option value="1991">1991</option>
          <option value="1991">1992</option>
          <option value="1991">1993</option>
          <option value="1991">1994</option>
      </select>
      Nach dem Login kopieren
    • Textfeld

    • <textarea cols="10" rows=""></textarea>
      Nach dem Login kopieren
    • Versteckte Elemente (werden nicht auf der Seite angezeigt, sind aber im HTML-Code im Inneren vorhanden)

    • <input type="hidden"/>
      Nach dem Login kopieren
    • Senden-Schaltfläche

    • <input type="submit"/>
      <input type="submit" value="注册"/>
      Nach dem Login kopieren
    • Bildübermittlung verwenden

    • <input type="image" src="a.jpg"/>
      Nach dem Login kopieren
    • Die meisten Eingabeelemente verwenden <input type="输入项的类型"/>

Verwendung anderer gängiger Tags in html

  • b – Fett

  • s – Durchgestrichen

  • u – unterstrichen

  • i – kursiv

  • pre – unverändert ausgeben

  • sub und sup – tiefgestellt und hochgestellt

  • div

  • span automatisch umbrechen – das

HTML-Header-Tag in einem anzeigen Zeile Verwenden Sie

  • html, um Kopf und Körper zu bilden

    • Sie können das Link-Tag verwenden, um CSS-Dateien einzuführen

    • Sie können die Öffnungsmethode von Hyperlinks einheitlich festlegen<base target="_blank" /> – Stellen Sie den Volltext-Hyperlink so ein, dass er in einem neuen Fenster geöffnet wird

    • <meta name="keywords" content="学习,熊出没"> – Vorherige Suchmaschine-Abrufmethode

    • <meta http-equiv="refresh" content="3; url="/> – Drei-Sekunden-Sprung

    • Das Tag im Kopf ist das Header-Tag

    • Titel-Tag: Zeigt den auf dem Etikett angezeigten Inhalt an

    • Legt einige verwandte Inhalte der Seite fest

    • Basis-Tag: Legt die Super-Grundeinstellungen von Links fest

    • Link-Tag: Einführung externer Dateien

Verwenden von Frame-Tags

Verwenden von Frame-Tags Wenn es nicht in den Textkörper geschrieben werden kann, muss der Textkörper

  • <frameset>Tags

    • Zeilen:durch Zeilen teilen

      <frameset rows="80, *">

    • Spalten:durch Spalten teilen

      <frameset cols="80, *">

  • Label<frame>

    • <frame name="lower_left" src="b.html">

    • Spezifische angezeigte Seite

Das obige ist der detaillierte Inhalt vonJavaWebs ausführliche Einführung in das grundlegende Erlernen von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage