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.
In Conclusion
Although HTML is simple, there is much more to learn!
Keep learning.