Crypto Research

Learn Web3 in 100 Days – Day 12: More HTML

Let’s explore more on HTML.

Table of Contents

Why Needs an Element

Newspaper Layout

Tips and Tricks

Web3

In Conclusion

Why Needs an Element

The key to the element is content. However, to organize content, we are using tags. The way to organize content is to construct a tree of elements:

Image Credit: http://web.simmons.edu/~grabiner/comm244/weekfour/document-tree.html

html

* head

* body

    + div

        + p

            + text 

    + div

        + unordered list

     + list items

Thinking about the tree is growing out of the commands that are given. 

Image Credit: http://watershedcreative.com/naked/html-tree.html

Html: root

Head: trunk

Body: tree body

Div: branch

P: leaf

Text: leaf with flowers

Newspaper Layout

Html is similar to a newspaper. You have your headline, a body, and a paragraph. 

Image Credit: https://www.oocities.org/egf94/features/professional/journalism.html

Here is a sample:

<body>

  <h1>Cat</h1>

  <div>

    <h2>About Cat</h2>

    <h3>Species</h3>

    <h3>Countries</h3>

  </div>

  <div>

    <h2>Image</h2>

    <h3>Cute Cat</h3>

    <h3>Angry Cat</h3>

  </div>

  <div>

    <h2>Video</h2>

  </div>

</body>

Tips and Tricks

Web3 

Bitcoin is a skeleton of cryptocurrencies. Maybe it is too advanced to dive into Bitcoin coding. However, you can create a Bitcoin image here

In Conclusion

Although HTML is simple, there is much more to learn!

Keep learning.

Related posts
Crypto Research

Modern Economic Nonsense — The Bitcoin reserve is coming

Crypto Research

Modern Economic Nonsense — The Bitcoin apocalypse is coming

Crypto Research

Modern Economic Nonsense — What if the Fed gets inflation all wrong

Crypto Research

Modern Economic Nonsense — The era of currency debasement

Sign up for our Newsletter and
stay informed

Leave a Reply

Your email address will not be published.