So geben Sie Platz zwischen zwei Links in HTML & CSS?

In HTML sind Links Hyperlinks, die Sie zu anderen Websites führen können. Links verbinden normalerweise Webressourcen wie Bilder, Videos, PDF -Dateien oder Webseiten. HTML verwendet das “”Tag zum Erstellen von Links, indem Sie die URL angeben und Text verknüpfen. Wenn Sie standardmäßig zwei Links in die HTML hinzufügen, werden sie ohne Platz nebeneinander platziert.

In diesem Handbuch werden Ihnen das Verfahren beigebracht, um Platz zwischen zwei Links zu schaffen.

Lass uns anfangen!

So geben Sie Platz zwischen zwei Links in HTML & CSS?

Um Platz zwischen zwei Links zu geben, fügen Sie zunächst die erforderlichen Links in die HTML -Datei hinzu.

Schritt 1: Fügen Sie Links in HTML hinzu

In HTML erstellen wir einen Container mit dem Tag und zwei Links mit Hilfe des Tags mithilfe des Tags. Hier wird eine Hyperlink -Referenz verwendet, um die Adresse der Website anzugeben und den erforderlichen Hyperlink zu liefern. Geben Sie zusätzlich zur Adresse den Namen des Links an, da der Link nicht auf der Website angezeigt wird. Es wird nur den Namen oder die Beschriftung angezeigt, die wir zuweisen.

Html

So erstellen Sie eine HTML -Datei?
So bearbeiten Sie eine HTML -Datei?

Das folgende Bild zeigt, dass die Links erfolgreich hinzugefügt wurden:

Schritt 2: Style the Div & Link

In diesem Schritt stylen Sie die Div und den Link mit “div”In CSS. Wir werden die Polsterung an "anpassen"40px"Und setzen Sie die Schriftgröße der Links als"größer", Die Höhe des DIV wird als" festgelegt "150px"Verwenden Sie die Hintergrundeigenschaft und setzen Sie die Farbe der Div als" als "Schwarz”. Passen Sie danach die Randbreite als “an" an "an"5px", Stil als"gestrichelt"Und Farbe als"RGB (251, 255, 0)”.

CSS

div
Polsterung: 40px;
Schriftgröße: größer;
Höhe: 150px;
Hintergrund: Schwarz;
Grenze: 5PX gestrichelt RGB (251, 255, 0);

Unter Verwendung des obigen Codes wird die folgende Ausgabe erhalten. Wie Sie sehen können, werden sowohl die DIV als auch die Links gestaltet:

Schritt 3: Geben Sie horizontal zwischen zwei Links Platz

Wir können den Platz zwischen zwei Links horizontal durch HTML und CSS geben. Hier erklären wir beide Methoden nacheinander.

Methode 1: Verwenden von HTML

Um Platz zwischen den Links zu geben, ohne externe CSS zu schreiben, können Sie verwenden “”In der HTML, wo Sie Platz schaffen möchten. “”Steht für nicht bahnbrechenden Raum. In der HTML -Datei bedeutet Hinzufügen eines einen Speicherplatz. Wenn Sie mehr Platz geben möchten, ist es nicht vorzuziehen, manuell entsprechend der erforderlichen Anzahl von Räumen manuell hinzuzufügen.

Wechseln wir zum Beispiel, um das angegebene Konzept zu verstehen!

Beispiel

Hier werden wir viermal schreiben “”Um Platz nach dem ersten Link so zu schaffen, dass der zweite Link nach den vier Räumen angezeigt wird.

Html

So erstellen Sie eine HTML -Datei?
So bearbeiten Sie eine HTML -Datei?

Wie Sie sehen können, wird Platz auf der rechten Seite des ersten Links erstellt:

Methode 2: Verwenden von CSS

In CSS werden wir das verwenden “Randrecht”Eigenschaft, um Platz zwischen zwei Links zu geben. Der "RandrechtDie Eigenschaft wird verwendet, um Platz von der rechten Seite des Elements hinzuzufügen. Sie können auch die negativen Werte dafür festlegen.

Syntax

Die Syntax der Rand-Rechts-Eigenschaft ist unten angegeben:

Rand-Rechts: Wert

Anstelle von "Wert”, Stellen Sie den Rand von der rechten Seite des Elements ein. Lassen Sie uns das Beispiel fortsetzen.

Beispiel

Hier werden wir verwenden “A”Zu dem Link zugreifen, den wir in der HTML erstellt haben. Setzen Sie als nächstes den Wert der Marge-Right-Eigenschaft als “50px”:

A
Rand-Rechts: 50px;

Der Platz wird von der rechten Seite des ersten Links erstellt, der unten zu sehen ist:

Schritt 4: Geben Sie den Platz zwischen zwei Links vertikal an

Um den vertikalen Raum zwischen zwei Links zu geben, richten Sie zunächst Links in vertikaler Form an. Dies erfolgt durch die Verwendung der “Block"Wert der"AnzeigeEigenschaft und dann die “ZeilenhöheEigenschaft, um Platz zwischen zwei Linklinien zu geben.

Beispiel:

Hier setzen wir den Wert der Anzeigeeigenschaft als "BlockUm Links vertikal auszurichten. Geben Sie dann den Speicherplatz zwischen zwei Links an, indem Sie den Wert der Linienhöhe als “festlegen80px”:

A
Bildschirmsperre;
Zeilenhöhe: 80px;

Wie Sie sehen können, wird der Speicherplatz mithilfe der Leitungseigenschaft erstellt:

Das ist es! Wir haben die Methode erklärt, Platz zwischen zwei Links in HTML & CSS zu geben.

Abschluss

Der "","Randrecht", Und "ZeilenhöheDie Eigenschaften von CSS werden verwendet, um horizontalen und vertikalen Raum zwischen zwei Links zu geben. Mit dieser Weise können Sie den Speicherplatz von der rechten und linken Seite der Links anpassen. In diesem Artikel haben wir das Verfahren erläutert, um Platz zwischen zwei Links mit zwei verschiedenen Methoden zu geben und zu verwandte Beispiele bereitzustellen.