Heim > Web-Frontend > H5-Tutorial > Hauptteil

Detaillierte Einführung in HTML5-Elemente und grundlegende Syntax

黄舟
Freigeben: 2017-03-18 16:08:42
Original
1728 Leute haben es durchsucht

Der folgende Editor bietet Ihnen eine detaillierte Erklärung der Html5-Elemente und der grundlegenden Syntax. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und werfen wir einen Blick darauf >

Element
Definition: HTML-Element bezieht sich auf den Code vom Start-Tag bis zum End-Tag (das Element beginnt mit dem Start-Tag und endet mit einem Lodging-Tag) Inhalt des
-Elements: Der Inhalt des Elements bezieht sich auf den Inhalt zwischen dem Start-Tag und dem End-Tag
Eigenschaften des

-Elements:

1. Die meisten HTML-Elemente können verschachtelt werden (Kann enthalten andere HTML-Elemente)
2, HTML-Dokument besteht aus verschachtelten HTML-Elementen
3, vergessen Sie nicht das schließende Tag, zukünftige HTML-Versionen erlauben es nicht, das schließende Tag wegzulassen
4 , Leeres HTML-Element
5. Ein HTML-Element ohne Inhalt wird als leerer Inhalt des Elements bezeichnet. Leere Elemente werden im Start-Tag geschlossen.
Hinweis:

Der Unterschied zwischen leeren Elementen und leerem Inhalt: Leere Elemente Start-Tag und End-Tag sind gleich, die Betonung liegt auf dem Tag. Leerer Inhalt bedeutet, dass der Inhalt innerhalb des Elements leer ist und der Fokus auf dem Inhalt liegt.



Grundstruktur von HTML

: Kein Tag, wird nur zur Deklaration verwendet, um dem Browser zu helfen, die Webseite korrekt anzuzeigen
< Das head>-Element ist ein Container für alle head-Elemente.
style>-Tags werden verwendet, um Metadaten für HTML-Dokumente bereitzustellen.
Definieren Sie den Titel des Dokuments.

Webseiten-Kursunterlagen

beschreibt die Webseite
HTML-Attribute



HTML-Tags können Attribute haben, die mehr Informationen über HTML-Elemente liefern. Multi-Information
Attribute erscheinen immer als Name/Wert-Paare
Attributwerte sollten immer in Klammern eingeschlossen werden, doppelte Anführungszeichen sind am häufigsten, aber Einfache Anführungszeichen sind auch in Ordnung




HTML-Kommentare

Sie kann Kommentare in den Code einfügen, um die Lesbarkeit des Codes zu verbessern. Kommentare werden nicht auf der Seite angezeigt und Browser ignorieren sie

Format: Detaillierte Einführung in HTML5-Elemente und grundlegende Syntax



XML/HTML Code复制内容到剪贴板
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#box1{   
    background-color:red;   
}   
.p1{background:yellow;}   
.p2{border:1px solid #000;}   
</style>
</head>
<body>
<!-- id只能是唯一的 -->
<p style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></p>
<!--class可以是多个的-->
<p  style="width:100px; height:100px;"  class="p1 p2" ></p>
<!--class可以是多个的-->
<a href="#" title="我是一个提示信息">我是一个链接</a>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in HTML5-Elemente und grundlegende Syntax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage