Heim > Web-Frontend > HTML-Tutorial > Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

php中世界最好的语言
Freigeben: 2018-01-20 10:14:02
Original
2246 Leute haben es durchsucht

这次给大家带来HTML的编辑基础(新手必看篇),下面就是实战案例,一起来看一下。

打开DREAMWEAVER,新建HTML。。

body的属性:

bgcolor                页面背景色

background            背景壁纸、图片

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

 

格式控制标签:

分别控制字体的颜色、字体和大小。

                字体加粗

     字体加粗

                   倾斜

             倾斜

                下划线

      居中



            相当于回车

                   表示空格,Ctrl+shift+space


内容容器标签:

            标题,会自动换行。HTML标题是                                           

    . . .                通过

等标签来定义的。

              段落标签(段落之间空行)

Layer-Tags (die Standardbelegung einer Zeile)

& lt; span & gt; 🎜>

& lt; ol type="1"> Die Seriennummern sind 1,2,3...., die Form der Seriennummer kann in Anführungszeichen geändert werden

  • Content
  • Content
  • Wenn das obige OL in ul geändert wird, wird es zu einem ungeordneten list

    ". ./" Stellt das übergeordnete Verzeichnis dar

    "./" Stellt das aktuelle Verzeichnis dar

    Relativer Pfad: Beginnen Sie mit der Suche auf der aktuellen Seite.

    Absoluter Pfad: Beginnen Sie mit der Suche im Stammverzeichnis der Website. „/“ steht für das Stammverzeichnis der Website.


    Hyperlink

    Tag:

    Hyperlink-Text ein neues Fenster

    Sie können das Inhaltsverzeichnis auch auf der aktuellen Seite finden und auf den Hyperlink im Inhaltsverzeichnis klicken, um automatisch zu einer bestimmten Stelle auf der Seite zu springen.

    Bild-Tag

    :
    text

    Stellen Sie Höhe und Breite ein, um die ursprünglichen Proportionen beizubehalten.

    Alt zeigt Text an, wenn das Bild nicht geladen werden kann, und kann auch Suchmaschinen bei der Suche helfen.

    Titel kann

    ein Bild hinzufügen

    Beschreibung, und die Beschreibung kann angezeigt werden, wenn die Maus auf dem Bild platziert wird.

    Tabelle:

    Tabelle

    width: Breite. Kann in Pixeln oder Prozentsätzen ausgedrückt werden. Üblicherweise werden 960 Pixel verwendet.

    Grenze: Grenze, der gemeinsame Wert ist 0.

    Zelle

    Auffüllung

    : Der Abstand zwischen dem Inhalt und dem Rand. Der übliche Wert ist 0.

    Zellenabstand: der Abstand zwischen Zellen, der übliche Wert ist 0.

    algin: Ausrichtung.

    bgcolor: Hintergrundfarbe.

    Hintergrund: Hintergrundbild.

    Row

    align: Die horizontale Ausrichtung einer Inhaltszeile.

    valign: Vertikale Ausrichtung einer Inhaltszeile.

    Höhe: Zeilenhöhe.

    bgcolor: Hintergrundfarbe.

    Hintergrund: Hintergrundbild.

    Zelle

    Kopfzeile, der Inhalt der Zelle wird automatisch zentriert und fett dargestellt

    align: Ausrichtung des Zellinhalts.

    valign: Die vertikale Ausrichtung des Zellinhalts.

    Breite: Zellenbreite.

    Höhe: Zellenhöhe.

    bgcolor: Hintergrundfarbe.

    Hintergrund: Hintergrundbild.

    Inhalte müssen in Zellen platziert werden, Zellen müssen in Zeilen platziert werden und Zeilen müssen in Tabellen platziert werden.

    Wenn Sie die Zellenzeilen- und Spaltenhöhe festlegen, wirkt sich dies auch auf die entsprechende Zeile oder Spalte aus.

    Zellenzusammenführung: (Es wird empfohlen, so viel Tabellenverschachtelung wie möglich zu verwenden)

    colspan="n" führt Zellen in derselben Zeile zusammen (Sie müssen beim Schreiben von Code die entsprechenden Spalten subtrahieren später)

    rowspan="n" Zellen in derselben Spalte zusammenführen (die entsprechende Spalte von der zweiten Zeile subtrahieren)

    Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben. Für mehr Spannendes Informationen, bitte achten Sie auf PHP Chinese Net

    andere

    verwandte Artikel!

    Verwandte Lektüre:

    So verwenden Sie den SSE-Server von h5 zum Senden von EventSource-Ereignissen


    So implementieren Sie die Funktion zum Speichern von Passwörtern in h5


    So implementieren Sie die HTML-Tabellen-Maus-Drag-Sortierung

    Das obige ist der detaillierte Inhalt vonGrundlagen der HTML-Bearbeitung (ein Muss für Anfänger). 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