HTML is the backbone of web pages, providing the structure...
AP Computer Science A344 views·Updated Jul 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...
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.
You can download the app in the Google Play Store and in the Apple App Store.
That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.
Similar Content
Most popular content in AP Computer Science A
3AP Computer Science ABasics in using a Microsoft Word
This is a lecture note that is all about using Microsoft Word. This includes detailed step by step process as well as the important parts in Microsoft Word.
1451
AP Computer Science AUnderstanding Data Types in Python
Learn about integers, floating-point numbers, complex numbers, booleans, and strings in Python programming language.
11th660
AP Computer Science AEntrepreneurship
Entrepreneurship is the process of starting a business venture or organization with the aim of making a profit or creating value. Entrepreneurs are individuals who identify a need in the market.
612
Most popular content
9I
SAT®Introduction to SAT Error Pattern Analysis
Practice identifying common reasoning traps and misinterpretations in SAT reading and math stimuli to understand why distractors are plausible.
9th2,1660
C
BiologyCell Organelles
This Quiz Is To Test Your Knowledge Of Cell Organelles And Their Functions Inside The Cell. It Can Also Be A Study Guide To Remember Them Better.
6th6880
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,3370
B
Biologybiology cell organelles and functions
Do you know the cell organelles and their functions?
9th4780
I
SAT®Introduction to SAT Scoring and Scaled Results
Practice interpreting how raw scores are converted to the 1600-point scale and identifying the composition of section scores.
9th8460
F
AP PsychologyFoundations of Research Design and Methodology
Practice distinguishing between different research methods including experiments, correlations, and case studies while identifying key variables.
9th6670
M
MathematicsMath Made Easy: Essential Concepts for Grade 7
Master key math concepts with this comprehensive flashcard set designed specifically for 7th graders. Boost your understanding and ace your exams!
7th7561
M
BiologyMitosis and Cell Division Flashcards
These flashcards cover the basics of mitosis and why cell division occurs in the first place.
9th3450
H
AP PsychologyHistorical Foundations of Psychology
Practice distinguishing between structuralism, functionalism, and the early philosophical roots of psychological science.
9th1,0940
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 A344 views·Updated Jul 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...
1
of 3
Sign 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...
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.
You can download the app in the Google Play Store and in the Apple App Store.
That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.
Similar Content
Most popular content in AP Computer Science A
3AP Computer Science ABasics in using a Microsoft Word
This is a lecture note that is all about using Microsoft Word. This includes detailed step by step process as well as the important parts in Microsoft Word.
1451
AP Computer Science AUnderstanding Data Types in Python
Learn about integers, floating-point numbers, complex numbers, booleans, and strings in Python programming language.
11th660
AP Computer Science AEntrepreneurship
Entrepreneurship is the process of starting a business venture or organization with the aim of making a profit or creating value. Entrepreneurs are individuals who identify a need in the market.
612
Most popular content
9I
SAT®Introduction to SAT Error Pattern Analysis
Practice identifying common reasoning traps and misinterpretations in SAT reading and math stimuli to understand why distractors are plausible.
9th2,1660
C
BiologyCell Organelles
This Quiz Is To Test Your Knowledge Of Cell Organelles And Their Functions Inside The Cell. It Can Also Be A Study Guide To Remember Them Better.
6th6880
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,3370
B
Biologybiology cell organelles and functions
Do you know the cell organelles and their functions?
9th4780
I
SAT®Introduction to SAT Scoring and Scaled Results
Practice interpreting how raw scores are converted to the 1600-point scale and identifying the composition of section scores.
9th8460
F
AP PsychologyFoundations of Research Design and Methodology
Practice distinguishing between different research methods including experiments, correlations, and case studies while identifying key variables.
9th6670
M
MathematicsMath Made Easy: Essential Concepts for Grade 7
Master key math concepts with this comprehensive flashcard set designed specifically for 7th graders. Boost your understanding and ace your exams!
7th7561
M
BiologyMitosis and Cell Division Flashcards
These flashcards cover the basics of mitosis and why cell division occurs in the first place.
9th3450
H
AP PsychologyHistorical Foundations of Psychology
Practice distinguishing between structuralism, functionalism, and the early philosophical roots of psychological science.
9th1,0940
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