Wie bekomme ich den HTML-und Stil dieser Ansicht?

Question

Ich bin ein Anfänger in Web-Programmierung, und ich muss eine Website für ein Schulprojekt erstellen.

In meiner Website möchte ich diese Ansicht haben:

, die ich sah, auf einem website.

wie bekomme ich die html davon?

Answer 1

Verwenden Sie die Tools Ihres Browsers!

Erstens, wie Sie erwähnt "Ansichten" - "Ansichten" existieren nicht in HTML. Aber es gibt Tags. Häufige Tags sind <a href="...">...</a>, <strong>bold text</strong>, <div>...</div>, ... Was Sie wollen, ist ein Tag mit mehreren Kind-Tags zu greifen.

In Firefox gibt es ein Tool namens Page inspector. Sie können den Quellcode der Website interaktiv prüfen (z. B. wenn Sie den Mauszeiger über ein Tag bewegen und es markiert wird). Damit können Sie die benötigten HTML-Tags leicht finden. Aber Sie benötigen auch die CSS-Stile für jedes Tag. Wenn Sie auf ein Tag klicken, werden die CSS-Stile rechts angezeigt. Sie müssen sie in Ihr Stylesheet kopieren und vielleicht müssen Sie sie ändern, damit sie mit Ihrer anderen HTML-Struktur übereinstimmen.

Ähnlich ist es auch in Chrome.

Aber bitte beachten Sie, dass es nicht sehr schön ist, diesen Code einfach zu kopieren, ohne ihn zu verändern. Es ist eine gute Idee zu entdecken, wie Sie so etwas tun können, aber ich empfehle dringend, es zu ändern, etwas eigenes zu haben!