Hey people, I made a music website html and css

It’s not my code but just an example of what AI can do (it’s code from AI).

image

you are missing </html> at the bottom

and this </head> should go before <body> and not in the place where you put it

6 Likes

Fixed the errors Thanks Oxy I edited the last post

it’s wrong - you don’t understand

everything you want to be seen (text, images, links, etc.)
need to go to the body section - you didn’t even open it

and besides, your content is in the head section instead of the body

image

5 Likes

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>
8 Likes

Thanks YT_Xaos for the help I have use the code and uploaded the index.html to my website

1 Like

If you want to learn HTML or understand the basics

click play on this video and on the left in the menu you have other things
https://pl.khanacademy.org/computing/computer-programming/html-css/intro-to-html/pt/html-basics


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”.


or to use one of the options listed here:

8 Likes

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.

6 Likes

Im going to use this code for creating websites on this host :slight_smile: Can I make more websites on this host? Im using notepad++ by the way

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.

5 Likes

Also I run the index again when changing the code on google search console

Why is google saying infinityfree not Music By Lukasz Tarkowski when doing search on google?

You might need to add Open Graph tags on your website as well, especially the og:site_name meta tag; here’s a documentation about it:

4 Likes

Help please not sure how to edit this

<html lang="en"  prefix="Music By Lukasz Tarkowski: my link">

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>
3 Likes

hmm still didn’t work

Now you can try to request indexing again, then wait a few days or weeks for the changes to become visible on Google.

4 Likes

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).

5 Likes

Thanks Greenreader9

I also saw something on your website’s code… I can’t believe it!

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!

6 Likes

Everything is working fine now and my website is on google, I added search keywords to thanks for help Im happy Google indexed my website very quickly :slight_smile:

3 Likes