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)

Jan 20, 2018 am 10:14 AM
html 新手 编辑

这次给大家带来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!

  • 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

    Video Face Swap

    Video Face Swap

    Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

    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)

    Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

    Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

    Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

    Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

    HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

    Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

    HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

    Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

    HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

    Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

    HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

    Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

    Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

    Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

    HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

    Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

    See all articles