Inhaltsverzeichnis
PHP中文网
Google Chrome
Internet Explorer
Mozilla Firefox
Heim Web-Frontend H5-Tutorial Wie zentriere ich das HTML5-Haupt-Tag? Ein Beispiel für die Zentrierung des Haupt-Tags

Wie zentriere ich das HTML5-Haupt-Tag? Ein Beispiel für die Zentrierung des Haupt-Tags

Aug 31, 2018 pm 02:02 PM
align html main

In diesem Artikel wird hauptsächlich die Zentrierung des HTML5-Haupttags vorgestellt. Es gibt vollständige Anwendungsbeispiele für den Haupttag. Schauen wir uns nun diese Einführung zum HTML5-Haupttag an.

Schauen wir uns an, wie man das HTML5-Haupt-Tag zentriert:

Der Inhalt des

-Elements sollte für das Dokument eindeutig sein. Es sollte keine Inhalte enthalten, die im gesamten Dokument wiederholt vorkommen, z. B. Seitenleisten, Navigationsleisten, Copyright-Informationen, Website-Logos oder Suchformulare.

Hinweis: In einem Dokument kann nicht mehr als ein

-Element vorkommen. Das
-Element darf kein Nachkomme von
,

Nachdem wir so viele Definitionen gesagt haben, werfen wir einen Blick auf das vollständige Codebeispiel für die Zentrierung des Haupt-Tags:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<main align="center">
  <h1 id="PHP中文网">PHP中文网</h1>
  <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
  <article>
    <h1 id="Google-nbsp-Chrome">Google Chrome</h1>
    <p>Google Chrome是由Google开发的一款免费的开源web浏览器,于2008年发布。</p>
  </article>
  <article>
    <h1 id="Internet-nbsp-Explorer">Internet Explorer</h1>
    <p>Internet Explorer由微软开发的一款免费的web浏览器,发布于1995年。</p>
  </article>
  <article>
    <h1 id="Mozilla-nbsp-Firefox">Mozilla Firefox</h1>
    <p>Firefox是一款来自Mozilla的免费开源web浏览器,发布于2004年。</p>
  </article>
</main>
</body>
</html>
Nach dem Login kopieren

Ich habe dem Haupt-Tag ein align-Attribut hinzugefügt. Das heißt: Richten Sie das gesamte Dokument in der Mitte aus und sehen Sie sich den im Browser angezeigten Effekt an:

Wie zentriere ich das HTML5-Haupt-Tag? Ein Beispiel für die Zentrierung des Haupt-Tags

Sie können es deutlich sehen, da die Größe des Artikels nicht zu groß sein darf Die Webseite kann nur verkleinert werden, der Text in der Mitte dieser Bilder ist aber noch deutlich zu erkennen.

Okay, dieser Artikel endet hier (wenn Sie mehr erfahren möchten, besuchen Sie die chinesische PHP-Website, durchsuchen Sie die chinesische PHP-Website auf Baidu, dort finden Sie die gewünschten Programmierkurse und Materialien), falls Sie welche haben Fragen Sie können unten Fragen stellen

[Empfehlung des Herausgebers]

Wie entferne ich die Beschriftung vom OL-Tag in HTML? Zusammenfassung zur Verwendung von


    Wie entferne ich den Punkt aus dem ul-Tag in HTML? Stilinstanzanalyse einer ungeordneten HTML-Liste

    Das obige ist der detaillierte Inhalt vonWie zentriere ich das HTML5-Haupt-Tag? Ein Beispiel für die Zentrierung des Haupt-Tags. 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ßer Artikel

    <🎜>: Bubble Gum Simulator Infinity - So erhalten und verwenden Sie Royal Keys
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
    Nordhold: Fusionssystem, erklärt
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
    Mandragora: Flüstern des Hexenbaum
    4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

    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)

    Heiße Themen

    Java-Tutorial
    1677
    14
    PHP-Tutorial
    1280
    29
    C#-Tutorial
    1257
    24
    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.

    Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

    Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

    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

    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