Cover photo

MFO₂: Week[1] HTML5 init()

So we started this path of web3 development and I started at HTML5? Why? Roots… or foundations, plus since 99% of you are not developing on iOS or Android… you need to understand how to implement web3 on top of web2.

Where I’d start? How about a link…

But how do I start? Of course one of the 99+ hello world scrips, but you will be starting with my syntax a bit…

<!DOCTYPE html>
<html>
  <head>
     <title>Hello World!</title>
  </head>
  <body>
    Hello World!
  </body>
</html>

Now syntax is everything, and this is beyond simplistic… but you are a rookie remember (if you aren’t you’ll lol a bit reading this)? So what is that? Any thing written in ‘words’ is called a tag, ‘/words’ would close that tag. Some need to be closed whereas others don’t but it’s easier to close everything when in doubt.

The HTML tag

The HEAD tag

  • Examples

  • Meta tags I’d include

    • meta charset="UTF-8"

    • meta name="viewport" content="width=device-width"

    • This is basically the webpage’s metadata…

  • TITLE Tag

  • Some JS for

    • LINK Tag

      • For CSS

        • link href=”” rel=”stylesheet”

      • For favicon

        • link rel=”icon” href=””

  • The BODY tag

    • Examples

    • Some tags i’d read up on cause you’ll use them a lot

      • div

      • button

      • h1-h6

      • hr

      • br

      • p

      • code

      • script

    Seems like a lot for a simple Hello World right? Let’s look at a bit more advanced “Hello World” then

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>MaxFlowO&#x2082's Hello World</title>
    <meta name="author" content="MaxFlowO&#x2082">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div>
      <h1>Tell Chow I said, "Hallo"</h1>
    </div>
  </body>
</html>

    As you can see, there’s a bit more fun stuff but with UTF-8 you can insert things, even emojis. Keep cranking out code and play with Hello World… Next installment is CSS 3 so you can start adding to this Hello World and link things together… like custom html tags, classes, and how-to, “format a page.”

    Thanks for the time,

    Max Flow O₂

    P.S. I know this was ultra basic but week[2] and week[3] will build off this.