HTML-Grundtags
Das Verständnis grundlegender HTML-Tags ist wichtig beim Erlernen von HTML. Hier sind die HTML-Elemente, die häufiger verwendet werden als andere. Sie sind:
HTML-Dokumente
Alle HTML-Dokumente müssen mit einer Deklaration beginnen, die den Dokumenttyp angibt: <!DOCTYPE html>.
Das HTML-Dokument beginnt mit <html> und endet mit </html>.
Der Hauptteil des HTML-Dokuments befindet sich zwischen <body> und </body>.
Beispiel eines HTML-Dokuments:
Beispiel eines HTML-Dokuments:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>Here is the paragraph.</p>
</body>
</html>HTML-Überschriften
Die Überschriften-Elemente werden zur Strukturierung von Überschriften verwendet. Es gibt sechs Arten von HTML-Überschriften, beginnend mit <h1> bis <h6>.
Beispiel der HTML-Überschriften:
Beispiel einer Überschrift|HTML-Grundtags|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>Ergebnis
HTML-Absätze
Das Element <p> wird verwendet, um HTML-Absätze zu trennen.
Beispiel der HTML-Absätze:
Beispiel eines Absatzes|HTML-Grundtags|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Elements example</h2>
<p>This is some paragraph.</p>
<p>This is another paragraph <br /> with line break.</p>
</body>
</html>Ergebnis
HTML-Bilder
Die Attribute dieses Tags sind:
- die Quelldatei (src),
- der Alternativtext (alt),
- width,
- height.
Das Tag <img> wird zum Einfügen von HTML-Bildern verwendet.
Beispiel der HTML-Bilder:
Beispiel eines Bildes|HTML-Grundtags|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is an image example</h1>
<img src="https://de.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185">
</body>
</html>Ergebnis
HTML-Links
Das Tag <a> wird zum Einfügen von HTML-Links verwendet. Sie können das Ziel des Links mithilfe des href-Attributs angeben.
Beispiel der HTML-Links:
Beispiel eines Hyperlinks|HTML-Grundtags|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com/">W3docs.com</a>
</body>
</html>Ergebnis
HTML-Buttons
Sie können HTML-Buttons mit dem Tag <button> angeben.
Beispiel des HTML-<button>-Tags:
Beispiel des HTML<button>-Tags
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Example of the HTML <button> tag:</h1>
<p>You can specify the HTML buttons with the button tag:</p>
<button type="button">Button</button>
</body>
</html>HTML-Listen
HTML-Listen werden mit dem Tag <ul> angegeben, das für eine ungeordnete Liste verwendet wird, oder mit dem Tag <ol>, das zum Erstellen einer geordneten Liste verwendet wird, gefolgt von Tags <li>.
Beispiel der HTML-Listen:
Beispiel von HTML-Listen:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>An unordered list</h2>
<ul>
<li>Pen</li>
<li>Pencil</li>
<li>Ruler</li>
<li>Book</li>
</ul>
<h2>An ordered list</h2>
<ol>
<li>Pen</li>
<li>Pencil</li>
<li>Ruler</li>
<li>Book</li>
</ol>
</body>
</html>HTML-Horizontallinien
Das HTML <hr>-Tag teilt die Seite in verschiedene Teile auf und erzeugt einen thematischen Bruch. Dies ist ein leeres Tag.
Beispiel des HTML-<hr>-Tags:
Beispiel des HTML-<hr>-Tags:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Welcome to W3Docs</h1>
<hr />
<p>
Learn to design and build professional website<br />
Learn to design and build professional website
</p>
<p>Learn to design and build a professional website</p>
<hr />
<p>Learn to design and build professional website</p>
<p>Learn to design and build professional website</p>
<p>Learn to design and build professional website</p>
<hr />
</body>
</html>Practice
Which of the following is true about HTML based on the content at https://www.w3docs.com/learn-html/html-basic.html?