WebsitesActivityLearnUpgrade to Supportermyzika Neocities.org HTML Tutorial Page 3/10 Great work! Let's move on to writing your first tag.Let's make your name a heading by putWebsitesActivityLearnUpgrade to Supportermyzika Neocities.org HTML Tutorial Page 8/10 Now add a link to one of your list items. If nested properly, it should look similar to this:
  • Yarn
    • Tags so far Headings:

    Title of the page!

    Less important title

    Paragraphs:

    Hello! This is a paragraph.

    Links: Click here! Images: Lists HTML Site Preview Neocities is open source. Follow us on BlueskyAboutDonateCLIBlogAPIPressStatusTermsContactting the h1 tag around it. This helps to visually separate content on your site.Try using an h1 tag by changing the text to sometWebsitesActivityLearnUpgrade to Supportermyzika Neocities.org HTML Tutorial Page 7/10 Now maybe your website needs a list. Here's how an unordered list looks: First, add a list to your page, but replace my favorite activities with your own!Second, put an h2 header above the list with some kind of title, like "Interests." Lists You can make an ordered (numbered) list like so:
    1. First item
    2. Second item
    3. Third item
    HTML Site Preview Neocities is open source. Follow us on BlueskyAboutDonateCLIBlogAPIPressStatusTermsContacthing like this:

    icty's Website

    and click save. Heading Tags Here are all the heading tags, for all your needs—from the most important to the least!

    Really important heading!

    Secondary heading

    Tertiary heading

    Other heading

    Minor heading
    Very minor heading
    HTML aeryayrea WebsitesActivityLearnUpgrade to Supportermyzika Neocities.org HTML TutorialWebsitesActivityLearnUpgrade to Supportermyzika Neocities.org HTML Tutorial Page 5/10 You're writing HTML! You're doing it! Everything you need to know is just another tag! For example, a link to another site looks like this: Check out Neocities! Add a link to your favorite site to the end of the paragraph, right before the

    closing tag! Link tags Click me! The 'a' in a link tag stands for 'anchor'. The 'href' is short for 'hypertext reference' - it's a way to reference another hypertext document, like your favorite website! Nesting Tags always need to be nested properly, like Russian dolls. Note that both 'a' tags are inside the 'p' tags:

    Welcome! Link!

    This code is incorrectly nested:

    Welcome! Link!

    HTML Site Preview Neocities is open source. Follow us on BlueskyAboutDonateCLIBlogAPIPressStatusTermsContact Page 4/10 Now let's add a paragraph of text below theWebsitesActivityLearnUpgrade to Supportermyzika Neocities.org HTML Tutorial Page 6/10 Nice job! Links are great for sharing other sites or navigating to other pages on your site. Now let's add an image.Your Neocities web directory already includes an image called neocities.png.Add it to your page: That's it! No closing tag needed for images. Links and Images If the page or image you're referring to is already in your Neocities web directory, you can call it by its filename: for example, index.html or cat.png. Otherwise, use full URLs like this: https://neocities.org/img/heartcat.png HTML Site Preview Neocities is open source. Follow us on BlueskyAboutDonateCLIBlogAPIPressStatusTermsContact h1 heading. Perhaps "Welcome to my website" or your favorite quote.To make a paragraph, surround your text with the

    tag. So it should look something like

    Welcome!

    What do I put on my website? With HTML, you can make the exact website that you want to make, free from the limits of social networks. It could be a personal page or it could be totally anonymous! You could write about your interests, share artwork, or post photos. You'll learn about adding links and images soon. HTML Site Preview Neocities is open source. Follow us on BlueskyAboutDonateCLIBlogAPIPressStatusTermsContact Site Preview Neocities is open source. Follow us on BlueskyAboutDonateCLIBlogAPIPressStatusTermsContact aeryayrea Hello Wafs