Hello World :)

Lets get started with html

The first thing you need to know is that in html we always start with <html>
</html>
All of your code goes inside those two tags (in html things with <> are called tags). To display stuff on the page, we will put a body tag (closing tags always end with </tagname>). Everything we want to display on the webpage will go there.

This is an html file displaying this webpage using a font called San Francisco Pro. It is the font apple uses (SF Pro is an upgraded version of the font SF that apple has made more recently) This is a <p> tag used to make paragraphs.
If I want to make a heading like the one above I use the <h1> (choose a number from 1 to 6 for the size you want to make) tag.
Remember that all html tags are written in US-English so the text colour in the style option is color: #FFF; not colour: #FFF;


I can use header tags (this is a <h2> tag) as paragraphs like this if I edit the style to make the text size smaller if I want but to make your code more clear it is recommended to use the <p> tag instead.

If I want to make my text bold I can put <b> tags around it like this:
<b> hello </b> and this is the outcome:
Hello but I can also use the <strong> tag to achive the same outcome like this: This is strong text

This is an image made by the <img src = "your file name"> tag. It is also using the css property border-radius: 40px;



Down below is a external hyperlink

A hyper link leading to google (tag: <a href = "https://yourlink.com">What you want to display on the page>)

These are internal hyperlinks.

This will open a new page inside of my webpage.

The List tags

List tags are used for lists. There are 3 tags used for lists. The orderded list tag (<ol>) used to create numbered list, the unordered list tag (<ul>) used to create bulleted lists and the <li> tag. This tag is put inside the [un]ordered list to represent items in the list. Remember, you can always create the same effect of lists by using <p> tags.

Down below is an example of an unordered list

Here is an example of an ordered list. You can use the exact same code as the unordered list, just remember to change all <ul> tags to <ol>!

  1. Hello
  2. World
  3. This is the ordered list.

This is a button. It uses some Javascript to display the message upon clicking. Click the button to find how to make it!

Smiley clicker made with javascript! (Saves automatically in localstorage!)

Before playing, prices can be wrong, so press the reset button if you want to play a new game, even if this is the first time playing on this website. There is a LOT of JavaScript used to make this so you should look at the inspector instead. If you prefer using your spacebar, use tab to 'click' the button. Every time you click (or every second), the 'smileys' are saved into your browser and loaded upon entering the site. Note that your browser can delete this data at any time.

NOTE:

There are autoclicker and savefile editing/console anticheats. You have been warned. (upon detecting cheating you will be instantly reset.

Smiley Clicker!