# MFO₂: Week[1] HTML5 init()
By [MaxFlowO₂ 终端浪人](https://paragraph.com/@maxflowo2) · 2022-12-25
---
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](https://developer.mozilla.org/en-US/docs/Learn/HTML)…
But how do I start? Of course one of the 99+ hello world scrips, but you will be starting with my syntax a bit…
Hello World!
Hello World!
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
* [Examples](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html)
* html [lang tag](https://datatracker.ietf.org/doc/html/rfc5646)
The HEAD tag
* [Examples](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head)
* 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](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title)
* Some JS for
* [LINK Tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)
* For CSS
* link href=”” rel=”stylesheet”
* For favicon
* link rel=”icon” href=””
* The BODY tag
* [Examples](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body)
* 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
MaxFlowO₂'s Hello World
Tell Chow I said, "Hallo"
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.
---
*Originally published on [MaxFlowO₂ 终端浪人](https://paragraph.com/@maxflowo2/mfo-week-1-html5-init)*