Learn Web3 in 100 Days - Day 12: More HTML

0 32
Avatar for xuanling11
2 years ago

Let’s explore more on HTML.

Table of Contents

Why Needs an Element

Newspaper Layout

Tips and Tricks

Web3

In Conclusion

https://twitter.com/xuanling11/status/1516511174572924928

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

https://codepen.io/silkine/pen/QWBxVX

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

https://twitter.com/ajmalmohad_/status/1516363503610654726
https://twitter.com/_georgemoller/status/1515002122387042306
https://twitter.com/swapnakpanda/status/1513882173505679362
https://twitter.com/mrblockchaindev/status/1516039155934908416

Web3 

https://twitter.com/AdiMalihi/status/1516455588129083394

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.







3
$ 1.10
$ 1.10 from @TheRandomRewarder
Sponsors of xuanling11
empty
empty
empty
Avatar for xuanling11
2 years ago

Comments