This code could be made using a simple Notepad as I did here. If you copy and paste in your computer, save the document as .html at the end, and it will be showed in your Web browser.
Printscreen:
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Learning and development">
<meta name="author" content="Lucas D. Macedo">
<meta name="keywords" content="CSS, HTML, Blog">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Lucas Macedo</title>
<style>
body
{
background-image: url('https://cdn.pixabay.com/photo/2016/10/28/00/42/machine-1776925_960_720.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
</style>
<body style="background-color:Black">
<h1
style="text-align:center; color:#FFC300";>
Helllooooo Potatoes!
<p>😄</p>
<iframe width="315" height="210"
src="https://www.youtube.com/embed/SJ1LppcxDAg">
</iframe>
</h1>
<h1 style="text-align:center; color:Black";>
Image free to use under the Pixabay license
<p>No attribution required</p>
<a href="https://macedodigital.blogspot.com/">Macedo Digital Blog</a>
<p><a href="https://www.w3schools.com/">Learn to Code</a></p>
</h1>
</body>
</html>
I hope you like it. Thank you!
References
W3schools. HTML tutorial. Available at: <https://www.w3schools.com/html/> (Accessed: 31 May 2023).
Comments