HTML?

Guten Tag,

kann mir bitte jemand einen ordentlichen HTML- Tag zu Tabellen geben. Ich wünsche mir 3 Kopfzeilen also tableheader und dass ich in den Tabellenzellen unendlich viel Infos reinmachen kann ohne , dass die Infos mir in den nächsten Headerspace verrutscht?

ich wär super dankbar

05.04.2024, 17:46

Bild:

05.04.2024, 17:56

Code:

05.04.2024, 18:39

Aktuellste Stand:

2 Antworten

ralphdieter

05.04.2024, 19:10

Vorneweg: Im HTML darft Du im Text kein „&“ oder „<“ verwenden. Schreibe stattdessen „&“ bzw. „<“.

Betroffen ist mindestens der YouTube-Link, der mit „...&t=33s“ endet (nur im Text; bei href="..." sollte es so passen, wie es ist).

Vielleicht löst sich das Problem mit der Tabelle danach in Luft auf.

Rebeka579

Fragesteller

05.04.2024, 19:19

die Spalten sind alle nicht gleich groß.

es würde optisch besser passen, wenn sie gleich groß wären. Ich habe auch ein Bild in der Frage ergänzt.

ralphdieter

05.04.2024, 20:04

@Rebeka579

<th style="width:33%">Bilderquellen</th>
<th style="width:33%">Inhaltsquellen</th>
<th style="width:33%">Videoquellen</th>

Mit CSS geht das aber viel eleganter.

MAckermann

06.04.2024, 10:35

Da du sehr viel hinzugefügt hast verstehe ich dein Verlangen nicht ganz aber Tabellen in HTML schreibt man so:

<table border="1px solid black">
<th>Überschrift1</th>
<th>Überschrift2</th>
<th>Überschrift3</th>
<li>
<tr>Text1</tr>
<tr>Text2</tr>
<tr>Text3</tr>
</li>
<li>
<tr>2_Text1</tr>
<tr>2_Text2</tr>
<tr>2_Text3</tr>
</li>
</table>

Woher ich das weiß:Studium / Ausbildung – Informatikstudium

elmex7

06.04.2024, 16:05

Die <li> Tags haben in der Tabelle nun aber rein gar nichts zu suchen 😉

MAckermann

06.04.2024, 17:26

@elmex7

Ich finde dass hilft beim Designen

elmex7

08.04.2024, 21:10

@MAckermann

Das hat nichts mit "ich finde" zu tun, es ist schlichtweg falsche Synthax. Jage den Code mal durch den HTLM Validator...

https://validator.w3.org/#validate_by_input

Moin,

erstmal vorweg, ich bin kein Webdev, deshalb kenne ich mich damit kaum aus.
Ist es mir möglich, wenn ich keinen Webserver habe, dass ich meine Navbar so dynamisch verwenden kann, dass sie mir anzeigt, auf welcher Seite ich mich gerade befinde?

Zurzeit baue ich die Navbar in einer eigenen HTML Datei auf und binde sie dann via iframe ein. Mir ist bewusst, dass JS das alles regeln könnte, möchte aber wie gesagt einen Webserver vermeiden, da das Endprodukt ohne laufen können soll.

Ideen? Ich möchte auch nicht auf jeder Seite wieder das ganze Inhaltsverzeichnis reinschreiben, sondern am liebsten einen Single-Point-of-Truth, also eine Navigationsdatei haben.

Danke!

...zur Frage

HTML- Code auf Pi öffnen?

Hallo,

wie kann ich es machen, dass der HTML- Code als eigene „App“ angezeigt wird, z.B. damit ich es direkt starten kann, wenn ich den Raspberry Pi einschalte und nicht den Browser öffnen muss und dass das Format immer gleich ist (grösse der „App“).

Gibt es da solche Programme bei denen ich das machen kann oder muss ich meinen HTML- Code immer im Browser öffnen?

Freundliche Grüsse

...zur Frage

Wann bin ich fertig mit HTML und CSS?

Hallo,

Ich lerne schon seit einiger Zeit HTML und CSS, und habe schon einige etwas größere websiten erstellt (also die grafische Oberfläche). Ich wollte auch bald mit Javascript anfangen, aber man sollte ja erst mit einer anderen Sprache anfangen, wenn mann die erste gut kann, aber ich weiß nicht wann ich bereit bin.

Meine Frage: Was muss ich alles in HTML und CSS können, um mit Javascript anzufangen?

Danke:)

...zur Frage

Arduino Daten an HTML-Seite?

Ich habe gerade ein Projekt, indem ich versuche Daten vom Arduino auf eine HTML-Seite zu übertragen. Dabei benutze ich node.js.

Jedoch bin ich noch relativ neu in dem Thema und kenne mich nicht so gut mit Servern und node aus.

Im Moment erhalte ich ständig die Fehlermeldung: Server is not a consructor (const io = new Server('COM3'))

Quelltext aus app.js:

var http = require("http");
var fs = require("fs");
var index = fs.readFileSync("index.html");


var SerialPort = require("serialport");
const parsers = SerialPort.parsers;


const parser = new parsers.Readline({
  delimiter: "\r\n",
});


var port = new SerialPort("COM3", {
  baudRate: 9600,
  dataBits: 8,
  parity: "none",
  stopBits: 1,
  flowControl: false,
});


port.pipe(parser);


var app = http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end(index);
});


const Server = require('socket.io');
const io = new Server('COM3');


io.on("connection", function (socket) {
  console.log("Node is listening to port");
});


parser.on("data", function (data) {
  console.log("Received data from port: " + data);
  io.emit("data", data);
});

app.listen(3000);

Quelltext aus index.html:

<!doctype html>
<html>
    <head>
        <title>Test</title>


        <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>


    </head>
    <body>


        <h1> Communicating between an arduino and a html website</h1>


        <div id='sample'></div>


        <script>
            
            var socket = io();
            socket.on('data',function(data){
                console.log(data);
                document.getElementById('sample').innerHTML = data;
            });
            
        </script>
        
    </body>
</html>

...zur Frage

Bild wird nicht im Browser angezeigt?

Hallo,

ich bin gerade dabei eine Website zu schreiben mit HTML und CSS und gerade scheitere ich daran mein Logo richtig zu verlinken. Ich hab es genauso wie bei meiner anderen Website gemacht wo es funktioniert aber hier nicht. Weiß jemand vllt weiter? Dankeschön schonmal. :)

HTML:

CSS:

ORNDER:

Mein HTML und CSS Code befindet sich im TEST 2 Ordner also so eigentlich:

TEST 2/BILDER/LOGO.eps

So sieht es bis jetzt aus:

...zur Frage

Search Bar mir HTML, CSS; Java?

Wie kann ich eine Search Bar mit HTML, CSS und Java Code machen? Ich möchte, dass wenn man was eingibt, eine neue Seite geöffnet wird und auf dieser dann die Suchergebnisse angezeigt werden.

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

Gibt es sowas für Webseiten?

Gibt es eine Seite, wo ich einfach den Code für Sachen wie Slider, Cards, oder Tabs mit Html css und js kopieren und einfügen kann in meine eigene Webseite.

...zur Frage

Html / Css Wie füge ich die Headline gut ein?

Guten Tag, und zwar habe ich vor paar Tagen mit den erlernen von Html / Css begonnen. Und hätte halt die Frage wie ich die Headline gut einsetzten kann bzw wie ich denn Code ändern muss.

Das ist mal der Code und wie muss ich den ändern dass ich beim Roten fleck die Headline reinbekomme ohne dass sich die 4hrefs sich wegbeweggen.

Falls es noch Fragen gibt bitte Fragen, Vielen Dank schon mal im Vorraus :)

...zur Frage

Zweitsprachige Webseite mit JS?

Ist es besser eine extra Seite für die zweite Sprache meiner Website zu machen also seite.com und seite.com/de, oder wäre es besser, die Texte direkt mit Js zu machen. Also wenn einer mit der Browsersprache Deutsch die Webseite betritt, soll Js es ermitteln und dementsprechend den Text einblenden ohne eine zweite Seite. Was wäre besser

...zur Frage

Wo soll ich meine elemente in dem Javascript einfügen?

<script>
      document.addEventListener('DOMContentLoaded', function() {
          const scrollButtons = document.querySelectorAll('.button1');

          scrollButtons.forEach(button => {
              button.addEventListener('click', function() {
                  const target = button.getAttribute('data-target');
                  const targetElement = document.getElementById(target);

                  if (targetElement) {
                      window.scrollTo({
                          top: targetElement.offsetTop,
                          behavior: 'smooth'
                      });
                  }
              });
          });
      });
  </script>

Hi,

AI hat mir den code gegeben um meine buttons nützlich zu machen. Weil ich kein Javascript kann weiß ich nicht wo ich meine class namen einfügen soll.

Bitte helft mir

LG Lisa

...zur Frage

wie kann man in JavaScript eine Funktion erstellen, die eine zufällige Zahl generiert?

Hi Leute!

Wie kann ich ich JavaScript eine Funktion erstellen, die jede Zahl zufällig von 1 bis 16 auswählt, jedoch darf keine mehrmals vorkommen.

Vielen dank im voraus🙂

...zur Frage

Verstehe nicht, warum es falsch ist?

// loggen der Variabeln-Name für den Login-Button //

let loggen = document.getElementById("login");


loggen.addEventListener("click", function() {
  
// eingabeFeld ist der Name für das Inputfeld //  
let eingabeFeld = document.getElementById("field");

eingabeFeld.value;
if (eingabeFeld.includes("huso1234")) {
alert("Ja, das Passwort ist richtig");
}
else {
    alert("Das Passwort ist falsch");
}
eingabeFeld.textContent = "";
});

Funktioniert halt einfach nicht. Es handelt sich hierbei um die Programmiersprache JavaScript. Es kommt kein Alert und am Ende geht der Text auch nicht weg vom Inputfeld.

...zur Frage

HTML Taschenrechner?

Hey ich habe einen HTML Taschenrechner von einer Website kopiert von einer Website und ich will jetzt den Taschenrechner so programmieren das er nicht über hundert rechen kann bzw. Eine Fehler Meldung dann kommt so das immer ein Fehler kommt wenn ich über hundert rechnen tun ich hab schon im Internet mich belesen aber finde nix leider vielleicht könnt ihr mir helfen

<html>
<head>
<title>HTML-Taschenrechner </title>
</head>
<body bgcolor= "# 000000" text= "gold">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="Reset">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
Solution is
<input type="textfield" name="ans" value="">
</form>
</body>
</html>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen