Learn Web3 in 100 Days - Day 12: More HTML

By xuanling11 | Crypto Learning | 19 Apr 2022


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:

d76a64a971f3fe3ace3fd00fa62dc586d541ebe783ad0cafac2fd5b926d67e94.png

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. 

2e4c66313d943366fd424841a22d1988f007e4e1bffa8a4e375e66663edd581a.png

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

c796733de23479232dc258d22dfa33271df03b4a26d3af9369b50958121bec8e.png

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

 

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

b6c3af1ee88af104e98afbdc55beb0bc3a065f6d5589244266abcb39567e372f.jpg

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.

 

ab93cfce5f7c91c683172e568644c8ad42e177d137c84cec30e39106a833b327.png

Join BitDAO to earn a $BIT token here


Photo by Greg Rakozy on Unsplash
Note: the post was shared on multiple platforms here.

You can refer my previous article lists here and here
------------------------
2022 Prediction
2022 Prediction #1: L1 Scalability
2022 Prediction #2: L2 Bridges
2022 Prediction #3: Zero-Knowledge Proofs or ZKPs
2022 Prediction #4: Regulated Defi On-Chain KYC
2022 Prediction #5: Institutional Crypto Adoption
2022 Prediction #6: Defi Insurance
2022 Prediction #7: NFTs-Based Communities - DAO 1.5
2022 Prediction #8: Metaverse and NFTs
2022 Prediction #9: Web2 Companies’ FOMO
2022 Prediction #10: Time for DAO 2.0
------------------------
DAO The Way
DAO The Way Part 1
DAO The Way Part 2
DAO The Way Part 3
DAO The Way Part 4
DAO The Way Part 5
DAO The Way Part 6
DAO The Way Part 7
DAO The Way Part 8
DAO The Way Part 9
DAO The Way Part 10
DAO The Way Part 11
DAO The Way Part 12
------------------------
Learn How To Defi
Learn How To Defi Part 1
Learn How To Defi Part 2
Learn How To Defi Part 3
Learn How To Defi Part 4
Learn How To Defi Part 5
------------------------
Crypto Comics
Crypto Comics
Crypto Comics - PoW
Crypto Comics - Who is Satoshi
Crypto Comics - What is Token
Crypto Comics - What is DeFi
Crypto Comics - What is Wallet
Crypto Comics - What is HODL
Crypto Comics - What is Coinbase
Crypto Comics - What is PoS
Crypto Comics - What is DAO
Crypto Comics - What is A Block
Crypto Comics - What is NFT
Crypto Comics - What is Fork
Crypto Comics - What is Web3
Crypto Comics - What is DeFi-2
Crypto Comics - What is Yearn Finance
Crypto Comics - What is Degen
Crypto Comics - What is Aping
Crypto Comics - What is Cold Wallet
Crypto Comics - What is Hot Wallet
Crypto Comics - What is Airdrop
Crypto Comics - What is DYOR
Crypto Comics - What is 65537
Crypto Comics - What is RC4
Crypto Comics - What is WAGMI
Crypto Comics - What is Bagholder
Crypto Comics - What is Decentralization
Crypto Comics - What is Wallet Address
Crypto Comics - What is Plagiarism in Web3
Crypto Comics - What is Bart Pattern
Crypto Comics - What is Encryption
Crypto Comics - What is Consensus
Crypto Comics - What is Protocol
Crypto Comics - What is Stablecoin
Crypto Comics - What is ApeCoin
Crypto Comics - What is FOMO
Crypto Comics - What is Tokenomics
Crypto Comics - What is APR
Crypto Comics - What is to The Moon
------------------------
Learn Web3 in 100 Days
Learn Web3 in 100 Days - #1 What is the Internet and How Relevant to Web3
Learn Web3 in 100 Days - Day 2: What are the Browsers and Servers
Learn Web3 in 100 Days - Day 3: What are HTTP Status Code
Learn Web3 in 100 Days - Day 4: HTML and CSS and JS
Learn Web3 in 100 Days - Day 5: What is programming
Learn Web3 in 100 Days - Day 6: Markup, Elements, Tags, and Hyperlinks
Learn Web3 in 100 Days - Day 7: Style Your Web
Learn Web3 in 100 Days - Day 8: JS
Learn Web3 in 100 Days - Day 9: SQL
Learn Web3 in 100 Days - Day 10: Front-End
Learn Web3 in 100 Days - Day 11: Front-End Framework
------------------------
Modern Economic Nonsense
Modern Economic Nonsense - Inflation and Incentives
Modern Economical Nonsense - The Astrologist's Way
Modern Economical Nonsense - The VUCA World
Modern Economical Nonsense - Zug Tax and How to Run your Own Monopoly
Modern Economical Nonsense - Participatory Economy
-------------------------------------------------------------------------------------
Disclosure: The article was written by a delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matters. You should not believe any words this author wrote or you may experience similar symptoms or even possibly become a nut job.

How do you rate this article?


14

0

xuanling11
xuanling11

A delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matters to write with a freestyle.


Crypto Learning
Crypto Learning

All article was written by a delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matters.

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.