Play with HTML
Goal
- âš¡ Get used to different HTML tags
Check HTML tag list
If you see the below link,
https://www.w3schools.com/tags/default.asp
You will find that there are many HTML tags.
In this step, let's try some of the HTML tags from this list.
important
- You don't need to memorize all of these tags!
Let's try some new HTML tag
We start from this code.
test1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
Hello World!
</body>
</html>
Okay, so let's add new HTML tags.
<h1> and <h2> tag
https://www.w3schools.com/tags/tag_hn.asp
Let's write manually and change the content of h1 and h2.
test1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Here is a title.</h1>
<h2>Here is a subtitle.</h2>
</body>
</html>
Check the output.
<ul> tag
https://www.w3schools.com/tags/tag_ul.asp
test1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Here is a title.</h1>
<h2>Here is a subtitle.</h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
Check the output.
Don't worry!
You may feel this website is useless and boring.
But gradually this website becomes nicer like below! Never give up and follow this tutorial!
