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

In-depth analysis of MySQL lock blocking

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

In-depth analysis of MySQL lock blocking

JS native 2048 game source code sharing (the latest on the Internet)

How to encapsulate axios in Vue project (unified management of http requests)

Detailed explanation of the difference between MySQL normal index and unique index

Summary of common MySQL function examples [aggregate functions, strings, numbers, time and date processing, etc.]

Learn to deploy microservices with docker in ten minutes

Detailed explanation of CSS animation attribute keyframes

Solution to click event failure when using better-scroll on vue mobile development

Five ways to achieve automatic page jump in HTML

Practice of using Vite2+Vue3 to render Markdown documents

Recommend

How to implement a binary search tree using JavaScript

Docker adds a bridge and sets the IP address range

MySQL online log library migration example

Detailed explanation of how Nginx works

Springboot+Vue-Cropper realizes the effect of avatar cutting and uploading

How to create WeChat games with CocosCreator

Solution to mysql server 5.5 connection failure

Detailed explanation of 10 common HTTP status codes

Detailed explanation of the use of grid properties in CSS

Examples of using html unordered list tags and ordered list tags

Solution to MySQL service 1067 error: modify the mysql executable file path

Summary of Common Mistakes in Web Design

Reasons and solutions for failure of dynamically added routing pages in Vue when refreshing

How to use vs2019 for Linux remote development

Detailed steps for porting busybox to build a minimal root file system