I think you should put a bit more time into learning HTML syntax. The closing of the head tag should come before the start of the body tag.
Here is what you should have:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {background-color: black;}
.button {
background-color: #000000;
border: none;
color: red;
padding: 2px 2px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 38px;
margin: 85px -6px;
cursor: pointer;
}
p {
font-size: 35px;
color: red;
}
</style>
</head>
<body>
<a href="Link Here" class="button">Button Name Here</a>
<p>Welcome To Website Of Lukasz Tarkowski</p>
<p>I am a music composer and I compose electronic music, I like Electronic music by Jean Michael Jarre</p>
</body>
</html>
If you just want to have a website
then it’s easier for you to download one of the ready-made HTML5 templates from the net and edit it according to your wishes
eg search Google with: “HTML5 free music template”.
If only typing.com still had their free web development lessons. That’s how I learned. They made you code an app along with them and they would show you the results. I think it was a good way to learn.
You can add as many domains/subdomains as you want on your hosting account, and you can have up to 3 hosting accounts, so there’s nothing that stops you from creating more websites other than the INODE limit.
I can also apply it to the corrected code @YT_Xaos shared to you, along with some useful tags for SEO; here it is. Make sure you replace the placeholders, e.g. title here or keyword1, keyword2, you name it (and not the contents of the prefix attribute) with what you want to put on those:
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<!-- Above that is the Open Graph prefix declaration -->
<head>
<meta charset="UTF-8">
<meta name="description" content="description here">
<meta name="keywords" content="keyword1, keyword2, you name it">
<meta name="author" content="author here">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="title here">
<meta property="og:description" content="description here">
<meta property="og:type" content="website">
<meta property="og:site_name" content="site name here">
<meta property="og:image" content="image url here"> <!-- make sure the image you want to put in the preview is also uploaded -->
<meta property="og:url" content="url here">
<title>title here</title>
<style>
body {background-color: black;}
.button {
background-color: #000000;
border: none;
color: red;
padding: 2px 2px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 38px;
margin: 85px -6px;
cursor: pointer;
}
p {
font-size: 35px;
color: red;
}
</style>
</head>
<body>
<a href="Link Here" class="button">Button Name Here</a>
<p>Welcome To Website Of Lukasz Tarkowski</p>
<p>I am a music composer and I compose electronic music, I like Electronic music by Jean Michael Jarre</p>
</body>
</html>
If you are talking about the text on the very top, that is because you are using a free subdomain and Google is choosing to show information about the base domain (Which belongs to InfinityFree) there.
The only way to change that is to buy your domain (From Namecheap or NameSilo to name a few).
Why did you change the Open Graph’s name mapping prefix URL to your website’s URL, also with a quote in the beginning of it just to close the prefix attribute at first and so make the browser think those two attributes are separate? You weren’t supposed to change that! I don’t know which strange effects that change will do, but I think it’s better without the prefix attribute or, if left, left without being changed!