Tag in HTML einbetten-HTML-Tutorial-php.cn

Inhaltsverzeichnis

Wie funktioniert das Einbetten von Tags in HTML?

Beispiele für das Einbetten von Tags in HTML

Beispiel #1 – mit Bild einbetten

Beispiel #2 – Einbetten mit anderen HTML-Ressourcen

Beispiel #3 – Mit der Videodatei einbetten

Fazit

Heim

Web-Frontend

HTML-Tutorial

Tag in HTML einbetten

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 04, 2024 pm 04:32 PM

html html5 HTML Tutorial HTML Properties HTML tags

Der Zweck des Embed-Tags in HTML besteht darin, externe Ressourcen oder Anwendungen anzuzeigen. Dies wird hauptsächlich bei Multimedia-Inhalten wie der Anzeige von Videodateien oder Audiodateien in unserer HTML-Anwendung verwendet. Dieses Tag wird auch zum Importieren von Plug-Ins wie Flash-Animatoren verwendet. Dieses Tag wird in der HTML 5-Version eingeführt. Es hat End-Tags wie

, , , usw.

Echtzeitbeispiel: Wir haben gesehen, dass so viele Websites Mediendateien in diesen Websites enthalten. Ein normales Tag wird zur Anzeige von Mediendateien nicht unterstützt. Deshalb haben wir für alle Arten von Mediendateien in HTML ein Einbettungs-Tag verwendet.

Hinweis: Dieses Tag wird auch zum Einbinden von Bildern und externen HTML-Dateien verwendet.

Wie funktioniert das Einbetten von Tags in HTML?

HTML-Einbettungsarbeit basierend auf 4 Attributen. Diese Attribute geben an, was die Einbettung tun soll.

Syntax:

<embed Required attributes>

Nach dem Login kopieren

Erforderliche Attribute: Das Tag erlaubt Attribute in jedem HTML-Dokument.

1. Höhe: Diese Attribute werden verwendet, um die Höhe des eingebetteten Inhaltselements anzugeben. Dieser Wert wird in Pixel angegeben.

Syntax:

<embed height="value in pixels">

Nach dem Login kopieren

2. width: Diese Attribute werden verwendet, um die Breite des eingebetteten Inhaltselements anzugeben. Dieser Wert wird in Pixel angegeben.

Syntax:

<embed width="value in pixels">

Nach dem Login kopieren

3. src: Wird zur Übertragung der Web-URL verwendet, d. h. zur Angabe der Webadresse des eingebetteten Inhalts.

Syntax:

<embed src="web URL">

Nach dem Login kopieren

4. Typ: Dieses Attribut wird verwendet, um den Medientyp wie Video oder Audio anzugeben.

Syntax:

<embed type="type of media">

Nach dem Login kopieren

Beispiele für das Einbetten von Tags in HTML

Hier sind die folgenden Beispiele:

Beispiel #1 – mit Bild einbetten

Code:

<!DOCTYPE html>
<html>
<title>embed attribute</title>
<head>
<!-- CSS Code -->
<style>
p {
color: red;
border: 2px solid green;
font-size: 22px;
}
h1 {
color: orange;
text-align: center;
}
</style>
</head>
<body>
<h1>The embed tag introduction</h1>
<p>
The
<embed>
tag in HTML purpose is for displaying external resources or
applications. This is used mostly in multimedia content like showing
video files or audio files into out HTML application. This embed tag
is also used for importing plug-ins like flash animators. This embed
tag is introduced in HTML 5 version. It does have ending tag as like p
tag, <html>, <body>, <a> etc.
</p>
<p>Real Time Example: We have seen so many website contains media
files within that websites. Normal tag are not supported to display
media files. So we have used embed tag for all types of media files in
HTML.</p>
<h1>The embed tag Example</h1>
<embed src="d6.jpg" width="400" height="400">
</body>
</html>

Nach dem Login kopieren

Ausgabe:

Beispiel #2 – Einbetten mit anderen HTML-Ressourcen

HTML-Code: EmbedResource.html

<!DOCTYPE html>
<html>
<title>embed attribute</title>
<body>
<!-- Embed content from other html file -->
<embed src="Resource.html" width="1000" height="200">
</body>
</html>

Nach dem Login kopieren

HTML-Code: Resource.html

<!DOCTYPE html>
<html>
<title>embed attribute</title>
<head>
<!-- CSS Code -->
<style>
p {
color: brown;
border: 2px ridge navy;
font-size: 22px;
}
h1 {
color: blue;
text-align: center;
}
</style>
</head>
<body>
<h1>The embed tag introduction</h1>
<p>
The
<embed>
tag in HTML purpose is for displaying external resources or
applications. This is used mostly in multimedia content like showing
video files or audio files into out HTML application. This embed tag
is also used for importing plug-ins like flash animators. This embed
tag is introduced in HTML 5 version. It does have ending tag as like p
tag, <html>, <body>, <a> etc.
</p>
<p>Real Time Example: We have seen so many website contains media
files within that websites. Normal tag are not supported to display
media files. So we have used embed tag for all types of media files in
HTML.</p>
</body>
</html>

Nach dem Login kopieren

Ausgabe:

Beispiel #3 – Mit der Videodatei einbetten

Code:

<!DOCTYPE html>
<html>
<title>embed attribute</title>
<head>
<!-- CSS Code -->
<style>
p {
color: brown;
border: 2px ridge navy;
font-size: 22px;
}
h1 {
color: blue;
text-align: center;
}
</style>
</head>
<body>
<h1>The embed tag introduction</h1>
<p>
The
<embed>
tag in HTML purpose is for displaying external resources or
applications. This is used mostly in multimedia content like showing
video files or audio files into out HTML application. This embed tag
is also used for importing plug-ins like flash animators. This embed
tag is introduced in HTML 5 version. It does have ending tag as like p
tag, <html>, <body>, <a> etc.
</p>
<p>Real Time Example: We have seen so many website contains media
files within that websites. Normal tag are not supported to display
media files. So we have used embed tag for all types of media files in
HTML.</p>
<!-- Embed content from other video file -->
<embed src="nationalgeography.mp4" width="400" height="300">
</body>
</html>

Nach dem Login kopieren

Ausgabe:

Fazit

In HTML einbetten wird zum Einbinden von Video- und Audiodateien in unsere HTML-Anwendung verwendet. Die Größe dieser externen Einbettungsressource kann gemäß unseren Anforderungen mithilfe von Höhen- und Breitenattributen geändert werden.

Das obige ist der detaillierte Inhalt vonTag in HTML einbetten. 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

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

1 Monate vor By DDD

Wie kann ich KB5055523 in Windows 11 nicht installieren?

3 Wochen vor By DDD

Wie kann ich KB5055518 in Windows 10 nicht installieren?

3 Wochen vor By DDD

Kraftstufen für jeden Feind & Monster in R.E.P.O.

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Blauer Prinz: Wie man zum Keller kommt

3 Wochen vor By DDD

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial

1653

CakePHP-Tutorial

1413

Laravel-Tutorial

1304

PHP-Tutorial

1251

C#-Tutorial

1224

Related knowledge

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 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 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 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 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 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 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.

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.

See all articles