HTML Self-study Journey (I) Basic Elements and Attributes Practice (Write Your Own Code)

I followed the tutorial on W3school. I think the tutorial is very good. There are small exercises in each section. Come on!
All the codes are written by myself. Some books are against writing code by yourself, but I think it is beneficial to write it by yourself because I have no basic knowledge. Hehe, personal opinions vary. .
Exercise 1 :

Copy code

The code is as follows:

<html>
<body bgcolor="yellow">
<h1 align="center">This is heading 1</h1>
<h2 align = "left">This is heading 1</h2>
<h3 align = "right">This is heading 1</h3>
<h4>This is heading 1</h4>
<h5>This is heading 1</h5>
<h6>This is heading 1</h6>


<p>This is the first paragraph
</p>
<hr />This is the link area

<a href="http://www.baidu.com">This is baidu link</a>
<br/>
<a href="http://www.w3school.com.cn">This is w3school link</a>
<hr />This is the picture area

<img src = "upload/2022/web/96x96_1758293e995c.jpg" />
<hr />This is the table area
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<hr />Line break function
<p>This sentence wraps here
</p>
<p>
This paragraph has a lot of blank lines or spaces but the browser automatically ignores them
</p>
<pre>
This is preformatted text that can display blank lines, spaces, and code
</pre>
<pre>
while(true)
{
sum=a+b;
return sum;
cout<<sum;
}
</pre>
</body>
</html>

Exercise 2 :

Copy code

The code is as follows:

<html>
<body>
<b>This text is bold</b>

<strong>This text is strong</strong>

<big>This text is big</big>

<small>This text is small</small>

<em>This text is emphasized</em>

<i>This text is italic</i>

This text contains <sub>subscript</sub>

This text contains<sup>superscript</sup>
<hr />
<pre>
This is pre-formatted text. Haha, you can output spaces and blank lines, right?
</pre>
<code>
while(true)
{
computer code;
}
</code>
<kbd>keyboard input</kbd>

<samp>Sample text</samp>

<var>Computer variable</var>
<hr />
Address Exercise:
<address>
Tianjin SHUDIP

FERT R

ABC (collection)

Zip code: 123456
</address>
Abbreviation Practice

<abbr title = "etcetera">etc.</abbr>

<acronym title = "World Wide Web">www.</acronym>
<hr />Text direction exercise // This function is not supported. The text should be output from right to left.

<bdo dir="rt1">Here is some text</bdo>
<hr />Block reference exercise

This is a long quote
<blockquote>This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote</blockquote>
This is a short quote
<q>Short quote wow, short quote</q>
<hr />Practice deleting or adding text effects
<p>There are <del>twenty</del><ins>twelve</ins> in a dozen</p>
</body>
</html>

It must be super simple, hehe, just keep going!

<<: CSS realizes the mask effect when the mouse moves to the image

>>: How to reduce the memory and CPU usage of web pages

CentOS7 firewall and port related commands introduction

HTML Self-study Journey (I) Basic Elements and Attributes Practice (Write Your Own Code)

CentOS7 firewall and port related commands introduction

Sample code for implementing PC resolution adaptation in Vue

Implementation code for partial refresh of HTML page

Six border transition effects implemented by CSS3

How to deploy stand-alone Pulsar and clustered Redis using Docker (development artifact)

How to successfully retrieve VMware Esxi root password after forgetting it

How to clear floating example code in css

Optimizing JavaScript and CSS to improve website performance

About VUE's compilation scope and slot scope slot issues

JavaScript Advanced Custom Exception

Recommend

Kill a bunch of MySQL databases with just a shell script like this (recommended)

Install Tomcat on Linux system and configure Service startup and shutdown

Complete steps to solve 403 forbidden in Nginx

Native js to achieve puzzle effect

When MySQL is upgraded to 5.7, WordPress reports error 1067 when importing data

A simple method to merge and remove duplicate MySQL tables

How to create Baidu dead link file

MySQL learning record: bloody incident caused by KEY partition

Implementation of MySQL joint index (composite index)

Linux firewall status check method example

Summary of the Differences between SQL and NoSQL

Detailed explanation of MySQL partition table

How to enable Swoole Loader extension on Linux system virtual host

Summary of Linux user groups and permissions

Introduction to MySQL Connection Control Plugin