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
Lösen Sie das Problem, dass Navicat keine Verbindung zu MySQL auf dem Linux-Server herstellen kann
Am Anfang war ich traurig. Die Screenshots sind w...
Lösung für das Problem, dass Elemente mit negativem Z-Index nicht angeklickt werden können
Ich habe kürzlich an einer Popup-Anzeige gearbeite...
Zusammenfassung der 10 am häufigsten gestellten Fragen in Linux-Interviews
Vorwort Wenn Sie sich auf die Stelle eines Betrie...
Quickjs kapselt JavaScript-Sandbox-Details
Inhaltsverzeichnis 1. Szenario 2. Vereinfachen Si...
Lösung zum Einfügen eines Formulars mit einer Leerzeile oben und unten
Ich weiß nicht, ob Ihnen beim Erstellen einer Webs...
HTML-Beispielcode zum Lesen und Anzeigen von Bildern in einem lokalen Ordner
Ein Zweck Wählen Sie auf der HTML-Seite einen lok...
js Addition, Subtraktion, Multiplikation und Division – Beispielcode für präzise Berechnungsmethoden
Vorwort Da Computerzahlen Gleitkommazahlen sind, ...
So schreiben Sie HTML-Header in der Webentwicklung für mobile Geräte
Code kopieren Der Code lautet wie folgt: <Kopf...
MySql schnelles Einfügen von zig Millionen großen Datenbeispielen
Im Bereich der Datenanalyse sind Datenbanken unse...
Über Generika der C++ TpeScript-Reihe
Inhaltsverzeichnis 1. Vorlage 2. Generika 3. Gene...
Tutorial zur Installation des Tomcat-Servers unter Windows
1 Herunterladen und vorbereiten Zuerst müssen wir...
Unity stellt eine Verbindung zu MySQL her und liest den Implementierungscode der Tabellendaten
Die Tabelle sieht wie folgt aus: Code, wenn Unity...
Installation von VMware Workstation unter Linux (Ubuntu)
Wenn Sie nicht wissen, wie das System auf dem Com...
JavaScript zum Erzielen eines Texterweiterungs- und -reduzierungseffekts
Die Implementierung des Erweiterns und Reduzieren...
Eine schnelle Lösung für den Fehler #1929 Falscher Datums-/Uhrzeitwert: '''' für die Spalte ''createtime'' bei Verwendung von MySQL 5.x oder höher
Nachdem ich MySQL installiert hatte, erhielt ich ...