Wie binde ich neun csscode ein?
Hi ich will neun CSS Code in HTML einbinden leider funktioniert das nicht genauer,ich will ein blauen Balken mit Burger Menü ersten hab aber schon angefangen, eine Webseite zu bauen wie binde ich den Balken in mein Projekt ein? Ich bin Anfänger bitte um nachsicht
4 Antworten
Gewönne dir bei derlei Fragen an, möglichst immer deinen vorhanden Quellcode mit anzuhängen. Sei es direkt innerhalb der Code-Tags oder besser noch durch Plattformen wie JSFiddle und Codepen. So kann man dir nur allgemeine Antworten geben, anstatt dir konkret Lösungen für dein eigentliches Problemen zu zeigen.
HTML und CSS sollte nach Möglichkeit nicht miteinander vermischt werden. Sprich dein CSS in eine externe CSS-Datei auslagerst und lediglich in HTML einbindest. Ebenso kann es hilfreich sein, wenn du dir auf Codepen einfach andere Codebeispiele anschaust. Ansonsten bitte HTML und CSS Grundlagen weiter verinnerlichen.
Deine Sorge ist insofern unbegründet, da jener Code ohne frei einsehbar sein wird. Mit Datenschutz hat auch nichts zutun. Zumal es ohnehin lediglich um eine responsive Navigation und dessen Steuerungselemente (Burger-Icon) geht.
Naja jeder nicht sonst könnt ja jeder jede Webseite manipoliren
Jeder kann sich den Quellcode im Browser anzeigen lassen, heraus kopieren und anschließend wieder wo anders einfügen. Selbst durch das bloße Speichern der Seite landet der jeweilige Quellcode auf dem Computer des jeweiligen Nutzers.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homepage</title>
<link rel="stylesheet" href="css/style.css"> <!-- Verlinkung zur Haupt-CSS-Datei -->
<script src="programm.js"></script> <!-- Korrekte Verlinkung zur externen JS-Datei -->
</head>
<body onload="Meldung()"> <!-- Meldung beim Laden der Seite -->
<h1>Herzlich Willkommen auf meiner Webseite</h1>
<!-- Bild auf der Webseite einfügen -->
<br />
<img src="mainboard.jpg" alt="Bild eines Mainboards" class="img">
<p>
Hier finden Sie eine kleine Navigationsübersicht.
Viel Spaß beim Umsehen und danke für Ihren Besuch!
</p>
<!-- Inhaltsverzeichnis -->
<div class="inhaltsverzeichnis">
<h2>Hier findest du eine Übersicht über die Inhalte:</h2>
<ul>
<li><a href="index.html">Startseite</a> – Die erste Anlaufstelle.</li>
<li><a href="Kontakt.html">Kontakt</a> – Schreibe mir dein Anliegen!</li>
<li><a href="übermich.html">Über mich</a> – Erfahre mehr über mich und meine Projekte.</li>
</ul>
</div>
<!-- Autoren-Information -->
<p>Autor des Artikels:</p>
<h2>msxMustermann</h2>
<hr>
<!-- Beispielinhalt -->
<pre>
Hier beginnt die Zeile und hier endet sie.
Ein Zeilenumbruch wird auch <br>
als ein solcher dargestellt.
</pre>
<p>Das ist ein Beispieltext.</p>
<hr>
<p>Jetzt lerne ich Html5 und css3</p>
</body>
</html>
/* CSS für das Bild */
.img {
width: 60px; /* Breite des Bildes */
height: 10px; /* Höhe des Bildes */
}
das sind beide datein
Bitte benutze eine Plattform wie JSFiddle oder Codepen (wie bereits erwähnt), damit man es sich sowohl ansehen als auch Veränderungen daran vornehmen kann. Zumal ich in deinem HTML aktuell keine Navigation sehen kann.
Ich würde das nicht machen. Trenne HTML und CSS. Mehr dazu hier: https://www.ionos.de/digitalguide/websites/webdesign/css-in-html-einbinden/
Ggf. würde es zu weit führen, aber was ich für Einsteiger empfehlen würde, die direkt HTML/CSS lernen wollen, ist folgendes: HTML/Tutorials/Einstieg – SELFHTML-Wiki
Ein Klassiker, aber immer noch gut.
ich will ein blauen Balken mit Burger Menü
Dafür brauchst du kein CSS, dafür schreibst du ins HTML einfach nur
☰
Alex
Ich hab immer Sorge das Dan jemand mein Code klaut und auch wegen Daten schutz