read.cash Log in
@xuanling11 more from that month

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:

`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.

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**.  https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-bitcoin **In Conclusion** Although HTML is simple, there is much more to learn! Keep learning.

No comments yet

Log in to join in Reading is open to everyone. Replying needs an account.