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