HTML-Selbststudium (I) Grundlegende Elemente und Attribute üben (Schreiben Sie Ihren eigenen Code)
|
Ich habe das Tutorial auf W3school durchgearbeitet. Ich finde das Tutorial sehr gut. In jedem Abschnitt gibt es kleine Übungen. Komm schon! Alle Codes habe ich selbst geschrieben. Einige Bücher sprechen sich dagegen aus, Code selbst zu schreiben, aber ich denke, es ist von Vorteil, ihn selbst zu schreiben, da ich keine Grundkenntnisse habe. Hehe, persönliche Meinungen gehen auseinander. . Übung 1 : Code kopieren Der Code lautet wie folgt:<html> <body bgcolor="gelb"> <h1 align="center">Dies ist Überschrift 1</h1> <h2 align = "left">Dies ist Überschrift 1</h2> <h3 align = "right">Dies ist Überschrift 1</h3> <h4>Dies ist Überschrift 1</h4> <h5>Dies ist Überschrift 1</h5> <h6>Dies ist Überschrift 1</h6> <!--<h7>Dies ist Überschrift 1</h7>--> <!--Noch ein Kommentar, probieren Sie den Effekt aus--> <p>Dies ist der erste Absatz </p> <hr />Dies ist der Linkbereich <a href="http://www.baidu.com">Dies ist ein Baidu-Link</a> <br/> <a href="http://www.w3school.com.cn">Dies ist der w3school-Link</a> <hr />Dies ist der Bildbereich <img src = "upload/2022/web/96x96_1758293e995c.jpg" /> <hr />Dies ist der Tabellenbereich <Tabellengrenze="1"> <tr> <th>Monat</th> <th>Ersparnisse</th> </tr> <tr> <td>Januar</td> <td>100 US-Dollar</td> </tr> </Tabelle> <hr />Zeilenumbruchfunktion <p>Dieser Satz endet hier </p> <p> Dieser Absatz enthält viele Leerzeilen oder Leerzeichen, aber der Browser ignoriert sie automatisch </p> <vor> Dies ist vorformatierter Text, der Leerzeilen, Leerzeichen und Code anzeigen kann </pre> <vor> während(wahr) { Summe=a+b; Rücklaufsumme; cout<<Summe; } </pre> </body> </html> Übung 2 : Code kopieren Der Code lautet wie folgt:<html> <Text> <b>Dieser Text ist fett</b> <strong>Dieser Text ist stark</strong> <big>Dieser Text ist groß</big> <small>Dieser Text ist klein</small> <em>Dieser Text ist hervorgehoben</em> <i>Dieser Text ist kursiv</i> Dieser Text enthält <sub>Tiefgestellt</sub> Dieser Text enthält<sup>hochgestellte</sup> <hr /> <vor> Dies ist vorformatierter Text. Haha, Leerzeichen und Leerzeilen kann man doch ausgeben, oder? </pre> <Code> während(wahr) { Computercode; } </code> <kbd>Tastatureingabe</kbd> <samp>Beispieltext</samp> <var>Computervariable</var> <hr /> Adressübung: <Adresse> Tianjin SHUDIP FERT R ABC (Sammlung) Postleitzahl: 123456 </Adresse> Abkürzungspraxis <abbr Titel = "usw.">usw.</abbr> <acronym title = "World Wide Web">www.</acronym> <hr />Übung zur Textrichtung // Diese Funktion wird nicht unterstützt. Der Text soll von rechts nach links ausgegeben werden. <bdo dir="rt1">Hier ist etwas Text</bdo> <hr />Blockreferenzübung Dies ist ein langes Zitat <blockquote>Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat. Dies ist ein langes Zitat.</blockquote> Dies ist ein kurzes Zitat <q>Kurzes Zitat, wow, kurzes Zitat</q> <hr />Üben Sie das Löschen oder Hinzufügen von Texteffekten <p>Es gibt <del>zwanzig</del><ins>zwölf</ins> in einem Dutzend</p> </body> </html> Es muss super einfach sein, hehe, mach einfach weiter! |
<<: CSS realisiert den Maskeneffekt, wenn die Maus über das Bild bewegt wird
>>: So reduzieren Sie die Speicher- und CPU-Auslastung von Webseiten
Artikel empfehlen
Vue + Express + Socket realisiert Chat-Funktion
In diesem Artikel wird der spezifische Code von V...
Eine kurze Diskussion über den Unterschied zwischen MySQL-Primärschlüsseleinschränkung und eindeutiger Einschränkung
Inhaltsverzeichnis Primärschlüsseleinschränkung E...
Bereinigungsmethode für das Docker-Verzeichnis /var/lib/docker/aufs/mnt
Der Dienst des Unternehmens verwendet Docker und ...
Die Verwendung von FrameLayout in sechs Layouts
Vorwort In der letzten Ausgabe haben wir Ihnen Li...
So generieren Sie Zufallszahlen mit angegebenen Ziffern in MySQL und so generieren Sie Zufallszahlen in Stapeln
1. Stellen Sie zunächst einige häufig verwendete ...
Ein praktischer Leitfaden zu den Komponenten zur Leistungsoptimierung beim ersten Bildschirm von Vue-Projekten
Inhaltsverzeichnis Komponente zur Leistungsoptimi...
Detaillierte MySQL-CRUD-Anweisungen zum Hinzufügen, Löschen, Ändern und Abfragen einer einzelnen Tabelle
MySQL-Anweisungen zum Hinzufügen, Löschen, Ändern...
So verwenden Sie die Vue-Timeline-Komponente
In diesem Artikelbeispiel wird der spezifische Im...
Mit CSS3 implementierter Gradienten-Folieneffekt
Ergebnisse erzielen Code html <div Klasse=&quo...
Detaillierte Erklärung zum Erstellen geplanter MySql-Aufgaben in Navicat
Detaillierte Erklärung zum Erstellen geplanter My...
Lösung für das Problem, dass Navicat keine Remoteverbindung zum MySql-Server herstellen kann
Die Lösung für das Problem, dass Navicat keine Re...
So erstellen Sie eine MySQL-Master-Slave-Datenbank mit Docker unter MacOS
1. Ziehen Sie das MySQL-Image Holen Sie sich das ...
Unterscheidung zwischen Linux-Hardlinks und Softlinks
Unter Linux gibt es zwei Arten von Dateiverbindun...
Ubuntu 16.04 64-Bit in drei Schritten mit 32-Bit-Programmen kompatibel
Schritt 1: Bestätigen Sie die Architektur Ihres S...
Fallstricke basierend auf MySQL-Standardsortierregeln
Der Standardtyp varchar in MySQL ist case-insensi...