html und css: Wo finde ich alte html-befehle?

Hallo,

bei der Erstellung von Webinhalten sind mitlerweile das zusammenspiel von html und css unabbindbar. Oder halt en CMS system.

die CSS-Dateien sind soweit ich richtig informiert bin für das Aussehen (Format der Inhalte) zuständig. Die Css-Datei muss in der html-Datei verlinkt werden.

Frage 1:
Mit welchem Befehl wird die Css Datei verlinkt?

Weiter im Kontext...

Um in der html-datei auf die Formatvorlagen in der Css-Datei zurückzugreifen müssen diese in der Css-Datei definiert und mit einem Tag versehen werden.

Frage 2:
Wie definiere ich diese in der Css Datei?
Frage 2.1:
Wie kann ich diese in der Html-Datei nutzen, einfach den definierten Tag einfügen?

Und hier die Frage für unsere Internethelden....

Vor langer langer Zeit als Css noch nicht geboren war, wurde soweit ich weiss nur in html geschrieben/programmiert/erstellt.. wie auch immer.

Damals musste das Format noch komplett eingegeben werden.

Bsp.:

{font-family: Arial, source code pro, sans-serif; font-size: 24px; color: blue;}

Frage 3:
Wie muss ein html Tag aufgebaut sein damit ich diese "Eingabemethode" so verwenden kann?

Frage 4:
Wie werden folgende Befehle in dem in der Frage 3 befragten weise umgesetzt?

Fett
kursiv
unterstrichen
durchgestrichen
hochgestellt
tiefgestellt
Blocksatz

Ich freue mich schon über die vielen Antworten

1 Antwort

Xandros0506

25.05.2023, 02:07

Frage 1

<head>
<link rel="stylesheet" href="stylesheet.css">
</head>

Frage 2 + 2.1

als Klasse, ID oder Pseudoklasse im Tag oder aber allgemein durch die Tagbezeichnung selbst.
Beispiel mit einem Absatz-Tag
html:

<p></p>
<p class="asdf"></p>
<p id="1234"></p>

css:

p {} /* formatiert alle Absatzelemente
.asdf {} /* formatiert alle Elemente mit Klasse asdf
#1234 {} /* formatiert das Element mit der ID 1234

Die Klassen- und ID-Bezeichnungen sind frei wählbar, sollten nur keine bereits belegten HTML-Anweisungen/-Tags etc. sein.

Ausführliche Infos findest du auf https://wiki.selfhtml.org/wiki/CSS

Damals musste das Format noch komplett eingegeben werden.

Ist inzwischen veraltet und sollte nicht mehr verwendet werden.

Frage 3

Siehe Antwort zu Frage 2

Frage 4

Font-Formatierungen (font-family, font-style, font-weight,...) für die Schrift
Text-Align für die Textausrichtung (text-align; justify für Blocksatz)

Ähnliche Fragen

Html und CSS Datei verbinden?

Hallo,

und zwar ist meine Html Datei in einem separaten Ordner und meine CSS Datei auch. Ich will meine Html Datei mit der CSS Datei verbinden, aber ich weiß nicht wie. Ich will auch nicht das meine Html Datei und meine CSS Datei in einem gemeinsamen Ordner sind, will es übersichtlicher halten.

Also kann mir jemand helfen???

...zur Frage

Website schrift ändert sich nicht?

Font face wurde verwendet.

Ich hatte vorher eine andere Schriftart installiert und ausgewählt in der css datei .

nun zeigt mir die webseite noch immer die alte schrift an, sogar dann, wenn ich die schriftart aus dem ordner entferne oder in der css datei den namen umbenenne. (dann müsste es normalerweise die standard html schrift anzeigen)

...zur Frage

Mehrere Html seiten mit einer css Datei?

Kann man mit mehreren Html Dateien auf eine Css datei zugreifen um nicht alles von neu zu kopieren usw. Wenn man für alles eigene classes bzw. ids verwendet zB

...zur Frage

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zur Frage

In CCS Datei bestehenden Font durch TTF Font ersetzen?

Hallo zusammen.
Ich habe ein Problem. Auf einer Webseite muss ich die Schriftart ändern und weiss absolut nicht wie.

Die Website ist mit HTML und CSS Stylesheet programmiert.

Kann mir jemand helfen und zeigen, wie ich das Stylesheet so abändern kann, dass der TTF Font, der sich im selben Verzeichnis befindet wie die CSS Datei, als Schriftart auf der Webseite verwendet wird anstelle des bestehenden Webfonts.

Die Schriftart heisst: MuseoSans_100: https://www.georgyboy.ch/test/MuseoSans_100.ttf
Link zur CSS Datei:
https://www.georgyboy.ch/test/style.css
Link zur HTML Datei:
https://www.georgyboy.ch/test/index.html

Ganz herzlichen Dank für eure Hilfe.

...zur Frage

HTML projekt wie findet ihr die vorarbeit?

html:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<Header>
</Header>
<div class="input">
<main>
<form action="" method="post">
<h2>Anmeldung</h2>
<input type="email" name="Email" placeholder="Email hier eingeben" required="@" id=""> <br>
<input type="text" name="Benutzer" placeholder="Benutzer hier eingeben" required="A-z" > <br>
<input type="password" name="passwort" placeholder="password hier eingeben " id=""> <br>
<input type="submit" value="Anmelden">
<input type="reset" value="reset">
</form>
</div>
<hr>
<a href="#">Impressum</a>
<a href="#">kontakt</a>
<a href="#">Über uns</a>
</main>
<footer>
</footer>
</body>
</html>

css

body {
font-family: Arial, Helvetica, sans-serif;
color: white;
}
body{
background-color: black;
}
.input {
display: flex;
margin: 700px;
margin-top: 300px;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 3px 3px white;
border-radius: 30px;
height: 300px;
width: 300px;
}
a{
font-family: Arial, Helvetica, sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
a:hover{
color: green;
text-decoration-line: none;
}
input{
padding: 5px;
border-radius: 10px;
}
input[type="submit"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}
input[type="reset"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

Stichpunkte mit Html bearbeiten?

Hii ich versuch gerade html zu lernen und will listen machen.

So sieht die Website gerade aus:

Ich möchte das der text von den verschiedenen Stichpunkten verschiedene farben hat also, dass Katze: Lila Hund:Pink Otter:blau. Außerdem möchte ich das die herzen for den Stichpunkten Pfoten sind.

Das ist mein Code:

Wie muss ich den abändern damit das funktioniert?

(Außerdem funktioniert meine Css Datei nicht wäre nett wenn mir da auch wer weiterhelfen könnte)

...zur Frage

CSS möchte nicht laden?

Hallo,

es geht darum, dass ich ein Projekt habe in dem Java, Spring boot, ReactJS, CSS, JS und RestAPI mit inbegriffen sind. Mein Problem liegt lediglich darin, dass die html beim laden der Seite: localhost:8080/login.html den inhalt der html datei anzeigt aber die css datei garnicht übernimmt. Die Pfade zu den einzelnen Dateien stimmen ebenfalls, da sie verlinkt sind, doch das stylen über css funktioniert nicht

login.html: https://codefile.io/f/uD0jP33Wef
style.css: https://codefile.io/f/AGN6ENmt6t
script.js: https://codefile.io/f/unKOx5NUi6

Wäre echt top, wenn mir jemand dabei behilflich sein könnte.

...zur Frage

style Datei im Header CSS?

Ist der style tag im Header der Html Datei eine Verlinkung zu der CSS Datei?

...zur Frage

Wie kann ich CSS und Java in einer HTML Datei vereinen?

https://codepen.io/x-doggy/pen/dyyEGMW

Möchte das als HTML Seite haben. Wie geht das?

...zur Frage

Kann jemand diesen Button in HTML CSS umwandeln?

Hallo,

schafft es jemand, mir diesen Button in HTML und CSS zu machen?

Border color ist #f5bf8c

Font color ist #363639

Gradient links ist #fdc591

Gradient recht ist #cd9969

Und dann ist da noch so ein kleiner Schatten nach außen (gold) und nach Innen ein kleiner, schwarzer Schatten

...zur Frage

HTML / CSS: Wie kann ich einen Text horizontal zentrieren?

Wie kann ich einen Text in die Mitte bringen?

So wie ich es versucht habe, funktioniert es ab einer bestimmten Größe nicht mehr! Und gibt es eine Möglichkeit sicherzustellen, dass das Bild zuvor geladen hat?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
    <style>
      body {
        background-image: url("bild.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        overflow: hidden;
      }

      h1 {
        color: white;
        font-family: Geneva, Verdana, sans-serif;
        font-size: 200px;
        text-align: center;
        /*transition: padding-top 1s,padding-bottom 1s,font-size 1s;*/
        padding-top: 38vh;       
        padding-bottom: 70vh;
      }

      h1 {
        /*animation-name: titel;
        animation-duration: 6s;
        animation-delay: 6s;
        animation-fill-mode: forwards;*/
        animation: titel 6s 6s forwards
      }

      @keyframes titel {
        from {padding-top: 38vh; padding-bottom: 70vh;font-size: 200px;}
        to {padding-top: 0px; padding-bottom: 0px;font-size: 80px;}
      }

      p {
        color: aliceblue
      }
    </style>
    <script src="script.js"></script>
  </head>
  <body>
    <h1>TITEL</h1>
    <p>Test-Text</p>
  </body>
</html>

...zur Frage

HTML,CSS Dark/White mode?

Moin, Ich habe ein Dark/White mode gemacht aber irgendwie wechselt er nicht die font-color zu weiß wenn ich ihn den darkmode gehe.Vielleicht wäre jemand so Nett und würde mit genau sagen wo was hin muss.
LG

HTML:

CSS:

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen