HTML: Was bedeutet <!—<div class=„test“>—>?

Bild zum Beitrag

Hallo Leute,

leider verstehe ich nicht, was dieses

<!—<div class=„test“>—>

genau soll und bedeutet und wieso die anderen Sachen, z.B. die Links dadrin stehen und nicht einfach normal da stehen. Sie werden ja auch mit

<!—</div>—>

beendet. :(

Ich verstehe das nicht. Das ist komplett neu für mich. Ich hoffe, mir kann jemand helfen.

5 Antworten

osworx

20.10.2019, 10:33

Wie schon ein Vorredner geschrieben hat: "diese Seite ist KEIN Nachhilfeportal .."

Daher ist es dringend anzuraten, sich einmal die grundlegenden Kenntnisse in HTML, CSS und dann weiter php, MySQL, Javascript anzueigenen. Wer es dann noch besser wissen will (und können sollte), empfehle ich dann noch Kenntnisse zu und über Frameworks (CSS, Javascript, usw.) zu erlernen.

Um zur Frage zurück zu kommen: Volksschule, 4. Klasse, 1. Stunde Softwareprogrammierung.

So sieht das Beispiel aus.

Und um das

<!-- hier ein code -->

zu beantworten, solche auskommentierten Codefragmente sieht man leider relativ oft in schlampig programmierten Webanwendungen!

Diese Tags haben nämlich nur einen einzigen Zweck: den darin enthaltenen Code (HTML) nicht anzuzeigen.

Das kann 3 Gründen haben:

Dummheit und schlampig: der Programmierer hat vergessen diesen Teil vor Veröffentlichung zu entfernen (sieht man sich den Quellcode an, ist er sehr wohl sichtbar!)
Absichtlich: manche Programme verwenden solche eingeschlossenen Codeteile für weitere Aktionen
Der HTML-Code ist aus einer Vorlage und der Programmierer derselben möchte dem nachfolgenden Author Hilfen geben was wo wie hingehört (wie in dem vorliegenden Beispiel) > daher den Anweisungen folgen

Woher ich das weiß:Berufserfahrung

medmonk

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

19.10.2019, 21:20

Bitte lese dir mithilfe von ausführlichen Dokumentationen (u.a. SelfHTML und MDN) essentielles HTML und CSS Grundlagenwissen an oder verwende zum Lernen geeignete Fachpublikationen wie das HTML5 Handbuch von Stefan Münz.

GuteFrage.net ist zwar eine „Frage-Antwort Community“, jedoch kein Nachhilfe-Portal das einem das Lernen abnehmen. Wenn du dich vernünftig mit HTML und CSS auseinandersetzt, beantworten sich viele deiner Fragen von selbst.

Mit  wird ein ein Bereich deines HTML Dokuments (aus)kommentiert.
Das <div> Element ist ein universeller Block-Container (Block-Level Element)
Bei class="" handelt es sich um ein Universal-Attribut („Klassen-Attribut“)

Die Suche danach nicht mal eine 1 Minute an Zeit in Anspruch nimmt. Besuch bitte in Zukunft die Website von SelfHTML oder MDN und gebe dort in die Suchmaske deinen Begriff ein, zu dem du mehr wissen möchtest.

LG medmonk

Woher ich das weiß:Berufserfahrung

verreisterNutzer

19.10.2019, 16:30

<!-- code hier -->

ist zum auskommentieren. Also der Code dadrin wird ignoriert.

<ul>

ist für eine Auflistung und

<li>

sind die einzelnen Elemente der Auflistung.

<a>

sollte eigentlich klar sein, das ist für Links.

poldiac

19.10.2019, 16:31

bedeutet, dass der Tag aaskommentiert hat. Also nicht verwendet wird. Als ob er nicht existiert.

PetersGirl

Fragesteller

19.10.2019, 16:57

Also kann man ihn auch weglassen?

poldiac

19.10.2019, 16:58

@PetersGirl

Jedes geöffnete <div> muss auch wieder geschlossen werden </div>.

JobcenterHeld

19.10.2019, 17:11

Es ist ein Kommentar der vom Browser ignoriert wird. Man könnte es auch weglassen.

HTML:

<div class="mittecrew_png">
  <img src="mittecrew.png" height="105"; widht="1505";>
  <a href="#"></a>
</div>

CSS:

.mittecrewpng {
  margin-left: 100px;
}

...zur Frage

Positionierung von Pfeilen in Flexboxen?

Hallo,

ich wollte bei meiner Website eine kleine Slideshow einbauen. Dazu habe ich erst einmal Pfeile erstellt. Diese wollte ich nun richtig positionieren. Ich hatte die Idee, eine Flexbox um die Bilder mit den Pfeilen zu erstellen und die Pfeile dann einfach mit align-items zu positionieren. Irgendetwas habe ich allerdings falsch gemacht. Vielleicht fällt euch ja mein Fehler auf. Bin für jeden Tipp dankbar.

html:

<div class="slide">
            <div id="footer2">
                <div id="bilder">
                    <div id="flexbox">
                        <div class="post">
                            <img src="wohnzimmer.png" alt="Wohnzimmer">
                            <div class="post-s">
                                <h2>Einbaumöbel</h2>
                            </div>
                        </div>
                        <div class="post1">
                            <img src="badezimmer.png" alt="Badezimmer">
                            <div class="post1-s">
                                <h2>Badmöbel</h2>
                            </div>
                        </div>
                        <div class="post2">    
                            <img src="einbauschränke.png" alt="Einbauschränke">
                            <div class="post2-s">
                                <h2>Einbauschränke</h2>
                            </div>
                        </div>
                    </div>
                    <div class="post3">
                        <img src="hochbett.png" alt="Hochbett">
                        <div class="post3-s">
                            <h2>Kinderhochbetten in Eichemassivholz</h2>
                        </div>
                    </div>
    
                    </div> 
                    
                </div>
                <a class="pfeil pfeil-links"><span>&#10094;</span></a>
                <a class="pfeil pfeil-rechts"><span>&#10095;</span></a>
            </div> 
        </div>

Css:

.slide{
    display: flex;
    border: solid black;
}
.pfeil {
    position: absolute;
    top: 0px;
    bottom: 0px;
    font-size: 50px;
    font-weight: bold;
    display: flex;
    align-items: center;
    
}
.pfeil-links {
    left: 0;
}
.pfeil-rechts {
    right: 0;
}

...zur Frage

Warum funktioniert mein Text Decoration nicht?

CSS:

body{

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

margin: auto 0;

}

.nav{

background: rgb(0, 47, 255);

padding: 0.3em;

color: white;

text-decoration: none!important;

.contact{

text-decoration: none;

}

HTML:

<body>

XXX <span>XXX</span>

</div>

<a class="contact" href="#">Contact</a>

<a class="about-me" href="#">About Me</a>

<a class="projects" href="#">Projects</a>

</div>

</container>

<div>

Test

</div>

</container>

</body>

...zur Frage

Wie kann man in HTML mit CSS einzelne Linkfraben ändern?

Hallo :)

Ich arbeite gerade an einer Website. Ich habe für das .html Dokument die Links alle als color: white definiert. Nun möchte ich aber einzelne Links einer div class in Farbe color: black haben.

Weiß jemand wie ich die einzelnen Linkfarben ändern kann?
Danke :)

...zur Frage

CSS Grid leere Zelle?

Hi,

bin gerade etwas Ratlos wie ich das mit css grid umsetzen kann.

Aktuelle habe ich folgenden Code

<div class="grid-container">
  <div>Ich soll leer sein</div>
  <div>Ich soll leer sein</div>
  <div>Ich soll leer sein</div>
  <div class="grid-item">Ein Text</div>
  <div>Ich soll leer sein</div>
  <div>Ich soll leer sein</div>
  <div>Ich soll leer sein</div>
  <div class="grid-item">Ein Text</div>
  <input type="text" class="grid-item">
  <div class="grid-item">Ein Text</div>
  <select class="grid-item"></select>
  <div class="grid-item">Ein Text</div>
</div>

CSS 
.grid-container {
  display: grid;
  gap: .5em;
  grid-template-columns: repeat(4, 1fr);
}

https://jsfiddle.net/tb2e75L8/2/

Jetzt will ich jedoch alle Div's mit dem Inhalt "Ich soll leer sein" aus dem html entfernen ohne jedoch die nachfolgenden zu verschieben. Also sozusagen eine Leere Zelle. Ich habe schon über grid-template-areas nachgelesen, jedoch bräuchte ich da für jedes item eine eigene ID, oder sehe ich das falsch?

Für sonstige Vorschläge zum realisieren von diesem Layout (auch ohne Grid) bin ich grundsätzlich auch offen.

Vielen Dank im Voraus

whgoffline

...zur Frage

CSS in neue Zeile springen?

Hallo,

ich habe ein html Dokument in folgender Form:

<html>
<head>
</head>
<body>
    <div class="Class1">
        <h1 class=user_caption>Caption</h1>
        <section class="name_liste">
            <div class="name blau">
                <h3>hallo</h3>
            </div>
            <div class="name gelb">
                <h3>hallo1</h3>
        
            </div>
            <div class="name grün">
                <h3>hallo2</h3>
                
            </div>
            <div class="name rot">
                <h3>hallo3</h3>
                
            </div>
            <div class="name pink">
                <h3>hallo4</h3>
                
            </div>
            <div class="name weiß">
                <h3>hallo5</h3>
                <div></div>
            </div>
        </section>
</body>
</html>

nur so grob. ich möchte dass blau gelb und grün in einer reihe angezeigt werden und dann darunter rot pink und weiß. Ich habe schon probiert bei grün ein flex-wrap zu machen, aber egal wo ich den wrap versuche, nirgends klappt es. Habe schon überlegt ob es daran liegt, dass die seite faktisch genug platz hat, alle diese container in einer zeile anzuzeigen aber es ist doch irgendwie möglich, diese 6 elemente in 2x3 aufzuteilen.

habe als basis in css zumindest: name_liste { display: inline-flex }

MfG

...zur Frage

Fehlermeldung bei Login erstellen// HTML & PHP?

Hallo,

Ich verstehe nicht ganz, wie ivh ed hinbekommen kann. Ich möchte, dass wenn mein Login fehlschlägt also ein falscher Benutzername oder so eingegeben wird, dass dann dieses skript:

<div class="alert alert-danger">
  <strong>Fehler!</strong> Ein Falscher Benutzername oder ein falsches passiert wurde eingeben.
</div>

Aber ivh verstehe nicht, wir ich es bei submit button einbauen soll.

MfG

LuGaming

...zur Frage

Bootstrap Column Anordnung ändern (mobile)?

Hallo liebe Community,

ich arbeite gerade an einem Webshop und erstelle die Startseite selbst mit HTML und CSS und dem Bootstrap Grid Layout. Nun habe ich Bilder und Texte welche auf dem Desktop jeweils abwechselnd und untereinander kommen.

Also jeweils Bild und Text in einer "row" und dann entweder der Text oder das Bild als erstes. So ergibt sich in der Reihenfolge: Text-Bild, Bild-Text.

Für die Desktopansicht ist das auch genau so gewünscht, allerdings hätte ich gerne wenn die Columns beim Smartphone untereinander rutschen, dass nicht zwei Bilder nacheinander kommen, sondern: Text-Bild, Text-Bild.

Wie lässt sich das realisieren?

Hier mal ein bisschen Code, sehr reduziert.

Doppelter Content und ein/ausblenden über "hidden" ist für mich nicht möglich aus SEO-Gründen.

Danke :)

  <div class="container">

    <div class="row">
      <div class="col-lg-9">
        <h3>Überschrift</h3>
        <p>Lorem ipsum dolor.</p>
      </div>
      <div class="col-lg-3">
        <img src="img/platzhalter.jpg">
      </div>
    </div>

    <div class="row">
      <div class="col-lg-3">
        <img src="img/platzhalter.jpg">
      </div>
      <div class="col-lg-9">
        <h3>Überschrift</h3>
        <p>Lorem ipsum dolor sit.</p>
      </div>
    </div>

  </div>

...zur Frage

Navigationsleiste auf andere html?

Hallo, ich bin ziemlich neu was Websides programmieren angeht und ich finde kein gutes tutorial dazu, wie man wenn man eine Navigationsleiste hat z.b auf Getränke klickt und dann eine andere html/css Seite mit Getränken auftaucht etc.

versuche da auxh bisschen JavaScript mit rein zubringen d.h Benutze die Navigationsleiste von Material Design Lite.

Bin da bisschen überfragt und habe keine ahnung😅

<!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <!-- Title -->
      <span class="mdl-layout-title">Title</span>
      <!-- Add spacer, to align navigation to the right -->
      <div class="mdl-layout-spacer"></div>
      <!-- Navigation. We hide it in small screens. -->
      <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
      </nav>
    </div>
  </header>
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Title</span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <div class="page-content"><!-- Your content goes here --></div>
  </main>
</div>

...zur Frage

Angular: Wieso wird Component zweimal aufgerufen?

Hi,

ich bin gerade dabei in Angular eine kleine Webseite zu erstellen. Einfach Just for Fun.

Kurz meine Components + Quellcode.

app-component.html

<app-toolbar></app-toolbar>


<router-outlet></router-outlet>

toolbar.component.html

<div class="head" style="background-color: darkgreen;">
    <div class="box">
            <button class="selectionButton" routerLink="/startseite">
                <div class="menuButton"></div>
                <div class="menuButton"></div>
                <div class="menuButton"></div>
            </button>
    </div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">TypeScript</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">Java</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton" routerLink="/htmluebersicht">
            <font size="5">HTML</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">Cypress</font>
        </button>
    </div>
</div>

html-page.component.html

<p>html-page works!</p>

Wenn ich jetzt auf den Button HTML ("/htmluebersicht") klicke, kommt der Text "html-page works!" .... Alles gut, so solls.
Wenn ich jetzt aber wieder auf den Menü Button ("/startseite") klicke wird meine toolbar.component.html irgendwie zweimal auf der Webseite angezeigt.

Weis jemand wieso die toolbar dann zweimal angezeigt wird?

Ich hoffe es ist verständlich was ich meine.

...zur Frage

[HTML] Checkboxes werden nicht angezeigt?

Die Checkboxes werden in Firefox nicht angezeigt, jedoch in Chrome.

<div class="form-check">
  <input class="form-check-input" type="checkbox" value="1" name="verhalten_freundlich">
  <label class="form-check-label" for="verhalten_freundlich">Freundlich</label>
</div>

...zur Frage

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zur Frage

CSS Button und collapsible nebeneinander bekommen?

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

...zur Frage

Kann man diesen HTML-Code verkürzen?

Kann man diesen HTML-Code etwas verkürzen?

<div class="klasse 1{if !$pdf || ($pdf && $values.betreuenden_Schule != "1")} hidden{/if}">... </div>
<div class="klasse 2{if !$pdf || ($pdf && $values.betreuenden_Schule != "2")} hidden{/if}">...</div>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen