HTML is the backbone of web pages, providing the structure... Show more
AP Computer Science A309 views·Updated May 29, 2026·3 pagesHTML Tags: Explanation, Usage, and Examples
Benjamin Arguelles@benjaminarguelles_ysur
1 / 3
1
of 3
HTML Fundamentals
HTML (Hyper Text Markup Language) serves as the standard language for creating web pages. It uses a system of tags to mark up different elements and describe the structure of web content. Think of HTML as the skeleton that holds your webpage together!
Every HTML element consists of opening and closing tags that wrap around content. For example, <p>This is a paragraph.</p> creates a paragraph on your webpage. These tags tell browsers how to display your content, though the tags themselves remain invisible to website visitors.
A basic HTML document follows a specific structure. It starts with a <!DOCTYPE html> declaration, followed by <html>, <head>, and <body> elements. The <head> contains information about the page like its title, while the <body> holds all the visible content such as headings and paragraphs.
💡 Quick Tip: Remember that most HTML elements require both opening and closing tags. The closing tag always includes a forward slash before the element name (like
</p>).
2
of 3
Browsers and HTML Structure
Web browsers like Chrome, Firefox, and Safari are designed to read HTML and transform it into the visual webpages we see every day. When you open a webpage, your browser processes all the HTML code but only displays what's inside the <body> section.
The HTML document follows a nested structure, like a family tree. The <html> element contains everything else, with <head> and <body> as its children. Inside the body, you can have headings (<h1>), paragraphs (<p>), images, links, and many other elements that create your webpage content.
This structured approach makes HTML powerful and organized. For instance, a heading is created with <h1>My First Heading</h1> while a paragraph uses <p>My first paragraph.</p>. Each element serves a specific purpose in building your webpage.
🔍 Remember: When viewing a webpage, you're only seeing what's inside the
<body>section of the HTML document. The browser uses the rest of the code to understand how to display this content.
3
of 3
DOCTYPE and HTML Versions
Every HTML document should begin with a DOCTYPE declaration that tells browsers which version of HTML you're using. For modern websites, this is simply <!DOCTYPE html>, which indicates HTML5. This declaration goes at the very top of your file, before any other HTML elements.
HTML has evolved significantly since its creation in 1991. From the original HTML to HTML 2.0 in 1995, HTML 3.2 in 1997, HTML 4.01 in 1999, and XHTML in 2000, each version added new features and capabilities. The current standard, HTML5 (released in 2014), brought major improvements including native support for video, audio, and advanced form elements.
Understanding which version you're working with matters because browsers render pages differently based on the DOCTYPE. Modern web development almost exclusively uses HTML5 because of its improved features and compatibility with mobile devices.
🚀 Evolution in Action: HTML5 represented a huge leap forward in web technology, making it much easier to build interactive, multimedia-rich websites without relying on plugins like Flash.
We thought you’d never ask...
What is the Knowunity AI companion?
Our AI companion is specifically built for the needs of students. Based on the millions of content pieces we have on the platform we can provide truly meaningful and relevant answers to students. But its not only about answers, the companion is even more about guiding students through their daily learning challenges, with personalised study plans, quizzes or content pieces in the chat and 100% personalisation based on the students skills and developments.
Where can I download the Knowunity app?
You can download the app in the Google Play Store and in the Apple App Store.
Is Knowunity really free of charge?
That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.
Most popular content in AP Computer Science A
1Most popular content
9O
AP US HistoryOrigins and Dynamics of the Columbian Exchange
Analyze the ecological and economic motivations behind the initial transfer of goods, people, and diseases between the Old and New Worlds.
9th3,1280
I
AP US HistoryIntroduction to Early Cultural Interactions
Analyze the initial social and religious encounters between Europeans, Africans, and Indigenous peoples in the colonial Americas.
9th2,7730
O
AP World HistoryOrigins of Ancient River Civilizations
Analyze the environmental factors and technological innovations that led to the rise of early states in Mesopotamia, Egypt, and the Indus Valley.
9th3,1860
M
AP US HistoryMotivations for European Exploration
Analyze the economic, religious, and political factors that drove European powers to the Americas during the 15th and 16th centuries.
9th1,7780
F
AP PsychologyFoundations of Ethical Guidelines in Research
Practice the core principles of the APA ethical code including informed consent, debriefing, and the role of Institutional Review Boards.
9th1,3360
I
AP US HistoryIntroduction to Native American Societies
Examine the diverse social, political, and economic structures of North American indigenous groups prior to European contact.
9th1,1100
I
AP BiologyIntroduction to Biological Elements of Life
Practice identifying the essential elements including carbon, nitrogen, phosphorus, and sulfur that compose biological macromolecules.
9th1,7360
I
AP US HistoryIntroduction to the Spanish Encomienda System
Explore the fundamental economic and social structures of the Spanish colonial system, focusing on the encomienda and the casta social hierarchy.
9th8890
O
AP World HistoryOrigins and Continuity of the Byzantine Empire
Analyze the political and cultural transitions from the Roman Empire to the Byzantine Empire, focusing on the reign of Justinian I and his code.
9th1,6320
Can't find what you're looking for? Explore other subjects.
Students love us — and so will you.
4.6/5App Store
4.7/5Google Play
The app is very easy to use and well designed. I have found everything I was looking for so far and have been able to learn a lot from the presentations! I will definitely use the app for a class assignment! And of course it also helps a lot as an inspiration.
Stefan SiOS user
This app is really great. There are so many study notes and help [...]. My problem subject is French, for example, and the app has so many options for help. Thanks to this app, I have improved my French. I would recommend it to anyone.
Samantha KlichAndroid user
Wow, I am really amazed. I just tried the app because I've seen it advertised many times and was absolutely stunned. This app is THE HELP you want for school and above all, it offers so many things, such as workouts and fact sheets, which have been VERY helpful to me personally.
AnnaiOS user
AP Computer Science A309 views·Updated May 29, 2026·3 pagesHTML Tags: Explanation, Usage, and Examples
Benjamin Arguelles@benjaminarguelles_ysur
HTML is the backbone of web pages, providing the structure and content that browsers interpret. It uses markup tags to define different elements like headings, paragraphs, and images that make up a webpage. Understanding HTML basics is essential for anyone... Show more
1
of 3Sign up to see the content. It's free!
- Access to all documents
- Improve your grades
- Join milions of students
HTML Fundamentals
HTML (Hyper Text Markup Language) serves as the standard language for creating web pages. It uses a system of tags to mark up different elements and describe the structure of web content. Think of HTML as the skeleton that holds your webpage together!
Every HTML element consists of opening and closing tags that wrap around content. For example, <p>This is a paragraph.</p> creates a paragraph on your webpage. These tags tell browsers how to display your content, though the tags themselves remain invisible to website visitors.
A basic HTML document follows a specific structure. It starts with a <!DOCTYPE html> declaration, followed by <html>, <head>, and <body> elements. The <head> contains information about the page like its title, while the <body> holds all the visible content such as headings and paragraphs.
💡 Quick Tip: Remember that most HTML elements require both opening and closing tags. The closing tag always includes a forward slash before the element name (like
</p>).
2
of 3Sign up to see the content. It's free!
- Access to all documents
- Improve your grades
- Join milions of students
Browsers and HTML Structure
Web browsers like Chrome, Firefox, and Safari are designed to read HTML and transform it into the visual webpages we see every day. When you open a webpage, your browser processes all the HTML code but only displays what's inside the <body> section.
The HTML document follows a nested structure, like a family tree. The <html> element contains everything else, with <head> and <body> as its children. Inside the body, you can have headings (<h1>), paragraphs (<p>), images, links, and many other elements that create your webpage content.
This structured approach makes HTML powerful and organized. For instance, a heading is created with <h1>My First Heading</h1> while a paragraph uses <p>My first paragraph.</p>. Each element serves a specific purpose in building your webpage.
🔍 Remember: When viewing a webpage, you're only seeing what's inside the
<body>section of the HTML document. The browser uses the rest of the code to understand how to display this content.
3
of 3Sign up to see the content. It's free!
- Access to all documents
- Improve your grades
- Join milions of students
DOCTYPE and HTML Versions
Every HTML document should begin with a DOCTYPE declaration that tells browsers which version of HTML you're using. For modern websites, this is simply <!DOCTYPE html>, which indicates HTML5. This declaration goes at the very top of your file, before any other HTML elements.
HTML has evolved significantly since its creation in 1991. From the original HTML to HTML 2.0 in 1995, HTML 3.2 in 1997, HTML 4.01 in 1999, and XHTML in 2000, each version added new features and capabilities. The current standard, HTML5 (released in 2014), brought major improvements including native support for video, audio, and advanced form elements.
Understanding which version you're working with matters because browsers render pages differently based on the DOCTYPE. Modern web development almost exclusively uses HTML5 because of its improved features and compatibility with mobile devices.
🚀 Evolution in Action: HTML5 represented a huge leap forward in web technology, making it much easier to build interactive, multimedia-rich websites without relying on plugins like Flash.
We thought you’d never ask...
What is the Knowunity AI companion?
Our AI companion is specifically built for the needs of students. Based on the millions of content pieces we have on the platform we can provide truly meaningful and relevant answers to students. But its not only about answers, the companion is even more about guiding students through their daily learning challenges, with personalised study plans, quizzes or content pieces in the chat and 100% personalisation based on the students skills and developments.
Where can I download the Knowunity app?
You can download the app in the Google Play Store and in the Apple App Store.
Is Knowunity really free of charge?
That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.
Most popular content in AP Computer Science A
1Most popular content
9O
AP US HistoryOrigins and Dynamics of the Columbian Exchange
Analyze the ecological and economic motivations behind the initial transfer of goods, people, and diseases between the Old and New Worlds.
9th3,1280
I
AP US HistoryIntroduction to Early Cultural Interactions
Analyze the initial social and religious encounters between Europeans, Africans, and Indigenous peoples in the colonial Americas.
9th2,7730
O
AP World HistoryOrigins of Ancient River Civilizations
Analyze the environmental factors and technological innovations that led to the rise of early states in Mesopotamia, Egypt, and the Indus Valley.
9th3,1860
M
AP US HistoryMotivations for European Exploration
Analyze the economic, religious, and political factors that drove European powers to the Americas during the 15th and 16th centuries.
9th1,7780
F
AP PsychologyFoundations of Ethical Guidelines in Research
Practice the core principles of the APA ethical code including informed consent, debriefing, and the role of Institutional Review Boards.
9th1,3360
I
AP US HistoryIntroduction to Native American Societies
Examine the diverse social, political, and economic structures of North American indigenous groups prior to European contact.
9th1,1100
I
AP BiologyIntroduction to Biological Elements of Life
Practice identifying the essential elements including carbon, nitrogen, phosphorus, and sulfur that compose biological macromolecules.
9th1,7360
I
AP US HistoryIntroduction to the Spanish Encomienda System
Explore the fundamental economic and social structures of the Spanish colonial system, focusing on the encomienda and the casta social hierarchy.
9th8890
O
AP World HistoryOrigins and Continuity of the Byzantine Empire
Analyze the political and cultural transitions from the Roman Empire to the Byzantine Empire, focusing on the reign of Justinian I and his code.
9th1,6320
Can't find what you're looking for? Explore other subjects.
Students love us — and so will you.
4.6/5App Store
4.7/5Google Play
The app is very easy to use and well designed. I have found everything I was looking for so far and have been able to learn a lot from the presentations! I will definitely use the app for a class assignment! And of course it also helps a lot as an inspiration.
Stefan SiOS user
This app is really great. There are so many study notes and help [...]. My problem subject is French, for example, and the app has so many options for help. Thanks to this app, I have improved my French. I would recommend it to anyone.
Samantha KlichAndroid user
Wow, I am really amazed. I just tried the app because I've seen it advertised many times and was absolutely stunned. This app is THE HELP you want for school and above all, it offers so many things, such as workouts and fact sheets, which have been VERY helpful to me personally.
AnnaiOS user