# MFO₂: Week[1] HTML5 init()
**Published by:** [MaxFlowO₂ 终端浪人](https://paragraph.com/@maxflowo2/)
**Published on:** 2022-12-25
**URL:** https://paragraph.com/@maxflowo2/mfo-week-1-html5-init
## Content
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 tagExampleshtml lang tagThe HEAD tagExamplesMeta tags I’d includemeta charset="UTF-8"meta name="viewport" content="width=device-width"This is basically the webpage’s metadata…TITLE TagSome JS forLINK TagFor CSSlink href=”” rel=”stylesheet”For faviconlink rel=”icon” href=””The BODY tagExamplesSome tags i’d read up on cause you’ll use them a lotdivbuttonh1-h6hrbrpcodescriptSeems 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₂'s Hello World</title> <meta name="author" content="MaxFlowO₂"> <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.
## Publication Information
- [MaxFlowO₂ 终端浪人](https://paragraph.com/@maxflowo2/): Publication homepage
- [All Posts](https://paragraph.com/@maxflowo2/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@maxflowo2): Subscribe to updates
- [Twitter](https://twitter.com/MaxFlowO2): Follow on Twitter