Transkripte
1. HTML Einführung: Wenn Sie am meisten über HTML erfahren
möchten, bis zu dem Punkt, an dem Sie
Ihre eigene einfache Website in
weniger als 30 Minuten erstellen können Ihre eigene einfache Website in , wenn
Sie an der richtigen Stelle sind. Und das Beste
daran ist, dass Sie nicht einmal etwas
installieren müssen. Sie können
diesen Kurs mit
leicht verfügbaren
Online-Texteditoren verfolgen . Und wir schauen uns sie
in einer Sekunde an. Aber zuerst, was ist HTML? Html steht für Hypertext
Markup Language. Wofür wird es verwendet? Sie könnten fragen, dass die DML
die richtige Formatierung
von Texten und
Bildern für Ihren
Internetbrowser gewährleistet die richtige Formatierung
von Texten und . Denken Sie daran, dass HTML keine
Programmiersprache ist und das Gefühl, Logik
und Bedingungen zu haben, sondern nur verwendet
wird, um Text und Bilder
größtenteils
anzuzeigen. Aber das allein macht es sehr
entscheidend für die Webentwicklung. Denn was ist eine Website
ohne Text oder Bilder, oder? Die drei Hauptabschnitte
dieses Kurses sind also was ist HTML? Was wir bereits durch die
grundlegende Syntax gegangen sind, um sicherzustellen, dass wir ein vollständiges Verständnis dafür
haben, wie HTML geschrieben hat. Und schließlich eine Webseite erstellen. Also lasst uns anfangen. Sollen wir?
2. Baue deine erste Webseite auf!: Werfen wir also einen
Blick darauf, wie wir dafür
unsere eigene HTML-Datei erstellen können , sagen
wir auf dem
Desktop oder wo auch immer Sie Ihre
HTML-Datei erstellen lassen. Ich erstelle einfach eine
neue Datei und nenne sie HTML. Sie dann in dieser
Datei mit der rechten Maustaste auf Neu. Dann
klicken wir auf Textdokument. Wir sollten neue
Dokumente erstellen sehen. Um nun die
Erweiterung unserer Datei anzuzeigen, klicken
wir auf Ansicht mit der linken Maustaste auf dieses Feld, in dem
Dateinamenerweiterungen steht. Dies ermöglicht uns, die
Erweiterung unserer Datei zu sehen. In diesem Fall ist es dxdy. Wir möchten, dass es sich um eine HTML-Datei handelt. Was wir also tun werden, ist
diesen dx dy in HTML zu ändern. Es wird uns eine
Warnung geben, dass wir die Dateinamenerweiterung
ändern. Wir klicken auf Ja. Und jetzt ändern wir
zum Beispiel den Namen unserer Datei in Index. Jetzt sollten unsere Gelder ein Browser-Symbol
haben, Microsoft-Alter anzeigt, aber ich ziehe es vor,
es in Google Chrome zu ändern. Doppelklicken wir nun
darauf und öffnen es. Natürlich sieht es schwarz aus. Das liegt daran, dass wir der alten HTML-Datei
nichts hinzugefügt haben. Um unserer Datei Sachen hinzuzufügen, wir mit der rechten Maustaste öffnen sie
dann mit einem Texteditor. Ich habe Visual Studio-Code. Wenn Sie keinen Texteditor haben, können
Sie einfach die
Standardnotiz verwenden und mit dem Schreiben Ihres Codes beginnen. Aber das
klingt nicht sehr praktisch. Stattdessen schreiben wir unseren Code
und
den schönen
Online-Texteditor. Und wenn wir fertig sind, kopieren
wir
die gesamte HTML-Datei , die wir hier erstellt haben. Klingt fair genug.
Lasst uns anfangen. Gehen wir in unseren Browser
und geben Sie den URL-Reiter W3 schools.com Slash-Client ein. Doppelklicken Sie auf den
Frontend-Editor versuchen. Und dann löschen wir diesen Code. Jetzt haben wir eine leere
Leinwand, mit der wir arbeiten können. Wie funktioniert HTML? Es schien größtenteils aus Tags zu bestehen, die es
uns ermöglichen, unseren Text zu verschönern. Andernfalls könnten wir einfach
ohne Tags frei
tippen und es werden immer noch unsere Texte
auf der Webseite
angezeigt. Zum Beispiel meine erste Website. Klicken wir auf „Ausführen“. Oh, siehst du, ich gebe einfach die neue Zeile
in den Quellcode ein, aber das hat es nicht
im Endprodukt
oder im Browser gezeigt . Hier
kommen und spielen Tags. Tags weisen Ihren Browser auf, Dinge auf
eine bestimmte Weise
anzuzeigen. wir nun einen
Blick darauf, wie wir
Tags verwenden können , um unsere Texte zu strukturieren und dort zu platzieren, wo wir wollen. Also haben wir hallo getippt. Dann eine neue Zeile mit der Aufschrift
Dies ist meine erste Website. Also müssen wir
ihm sagen, dass es oben
einen Zeilenumbruch gibt und reißen. Um dies zu tun, verwenden wir
Tags, um genauer zu sein, das BR-Tag, was Zeilenumbruch
bedeutet. Also werden wir Hallo
haben, dann BR. Lassen Sie uns unseren Code ausführen. Und übrigens muss ich den Stapel nicht in eine neue Zeile
legen, ich könnte ihn daneben platzieren und es würde immer noch den gleichen Effekt
haben. Das BR-Tag hier weist dem
Browser also an, dass er eine neue Zeile starten soll. Sagen Sie zum Beispiel, wir hätten unseren Text nicht fett. Wir benutzen einfach das p-Tag, das für Bolt steht. Also
bemerkte ich zum Beispiel, dass ich mein p-Tag
hier geöffnet habe und es hier schließen musste. Ansonsten hätte es
alle Texte, die danach
kommen, fett gemacht. Zum Beispiel, wenn wir danach mehr Text
hatten, ist
dies meine erste Website, wir haben das fett gedruckte Tag nicht geschlossen. Das werden wir kriegen. Also ein HTML, manchmal haben wir ein öffnendes Tag und
dann ein schließendes Tag. Dies ist, um
unserem Browser mitzuteilen, hey, mache dieses Markup nur für
diese speziellen Texte. Wenn wir jetzt
das schließende Tag hinzufügen, versteht
unser Browser,
welche Texte genau fett sind. Und so
funktioniert es im Allgemeinen so ziemlich. Sie haben nur ein Tag, das etwas
tut, und
fügen Sie dann den Text dazwischen , an
dem das Tag arbeiten soll. Um zum Beispiel zu sagen, ich
wollte eine Liste erstellen. Ich schaue mir einfach HTML-Listen im
Internet an. Dann wählen wir die ersten
Suchergebnisse aus. Zum Beispiel. Wir können diesen Text
kopieren und in unsere Datei einfügen. Jetzt haben wir eine Liste
in unserer HTML-Datei. Wir können die eigenen Bedürfnisse bearbeiten. Zum Beispiel können wir Kaffee in
Apple
umstellen und
ihn irgendwie anpassen und als Vorlage verwenden, dann an oder Bedürfnisse angepasst. Jetzt funktioniert dies, weil unsere
Datei über eine HTML-Erweiterung verfügt, aber in einem realen Szenario müssen
wir oben in unserem Code Tags hinzufügen, um anzugeben, dass es sich
tatsächlich um eine HTML-Datei handelt. Der erste Schritt, den wir hinzufügen
müssen, ist das DOCTYPE-Tag. Lasst uns also eine neue Linie betreten und Platz für Angriffe
schaffen. Hund. Natürlich
erfordert dies keine schließenden Tags. Es ist nicht wirklich ein Tag, es ist eher wie eine Entzündung für unseren Browser, dass dies in der Tat ein HTML-Code
ist. Jetzt, nach dem
DOCTYPE-Tag kommt das HTML-Tag. Dies ist ein Tag, das dem Browser
mitteilt, dass alles darin ein HTML-Code ist. Und jetzt befinden sich im
HTML-Tag die beiden Haupt-Tags. Das ist der Kopf und der Körper. Hier beginnt der Kopf
und das ist es, was der Kopf endet. In ähnlicher Weise
beginnt der Körper hier. Und hier sind der Körper und das Body-Tag tatsächlich
der Hauptteil unserer Webseite. Es enthält die meisten
Inhalte, die wir auf der Webseite sehen. Um unseren Code
strukturierter zu gestalten, verschieben
wir unseren Code
zum Body-Tag. Um es strukturierter zu gestalten, markiere
ich das
alles und drücke die Tabulatortaste. Okay, also
schauen wir uns jetzt die wichtigsten Tags an, die wir standardmäßig in jeder von uns erstellten
Webseite
verwenden. Der erste ist der
Metatag, der Kopfabschnitt. Um eine
HTML-Seite korrekt anzuzeigen, muss
ein Webbrowser wissen
, welcher Zeichensatz verwendet werden soll. Dies ist der
Standard-Standardzeichensatz , der UTF-8 verwendet wird. Der nächste Metatag, den wir uns ansehen möchten , ist das Ansichtsfenster-Tag. Dies macht
unsere Webseite im Wesentlichen
reaktionsschneller , indem die
Breite auf die Gerätebreite festgelegt wird. Es ermöglicht vielen
webbasierten,
ihre Größe zu ändern und gleichzeitig die Lesbarkeit
beizubehalten. Zum Beispiel
hat ein Telefon normalerweise einen kleineren Bildschirm
als ein Laptop. Diese Meta-Tags machen es
so, dass das Telefon diese Webseite
auch
problemlos anzeigen kann . Nun, nach diesen
Metall-Tags kommt das Titel-Tag. Das Titel-Tag auch. Ich habe es betitelt, gibt unserer
Webseite einen Titel. Also lass mich dir zeigen, wovon
ich rede. Wenn ich diesen Code kopiere
und ihn mit
Notepad öffne , füge meinen Code
hier ein und öffne ihn dann. Wie Sie sehen können, ist der Titel
hier der Name der Datei. Wir wollen diesen Titel ändern. Um dies zu tun,
verwenden wir das Titel-Tag. Gehen wir also zurück zu unserem Code. Öffne es mit Notepad. Erstellen wir also einen neuen
Titel für unsere Webseite. Nachdem wir mit
unserem Titel fertig sind, schließen wir ihn. Jetzt lass es uns laufen und
sehen, wie es aussieht. Wie Sie sehen können,
zeigt es den Titel hier. Gehen wir also zurück
zu unserem Texteditor. Ich füge
den Titel hier ein, und das ist es
für das Head-Tag. Werfen wir einen Blick auf
den Körperbereich. Hier können wir den gesamten
Inhalt unseres Lohns angeben. wir zunächst
einen Blick auf das H1-Tag. Also tippen wir. Dies
ist ein großer Titel, der größte, um genauer zu sein, wir haben sechs
Überschriftenstufen, von H1 bis H6. H1 ist die höchste Überschriftenstufe und die größte in
Bezug auf die Schriftgröße. Es ist sechs ist die niedrigste und kleinste in
Bezug auf
die Schriftgröße, es ist sehr unwahrscheinlich, dass Sie alle verwenden
werden, aber schauen wir uns sie einfach kurz an. Nun, eines der häufigsten
Tags, die Sie verwenden werden, und der Text ist das p-Tag
oder das Absatz-Tag, wie der Name schon sagt, es ist ein Tag, in das Sie Ihre Absätze schreiben
können. Und lasst uns einen kurzen Blick darauf werfen. So sieht es aus. Dazwischen haben wir
unser Produktdiagramm aufgebaut. Füllen wir nun unser p-Tag
mit einem zufälligen Absatz. Dafür werde ich nur
ein zufälliges Wikipedia-Dokument googeln . Dann füge ich meinen Absatz
hier ein. Oder weißt du was? Ich werde es tatsächlich unter die Liste
verschieben. Wir können neue Zeilen oder
Leerzeichen im Quellcode hinzufügen, aber der Browser
ignoriert ihn, da jedes Wort nur ein Leerzeichen erhält. Und Zeilen brechen nicht, wenn Sie dies explizit mit
dem PR-Tag angeben. Okay, also lasst uns das ganze Chaos entfernen , denn lass
mich das einfach zurückholen. Fügen wir zum Beispiel hier eine neue Zeile hinzu. Vielleicht willst du eine andere Zeile. Und wenn Sie bemerken, dass diese B
Elemente sind , benötigen Sie
kein schließendes Tag. Dies wird als ungültiges Element bezeichnet,
avoid Element ist ein Element. Wessen Inhaltsmodell
erlaubt es ihm unter keinen Umständen
Inhalte zu haben. Wenn wir zwingen wollen, dass
unsere Texte so
dargestellt werden , wie wir
sie in den Quellcode schreiben. Wir können das p-Tag
anstelle des p-Tags verwenden. Zum Beispiel. Mal sehen, wie es aussieht. Natürlich sieht es aus wie ein Durcheinander. Vielleicht könnte dies nützlich
sein, um
Codetext anzuzeigen , wo die
Zeilen und Leerzeichen wichtig sind. Wie Sie sehen können,
sieht das wie ein Durcheinander aus, aber das ist geeigneter, Code
anzuzeigen. Ich schätze, das ist
einer seiner Anwendungsfälle. Jetzt wissen wir,
wie wir
unsere HTML-Texte mit
Zeilenumbruch und Absätzen strukturieren können. Werfen wir einen Blick darauf, wie wir unsere Texte mit HTML
gestalten können . Denken Sie daran, dass einige von ihnen nicht so oft verwendet werden, heutzutage nicht so oft verwendet werden, da CSS
sicherlich Delta-Stil ist, das HTML-Dokument für uns. Aber wir können sie dennoch einen
Blick darauf werfen,
der erste, den wir bereits gesehen
haben, ist zum Beispiel hier der fette Tag. Es gibt auch kursiv. Es gibt auch das EU-Tag
oder das zugrunde liegende Tak. Es gibt auch das
hervorgehobene Tag und das starke Tag. Sie sind identisch mit der
Kursivschrift und der Glühbirne. Okay, also lasst uns diesen Stapel
entfernen. Wir können
Abschnitte unserer Webseite
mit der horizontalen
Regel oder dem HR-Tag trennen , z. B. trennen wir
diese beiden Abschnitte. Wir können Links in
unserem HTML-Dokument erstellen , indem wir
den Anker für das a-Tag verwenden. Okay, lasst uns am
Ende unseres Absatzes
einen Hyperlink erstellen . Innerhalb von H ref oder der
Hypertextreferenz platzieren
wir den Link, zu dem wir den Benutzer bringen
möchten. Ich benutze den
Wikipedia-Link hier. Und jetzt schreibe
ich dazwischen jeden
Text, den wir wollen. Dies sind die Texte, auf die der
Benutzer klicken kann. Jetzt klicken wir auf Ausführen. Jetzt klicke ich nicht darauf, da
dies auf derselben Seite geöffnet
wird und
dies unseren gesamten Code hier
ruinieren wird . Wenn ich jetzt darauf klicke, öffnet
es
es auf derselben Seite. Oh, okay. Ich dachte, es wird sich
öffnen. Okay. Das ist nicht schlimm. Aber so oder so möchten wir
es in einem neuen Tab öffnen , wenn
wir darauf klicken.
Dies ist es, was das
Zielattribut ins Spiel kommt. So verwenden wir
das Zielattribut um unseren Link in einem neuen Tab zu öffnen. Nach dem Wort Link ist
Ziel also gleich Unterstrich, leer. Öffnen wir nun unseren
Code und klicken darauf. Wie Sie sehen können, wird es auf
einer neuen Registerkarte geöffnet .
Das ist viel besser. Lasst uns nun lernen,
wie wir unserem HTML-Dokument
ein Bild hinzufügen können . So sieht es einfach so aus. Sie können dies unter der Annahme verwenden, dass das Bild
im selben Ordner gespeichert wird Ihre HTML-Datei gespeichert wird. Andernfalls können Sie einen Link verwenden, aber es wird nicht sehr empfohlen einen Link
zu einem
Bild zu verwenden, da es möglicherweise nicht so gut aussieht wie ein Bild, das bereits auf Ihrem PC
heruntergeladen wurde. Wenn wir zum Beispiel im Internet nach einem zufälligen Kartenpaket suchen. Und lasst uns
das zum Beispiel wählen. Nehmen wir diese URL
und fügen sie hier ein. Lassen Sie uns unseren Code ausführen. Optional können wir ein Alt-Tag
hinzufügen. Dies funktioniert als Beschreibung für den Viewer, dass das
Bild nicht geladen wird. Aus irgendeinem Grund können Sie eine kleine Beschreibung
schreiben. Okay? Natürlich wird
es nicht angezeigt, weil das Bild perfekt
geladen ist. Lassen Sie uns
zum Beispiel diesen Link zerschneiden und
sehen, ob er funktioniert. Wie Sie sehen können, weil
es nicht ausgesehen hat. Fügen wir hier eine neue Zeile hinzu. Okay? Weil wir den Link
beschädigt haben, wird das alt-Tag verwendet. Bringen wir also
den vollständigen Link zurück. Wir können auch
die Breite und Höhe
des
Bildes steuern , wenn wir möchten. Andernfalls wird
die Standardgröße verwendet. Zum Beispiel
können wir hier die Breite hinzufügen. Geben wir ihm zum Beispiel einen Wert
von 500 an. Wir können auch ein
Wasserspeicherbild
mit dem Rahmenattribut hinzufügen . Wir werden Grenze gleich fünf hinzufügen. Zum Beispiel. So können wir
ein Bild über einen Link hinzufügen. Was ist, wenn wir
ein Bild von unserem PC hinzufügen möchten? Nun, zuerst können wir dafür keinen
Online-Texteditor verwenden. Und wir müssen ein Bild im selben Ordner
wie unsere HTML-Datei haben. Also habe ich hier ein Bild
, auf dem Corp Dot PNG steht. Ich kopiere Paste
in allen HTML-Ordnern. Okay? Jetzt kopieren wir
diese Code-HTML-Datei ein. Öffne es mit Notepad. Und dann benutze
ich für die MH-Quelle anstelle dieses Links anstelle dieses Links das Auto. Dies ist ein Bild, das ich als Beispiel
erstellt habe. Jetzt lasst es uns öffnen und
sehen, wie es aussieht. Wie Sie die Bilder dort sehen können. Und das ist einer der Vorteile
der
Verwendung eines deinstallierten Texteditors auf dem Desktop. Es ermöglicht Ihnen, die Bilder neben
vielen anderen Dingen von
Ihrem PC zu
laden . Okay, also das nächste, was wir uns ansehen
wollen, ist weniger, zum größten Teil gibt es
zwei Arten von Listen, ungeordnete Listen, geordnete Listen. Es gibt einen dritten Typ
namens Beschreibungsliste. Wir schauen uns das in einer Sekunde
an. Aber im Moment sehen
ungeordnete Listen so aus. So sehen geordnete
Listen aus. Beachten Sie, dass sie mit
Ausnahme des Tags
, das sie enthält, fast identisch sind. Ungeordnete Listen haben ein UL-Tag. Das U steht für ungeordnet, und das L steht für
weniger geordnete Liste. Habe ein OL-Tag. Das O steht für bestellt. Das L steht für Liste. Werfen wir einen Blick auf
die Beschreibungsliste. Der Titel unserer Beschreibung
steht auf der Registerkarte d t, was den
Beschreibungstitel bedeuten könnte. Und darunter würden
wir
mit dem DD-Tag die
Beschreibung des Artikels schreiben. Wir könnten diese Titel tatsächlich fett machen, damit sie attraktiver
aussehen. Aber das wird es nicht ansprechend genug aussehen
lassen. Um unsere
Website schön zu gestalten. Dafür brauchen wir CSS, aber das ist ein Thema
für ein anderes Video. Außerdem könnten wir verschachtelte Listen
erstellen, also eine Liste innerhalb einer Liste. Werfen wir einen Blick darauf. Dies ist also unsere reguläre Liste und wir werden eine weitere weniger
als eine Seite davon
hinzufügen. Oh, ich hab vergessen, die Liste zu schließen. Jetzt
entferne ich den Status weil sie zu viel Speicherplatz beanspruchen. Das bedeutet jetzt, dass
die Tastatur die Balanceelemente und die
drei darunter liegenden Elemente oder die untergeordneten Elemente sind, da wir
unsere Codestruktur beibehalten, können
wir leicht erkennen, indem wir
uns ansehen der Code, dass dies
das übergeordnete Element ist und
dies das untergeordnete Element ist. Aber wenn jemand
diese Abstände ignorieren möchte , was Sie
übrigens könnten , würde der Browser Ihren Code gut
lesen. Wenn Sie Ihren Code jedoch später
lesen würden oder jemand anderes Ihren Code lesen
möchte, wird es ihm
schwer fallen, dies zu tun. Der Code von jemandem sollte
also so aussehen. Es wird genauso
aussehen wie dieses, aber es ist sehr schwer zu lesen. Es würde
gut laufen, wie Sie sehen können. Es ist jedoch nicht sehr lesbar und gilt
als schlechte Praxis. Nun, endlich, schauen wir uns
die Tische an. Wir können Tabellen verwenden, um
Daten in Zeilen und Spalten zu organisieren. Tabellen verwenden das tabellen-Tag. Innerhalb des Tabellen-Tags schreiben
wir alles, was die Tabelle enthält,
von Balken zu Spalte. Lassen Sie uns also eine Rolle dafür schaffen. Wir werden das TR-Tag verwenden, was Band der Reihe bedeutet. Innerhalb der Tabellenzeilen erstellen
wir die TH-Tags, was Tabellen-Header-Tags bedeutet. Lassen Sie uns nun unseren Code ausführen und
sehen, wie sie aussehen. Weißt du was? Ich nehme
das oben auf meiner Webseite. Jetzt machen wir
eine weitere Tabellenzeile. Um dies zu tun, verwenden wir t. Aber statt th werden
wir dieses
Mal TD verwenden, da dies
nur normale Daten sind. Der TD steht also für Tabellendaten und das th
steht für Tabellenkopf. Lassen Sie uns nun die Werte
auf ihre Preise ändern. Zum Beispiel. Es zeigt
Informationen so an, wie es sollte, aber es sieht wirklich sehr einfach und
optisch nicht so ansprechend aus. Wir können unsere Tabelle mit
den integrierten Tabellenattributen gestalten . Jeder, den wir tun, mischen
wir einen Tisch. Eine Tabelle ist eine Zeile,
die die Zeilen und Spalten trennt. Fügen wir das mit
den Randattributen hinzu. Wir könnten diese Zahl beispielsweise
auf fünf oder zehn erhöhen . Was dies jedoch tun wird, ist nur die Breite
der Außengrenze zu
vergrößern. Eine andere Sache, die wir tun
könnten, um
unsere Tabelle anzuzeigen , und eine formalere Angelegenheit ist die Verwendung von Zellauffüllung und dem
Zellabstandsattribut. Wir könnten auch das Attribut für den
Zellabstand ausprobieren. Vielleicht sind zehn ein bisschen zu viel. Versuchen wir es mit fünf. Sogar das ist zu viel. Vielleicht sind zwei der beste. Eine andere Sache, die wir
tun könnten, ist sicherzustellen, dass die Anzahl der Zeilen und
Spalten übereinstimmt. Wenn wir also
eine der Zellen löschen würden, würde
es chaotisch aussehen. Wenn wir diese Zelle
beispielsweise löschen, könnten
Sie eine weitere Sache tun, indem Sie
sich über zwei Spalten erstrecken. So können
wir zum Beispiel für die Maus zwei erstrecken. Jetzt sieht es chaotisch aus, weil es die Spalten
des Bildschirms
nimmt. Also könnten wir entweder
den Bildschirm loswerden oder eine weitere
Zelle in die darunter liegende Zeile hinzufügen. Also fügen wir hier eine Zelle hinzu und können ihr zum Beispiel 7 Dollar geben
. Nehmen wir an, es ist die
Maus könnte jetzt den Preis von 5 US-Dollar oder 7 US-Dollar haben, während der Bildschirm nur einen Preis
hat
, der 100 Dollar ist, aber es sagt
nicht Preis. Vielleicht
versteht der Betrachter also nicht, was das bedeutet, fortzubewegen,
um
eine Zelle zu schaffen, die den Preis angibt. Aber jetzt, da die Zeilen und Spalten nicht übereinstimmen, sieht
es chaotisch aus. Wir erstellen eine
Phantomzelle in der darüber liegenden Zeile. Also haben wir eine Zelle erstellt
und sie leer gelassen. Wir können unsere Tabelle
einfach erweitern , indem wir diese Elemente kopieren und
besuchen. Jetzt geben wir ihnen
unterschiedliche Preise. Zum Beispiel könnte man
sagen, dass es gut aussieht, aber die Tastaturpreise
werden nach links verschoben. Wir wollen, dass sie zentriert sind. Dafür können wir das Style-Attribut verwenden
. Dies ist also die Zelle, in der die Tastatur Preise und Stil sind. Kopieren wir dies nun in alle vorhandenen Zellen ein. Die Tastaturwerte, die
Tastaturpreise, tut mir leid. Okay, das ist eher so. Jetzt sieht es viel besser aus, aber es wiederholt das
Wort Preis mehrmals. Ist das nicht eine Möglichkeit, den
Preis über drei Reihen zu spannen? Wir könnten das einfach tun,
indem wir das rowspan-Attribut verwenden. Wir werden uns auf drei Reihen aufteilen. Das ist also der Verkaufspreis. Du willst eine Reihe von drei. Da wir alle 23 ausgeben, wir
diese Preiselemente loswerden. Es sieht jetzt etwas
minimalistischer aus. Jetzt können wir diesen Code kopieren und in unsere HTML-Datei
einfügen. Lass es uns laufen lassen und
sehen, wie es
aussieht . Wir haben noch eine Sache. Lassen Sie uns das Bild ändern, um stattdessen Cartoons PNG zu
haben. Da es keine Königin ist, die
unimodal genannt wird, ist es eine rote Karte. Okay. Also das war's schon. Sie haben Ihre
allererste Webseite erstellt. Ich hoffe, es war eine lohnende
Uhr und hoffentlich
hat sie Ihnen ein
allgemeines Verständnis der Grundlagen von HTML gegeben . Vielen Dank fürs Zuschauen.
Naser Jamal, Computer Engineer
