Apr 19•2 min read
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
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.
Photo by Greg Rakozy on Unsplash
Resource
http://web.simmons.edu/~grabiner/comm244/weekfour/document-tree.html
http://watershedcreative.com/naked/html-tree.html
https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-bitcoin
https://www.w3.org/History/1989/proposal.html