Heim Web-Frontend HTML-Tutorial Empfehlungen zur HTML-Titelzusammenfassung

Empfehlungen zur HTML-Titelzusammenfassung

Jan 22, 2018 am 10:44 AM
html 推荐 标题

Dieses Mal werde ich Ihnen eine Zusammenfassung und Empfehlung von HTML-Titeln geben. Was sind die Vorsichtsmaßnahmen für HTML-Titel?

HTML: Titel

Überschrift wird durch Tags wie

definiert.

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Nach dem Login kopieren

Tipp: Der Browser fügt automatisch Leerzeilen vor und nach dem Titel ein. h1 dient als Hauptüberschrift (das Wichtigste), gefolgt von h2 (das nächstwichtigste), dann h3 und so weiter. Tipp: Standardmäßig fügt HTML vor und nach Elementen auf Blockebene, wie etwa Absätzen und Überschriftenelementen, automatisch eine zusätzliche Leerzeile ein.

-

Das align-Attribut ist in HTML4/5 veraltet. Bitte verwenden Sie stattdessen CSS. Der Titel unterstützt Ereignisattribute und globale Attribute

Titelausrichtung festlegen:

CSS-Syntax:

text-align:right ">

Methode 1:

<!DOCTYPE html>  
<html>  
<body>  
<h1 style="text-align:center">This is heading 1</h1>  
<h2 style="text-align:left">This is heading 2</h2>  
<h3 style="text-align:right">This is heading 3</h3>  
<h4 style="text-align:justify">This is heading 4</h4>  
</body>  
</html>
Nach dem Login kopieren

Methode 2:

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h1 {text-align:center}   
h2 {text-align:left}   
h3 {text-align:right}   
</style>  
</head>  
  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
</body>  
</html>
Nach dem Login kopieren

HTML: Horizontale Linie


Tag in Erstellen Sie horizontale Linien in HTML-Seiten. Das

hr-Element kann zum Trennen von Inhalten verwendet werden.

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
Nach dem Login kopieren

Dies ist ein Absatz

Tipp: Die Verwendung horizontaler Linien (
-Tags) zum Trennen von Abschnitten in einem Artikel ist eine Möglichkeit (aber nicht die einzige). HTML5 unterstützt das Attribut
nicht. Bitte verwenden Sie stattdessen CSS.

In HTML 4.01 ist das align-Attribut von


veraltet. Das

align-Attribut gibt die Ausrichtung horizontaler Linien an.

Hinweis: Das align-Attribut hat keine Auswirkung, es sei denn, das width-Attribut ist auf weniger als 100 % eingestellt.

CSS-Syntax (IE und Opera):


CSS-Syntax (Firefox, Chrome und Safari):


margin-right:0">

CSS-Syntax (browserübergreifend):


Attributwert Beschreibung CSS-Syntaxformat

linksbündig
zentriert
rechts HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt die Ausrichtung von


-Elementen an.

noshade noshade HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt an, dass die Farbe des


-Elements als Volltonfarbe gerendert wird.

Größe Pixel HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt die Höhe des


-Elements an.

Breite Pixel
% HTML5 wird nicht unterstützt. HTML 4.01 ist veraltet. Gibt die Breite des


-Elements an.

<!DOCTYPE html>  
<html>  
<body>  
<p>This is some text. This is some text. This is some text.</p>  
<hr style="width:50%;text-align:left;margin-left:0">  
<p>This is some text. This is some text. This is some text.</p>  
</body>  
</html>
Nach dem Login kopieren

HTML: Kommentare

können Kommentare in HTML-Code einfügen, was dessen Lesbarkeit verbessern und den Code leichter verständlich machen kann. Der Browser ignoriert Kommentare und zeigt sie nicht an.

Der Kommentar wird folgendermaßen geschrieben:

Kommentar: Die letzten beiden Schrägstriche (/ /) sind das JavaScript Kommentarsymbol. Dadurch wird sichergestellt, dass JavaScript das Tag --> nicht ausführt.

Zusätzlich zu ihrer offensichtlichen Rolle in Quelldokumenten verwenden viele Webserver Anmerkungen auch, um Funktionen zu implementieren, die für Dokumentserversoftware einzigartig sind. Diese Server können Dokumente nach bestimmten Zeichenfolgen in herkömmlichen HTML-/XHTML-Kommentaren durchsuchen und dann basierend auf den in den Kommentaren eingebetteten Befehlen entsprechende Maßnahmen ergreifen. Diese Aktionen können so einfach sein wie das Einfügen von Text aus anderen Dateien (sog. Server-Inside-Include) oder so komplex wie das Ausführen anderer Befehle, um den Inhalt des Dokuments dynamisch zu generieren.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Detaillierte Beispiele für die HTML-Textformatierung

Was sind die Listen-Tags in HTML?

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

Das obige ist der detaillierte Inhalt vonEmpfehlungen zur HTML-Titelzusammenfassung. 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