Let’s explore deeper in HTML.
TL;DR
Table of Contents
What is Markup
What is Metadata
What is Metaverse in Web3
What is XML
XML vs. HTML
What is HTML Elements
What is Hyperlink
How Hyperlink works in HTML
In Conclusion
What is Markup
Markup is an annotation to text. The way computers communicate with humans is different from human communication. You will have to highlight instructions for a computer to follow by specifically telling that instruction. Because the computer can only do one thing - to follow instructions.
For example, rather than implying the meaning, you will show images through human language, you need to give specific instructions as <img> to instruct the computer to show images. Check out here.
What is Metadata
Metadata is data information about other data. The idea is to elaborate more data on the existing data. If you provide an image. The image is data. Metadata can be attributed to the image such as size, date, and many others.
What is Metaverse in Web3
Metaverse came from the combination of meta and universe. It means there is more data to describe the universe that the project will create. In the sense of programming, Metaverse is a virtual place full of data and data about data.
What is XML
XML or eXtensible Markup Language is a better version of HTML. it simplifies data sharing and makes it more flexible to modify to tailor your needs.
XML vs. HTML
Image Credit: https://codeutility.org/xml-to-html-converter/
XML focuses on what data is compared to HTML focus on how data looks. XML can define tags while HTML predefined tags for users.
You can play around with XML to HTML converter and see how intuitive XML is when compared to HTML.
What is HTML Elements
Image Credit: https://en.wikipedia.org/wiki/HTML_element
The HTML paragraph contains the opening and closing tags with content in the middle. The difference between the opening tag and closing tag is the symbol “/”.
So the famous first line of the code is “Hello World” which can write as:
<h1>Hello World</h1>
You can try it here.
Note that different sizes of the font are defined by the number followed by h. <h1> font size is larger than <h2> as an example.
What is Hyperlink
A hyperlink allows users to browse information from one end to another. It was created by Ted Nelson around 1965. The idea was to expand beyond the constraints. You can turn about anything into a hyperlink.
How Hyperlink works in HTML
You will assign attributes to the text you want to portal it from one end to another end. You will assign an anchor tag <a> with the feature of hyperlink reference or “href =” in short. And direct the location of the page you want the text to the portal.
The text structure is shown below as an example:
<a href="https://www.xuanling11.com/">Check out xuanling11.com!</a>
You can try it out here.
In Conclusion
Now you have learned the basics of HTML. We will explore how to make the web more attractive!
The next topic I will go deep into is CSS.
Photo by Markus Spiske 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
------------------------
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
------------------------
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
-------------------------------------------------------------------------------------
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.
