suchen
HeimWeb-FrontendHTML-TutorialGrundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

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

    Stellungnahme
    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
    Was sind selbstklingende Tags? Geben Sie ein Beispiel an.Was sind selbstklingende Tags? Geben Sie ein Beispiel an.Apr 27, 2025 am 12:04 AM

    SelfclosingTagsinhtmlandxmlaretagSthatclosethemselveswithoutneedingaseparateclosingTag, vereinfachte markupstructureAndenhancingCodingffizienz) Sie sindareessentialinxMlForelementsWhoutcontent, sichergestellt wurden

    Jenseits von HTML: Wesentliche Technologien für die WebentwicklungJenseits von HTML: Wesentliche Technologien für die WebentwicklungApr 26, 2025 am 12:04 AM

    Um eine Website mit leistungsstarken Funktionen und guten Benutzererfahrungen zu erstellen, reicht HTML allein nicht aus. Die folgende Technologie ist auch erforderlich: JavaScript verleiht Webseiten dynamisch und interaktiv, und Echtzeitänderungen werden durch den Betrieb von DOM erreicht. CSS ist für den Stil und das Layout der Webseite verantwortlich, um die Ästhetik und die Benutzererfahrung zu verbessern. Moderne Frameworks und Bibliotheken wie React, Vue.js und Angular verbessern die Entwicklungseffizienz und die Struktur der Codeorganisation.

    Was sind Boolesche Attribute in HTML? Geben Sie einige Beispiele an.Was sind Boolesche Attribute in HTML? Geben Sie einige Beispiele an.Apr 25, 2025 am 12:01 AM

    Boolesche Attribute sind spezielle Attribute in HTML, die ohne Wert aktiviert werden. 1. Das boolesche Attribut steuert das Verhalten des Elements dadurch, ob es existiert oder nicht, z. B. deaktiviert das Eingabefeld. 2. Das Arbeitsprinzip besteht darin, das Elementverhalten gemäß der Existenz von Attributen zu ändern, wenn sich der Browser analysiert. 3. Die grundlegende Verwendung besteht darin, Attribute direkt hinzuzufügen, und die erweiterte Verwendung kann über JavaScript dynamisch gesteuert werden. 4. Häufige Fehler denken fälschlicherweise, dass Werte festgelegt werden müssen, und die richtige Schreibmethode sollte präzise sein. 5. Die beste Praxis ist es, den Code präzise zu halten und boolesche Eigenschaften vernünftig zu verwenden, um die Leistung und Benutzererfahrung von Webseiten zu optimieren.

    Wie können Sie Ihren HTML -Code validieren?Wie können Sie Ihren HTML -Code validieren?Apr 24, 2025 am 12:04 AM

    HTML -Code kann mit Online -Validatoren, integrierten Tools und automatisierten Prozessen sauberer sein. 1) Verwenden Sie W3CmarkupValidationService, um den HTML -Code online zu überprüfen. 2) Installieren und konfigurieren Sie die HTMLHINT-Erweiterung in VisualStudioCode zur Echtzeitüberprüfung. 3) Verwenden Sie HTMLTIDY, um HTML -Dateien im Bauprozess automatisch zu überprüfen und zu reinigen.

    HTML vs. CSS und JavaScript: Vergleich von WebtechnologienHTML vs. CSS und JavaScript: Vergleich von WebtechnologienApr 23, 2025 am 12:05 AM

    HTML, CSS und JavaScript sind die Kerntechnologien zum Erstellen moderner Webseiten: 1. HTML Definiert die Webseitenstruktur, 2. CSS ist für das Erscheinen der Webseite verantwortlich.

    HTML als Markup -Sprache: seine Funktion und ihren ZweckHTML als Markup -Sprache: seine Funktion und ihren ZweckApr 22, 2025 am 12:02 AM

    Die Funktion von HTML besteht darin, die Struktur und den Inhalt einer Webseite zu definieren, und der Zweck besteht darin, eine standardisierte Möglichkeit zur Anzeige von Informationen bereitzustellen. 1) HTML organisiert verschiedene Teile der Webseite über Tags und Attribute wie Titel und Absätze. 2) Es unterstützt die Trennung von Inhalten und Leistung und verbessert die Wartungseffizienz. 3) HTML ist erweiterbar, sodass benutzerdefinierte Tags SEO verbessern können.

    Die Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsDie Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsApr 19, 2025 am 12:02 AM

    Die zukünftigen Trends von HTML sind Semantik und Webkomponenten, die zukünftigen Trends von CSS sind CSS-in-JS und CssShudini, und die zukünftigen Trends von JavaScript sind WebAssembly und serverlos. 1. HTML -Semantik verbessern die Zugänglichkeits- und SEO -Effekte sowie Webkomponenten die Entwicklungseffizienz, aber der Browserkompatibilität sollte die Aufmerksamkeit geschenkt werden. 2. CSS-in-JS verbessert die Flexibilität des Stilmanagements, kann jedoch die Dateigröße erhöhen. CssShudini ermöglicht den direkten Betrieb des CSS -Renderings. 3.Webassembly optimiert die Browser -Anwendungsleistung, verfügt jedoch über eine steile Lernkurve, und serverloses vereinfacht die Entwicklung, erfordert jedoch eine Optimierung von Kaltstartproblemen.

    HTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenHTML: Die Struktur, CSS: Der Stil, JavaScript: Das VerhaltenApr 18, 2025 am 12:09 AM

    Die Rollen von HTML, CSS und JavaScript in der Webentwicklung sind: 1. HTML definiert die Webseitenstruktur, 2. CSS steuert den Webseitenstil, und 3. JavaScript fügt ein dynamisches Verhalten hinzu. Zusammen bauen sie den Rahmen, die Ästhetik und die Interaktivität moderner Websites auf.

    See all articles

    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

    Herunterladen der Mac-Version des Atom-Editors

    Herunterladen der Mac-Version des Atom-Editors

    Der beliebteste Open-Source-Editor

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    EditPlus chinesische Crack-Version

    EditPlus chinesische Crack-Version

    Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

    Dreamweaver Mac

    Dreamweaver Mac

    Visuelle Webentwicklungstools

    SublimeText3 Englische Version

    SublimeText3 Englische Version

    Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!