1
Q
What does HTML stand for?
A
HyperText Markup Language — it defines the structure and meaning of web content so browsers can render it.
2
Q
What is HTML used for?
A
It describes the content, structure, and meaning of web pages that are displayed by browsers such as Chrome, Edge, or Firefox.
3
Q
What is a hypertext document?
A
Text that contains hyperlinks connecting to other parts of the same document or to other documents.
4
Q
What is a hyperlink in HTML?
A
A clickable reference created with the <a> tag that links to another document or resource.</a>
5
Q
Who invented the World Wide Web?
A
Tim Berners-Lee, in 1989, using the idea of hyperlinks proposed earlier by Ted Nelson.
6
Q
What is a markup language?
A
A system for annotating text to define structure, presentation, and meaning using tags or symbols.
7
Q
Give examples of markup languages besides HTML.
A
XML, Markdown, LaTeX, YAML, SVG, and MathML.
8
Q
What organization currently maintains the HTML Living Standard?
A
The WHATWG (Web Hypertext Application Technology Working Group).
9
Q
What are some older organizations that worked on HTML standards?
A
The IETF (Internet Engineering Task Force) and the W3C (World Wide Web Consortium).
10
Q
What is the difference between HTML and XHTML?
A
XHTML uses stricter XML-based syntax, while HTML 5 is more flexible and forgiving.
11
Q
What is the role of a web browser in relation to HTML?
A
It interprets and renders the HTML document into a formatted web page for users.
12
Q
What are the main parts of an HTML document?
A
The head (for metadata and links) and the body (for visible page content).
13
Q
Is HTML a programming language?
A
No — it is a markup language, not a programming language.
14
Q
What kinds of content can an HTML document contain?
A
Text, images, audio, video, links, scripts, and metadata.
15
Q
What do we mean by “rendering” in web browsers?
A
The process by which browsers visually display the structured HTML content.
16
Q
Why is HTML important for the Internet?
A
It provides a universal, structured way for browsers to understand and display documents across devices.
17
Q
What does the term “element” mean in HTML?
A
A building block defined by a start and end tag that represents content or structure, e.g. <p>Paragraph</p>.
18
Q
What is the relationship between HTML and CSS?
A
HTML defines structure and content; CSS defines presentation and style.
19
Q
What is the relationship between HTML and JavaScript?
A
JavaScript adds interactivity and dynamic behavior to the static structure defined by HTML.
20
Q
What are “metadata” elements used for in HTML?
A
They provide information about the document itself, such as title, author, keywords, and linked resources.
21
Q
What is the basic structure of an HTML document?
A
An HTML document has a DOCTYPE declaration, followed by <html>, <head>, and <body> elements.
22
Q
What is the purpose of the <!DOCTYPE html> declaration?
A
It tells the browser that the document uses HTML5, ensuring consistent rendering.
23
Q
What is the <html> element?
A
The root element that contains all other elements in the page.
24
Q
What are the two main child elements of <html>?
A
<head> for metadata and <body> for visible content.
</body></head>
25
What does the element contain?
Metadata, links to stylesheets, page title, and scripts that are not shown on the page.
26
What does the element contain?
The main visible content of the web page such as text, images, and links.
27
What is the element used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
It defines the title displayed in the browser tab and is contained within the <head>.
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?cardId=646979920&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-number='28' id='card-646979920'>
<div class='header'>
28
</div>
<div class='card-face question'>
<div class='question-content'>
Where is the <title> element placed?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Inside the <head> element.
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?cardId=646979921&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-number='29' id='card-646979921'>
<div class='header'>
29
</div>
<div class='card-face question'>
<div class='question-content'>
What is a minimal valid HTML document?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<!DOCTYPE html>
<html>
<head>
<title>Title goes here
Body text goes here
30
Why must all HTML tags be properly nested?
To ensure the document structure is clear and can be parsed correctly by browsers.
31
What happens if HTML tags are not properly nested?
The browser may render content incorrectly or ignore parts of the page.
32
What is a void element in HTML?
An element that cannot have content or an end tag (e.g.
,![]()
).
,
33
What does it mean that HTML elements can be nested?
One element can be placed inside another to create a hierarchical structure.
34
Can HTML tags be written in uppercase?
Yes, but lowercase is preferred and standard in modern HTML.
35
What kind of file extension do HTML documents usually have?
.html or .htm
36
Where should you place CSS or JavaScript links in an HTML document?
CSS links in the ; JavaScript scripts often at the end of for faster loading.
37
What is an attribute in HTML?
Additional information added to a tag, written as key="value", e.g.
.
38
How should attribute values be written?
Inside quotation marks, either single (' ') or double (' ').
39
Why is indentation used in HTML code?
To make the structure readable and easy to understand.
40
What is the difference between HTML syntax errors and browser errors?
HTML syntax errors usually don’t stop the page from rendering, but may change how it displays.
41
What is an HTML element?
A piece of content defined by start and end tags, e.g.
Text
.
42
What is a tag in HTML?
The text between < and > that defines the start or end of an element.
43
What are start and end tags?
A start tag marks the beginning (
), and an end tag marks the end (
).
44
What are empty (void) elements?
Elements that do not have content or an end tag, e.g.
,![]()
, .
,
45
What is an attribute?
A key-value pair providing extra information about an element, e.g. id="main".
46
How are attributes written?
Inside the start tag, after the element name, using the format name="value".
47
What does the id attribute do?
Assigns a unique identifier to an element in the document.
48
What does the class attribute do?
Assigns an element to one or more groups for styling or scripting purposes.
49
Can elements have multiple classes?
Yes, separated by spaces, e.g.
50
Give an example of an attribute with language information.
This is British English.
51
What are global attributes?
Attributes that can be used on any HTML element, such as id, class, style, and title.
52
What does the title attribute do?
Provides extra information that appears as a tooltip when the mouse hovers over the element.
53
What is the difference between block-level and inline elements?
Block-level elements (like
,
) start on new lines; inline elements (like , ) do not.
54
Give three examples of block-level elements.
,
,
56
What is semantic HTML?
HTML that uses meaningful tags to describe content, such as ,
57
Why is semantic HTML important?
It improves accessibility, SEO, and makes code more understandable.
58
What is the
element used for?
To group block-level content together for layout or styling purposes.
59
What is the element used for?
To group inline content together for styling or scripting.
60
Can HTML elements be nested inside one another?
Yes, as long as tags are properly opened and closed in order.
61
What is the element used for?
To contain metadata and links that describe the document, not visible on the page.
62
What kind of content goes in the ?
Welcome!
This is my first web page.
176
Q: What is the purpose of the DOCTYPE line?
A: It declares the document as HTML5 and helps browsers render correctly.
177
Q: What attribute should be added to the tag for accessibility?
A: lang="en" or appropriate language code.
178
Q: What is the function of ?
A: Defines the character encoding used for the document.
179
Q: What are the two main sections of every HTML page?
A: and .
180
Q: Where should you link external CSS and JS files?
A: CSS inside ; JavaScript usually before .
181
Q: What are void elements and give examples.
A: Elements without closing tags:
,![]()
, ,
.
,
.
182
Q: What is a well-formed HTML document?
A: One where all tags are properly nested and attributes correctly written.
183
Q: Why is HTML considered the foundation of the web?
A: Because all web pages and applications build on HTML’s structure for content delivery.
184
Q: What is semantic HTML and why use it?
A: Using tags that describe meaning (e.g., , ) — improves readability and accessibility.
185
Q: What does the browser do when it loads an HTML file?
A: Parses the markup, builds a DOM tree, and displays styled content to the user.
186
Q: What does the term "markup" mean in HTML?
A: Annotating text with tags to give it structure and meaning.
187
Q: What are the most common structural HTML elements?
A: , , , , <p>, <h1>, <a>, <div>, <span>.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?cardId=646994361&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-card-is-blurrable data-number='188' id='card-646994361'>
<div class='header'>
188
</div>
<div class='card-face question'>
<div class='question-content'>
Q: What are best practices for writing HTML?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A: Use semantic tags, close elements, validate code, and keep indentation consistent.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?cardId=646994461&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-card-is-blurrable data-number='189' id='card-646994461'>
<div class='header'>
189
</div>
<div class='card-face question'>
<div class='question-content'>
Q: What should every HTML document begin with?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A: <!DOCTYPE html>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?cardId=646994592&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-card-is-blurrable data-number='190' id='card-646994592'>
<div class='header'>
190
</div>
<div class='card-face question'>
<div class='question-content'>
Q: What should every HTML document include in <head>?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A: <meta charset="UTF-8"> and <title>.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?cardId=646995006&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-card-is-blurrable data-number='191' id='card-646995006'>
<div class='header'>
191
</div>
<div class='card-face question'>
<div class='question-content'>
Q: How should you organize long HTML files?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A: Use comments, indentation, and logical grouping (divs, sections).
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?cardId=646995155&deckId=20511052&packId=23423508&returnTo=%2Fpacks%2F23423508%2Fsubscribe&source=ugc-cards&subject=Web+Technologies' data-card-is-blurrable data-number='192' id='card-646995155'>
<div class='header'>
192
</div>
<div class='card-face question'>
<div class='question-content'>
Q: What is the end goal of HTML markup?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A: To structure and describe content clearly for browsers, developers, and assistive technologies.
</div>
</div>
</div>
</div>
</div>
</div>
<div class='flashcards-sidebar'>
<div class='sidebar-content'>
<div class='sidebar-header'>
<div class='pack-heading'>
<a class="pack-icon-link" href="/packs/web-technologies-23423508"><img class="pack-icon" src="/pks/images/icons/ugc-blue-bg-20ed217093b36d8842ca.svg" />
</a><div class='pack-labels'>
<a class="pack-name" href="/packs/web-technologies-23423508">Web Technologies</a>
<div class='pack-suffix'>flashcards</div>
</div>
</div>
<div class='deck-list-headings'>
<div class='decks-heading'>Decks in class (3)</div>
<div class='card-count-heading'># Cards</div>
</div>
</div>
<ul class='deck-list-items'>
<a class='deck-link selected' href='/flashcards/html-20511052/packs/23423508'>
<li class='deck-list-item'>
<div class='deck-name'>HTML</div>
<div class='deck-card-count'>192</div>
</li>
</a>
<a class='deck-link ' href='/flashcards/css-20516392/packs/23423508'>
<li class='deck-list-item'>
<div class='deck-name'>CSS</div>
<div class='deck-card-count'>87</div>
</li>
</a>
<a class='deck-link ' href='/flashcards/dom-20517432/packs/23423508'>
<li class='deck-list-item'>
<div class='deck-name'>DOM</div>
<div class='deck-card-count'>0</div>
</li>
</a>
</ul>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":23423508,"source":"spaced-repetition-modal","subject":"Web Technologies","resources":{"deckId":20511052,"packId":23423508},"returnTo":"/packs/23423508/subscribe"}' id='spaced-repetition-modal'></div>
<div id='banner-controller'></div>
<div id='dialog-modal-controller'></div>
</div>
<div class='band band-footer'>
<div class='footer-main'>
<ul class='sections'>
<li class='section key-links'>
<p class='section-heading'>
Key Links
</p>
<ul class='options-list'>
<li class='option'>
<a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a>
</li>
<li class='option'>
<a class="option-link" href="/companies">Corporate Training</a>
</li>
<li class='option'>
<a class="option-link" href="/teachers">Teachers & Schools</a>
</li>
<li class='option'>
<a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a>
</li>
<li class='option'>
<a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a>
</li>
<li class='option'>
<a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a>
</li>
</ul>
</li>
<li class='section subjects'>
<p class='section-heading'>
Subjects
</p>
<ul class='options-list'>
<li class='option'>
<a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a>
</li>
<li class='option'>
<a class="option-link" href="/subjects/law">Law Education</a>
</li>
<li class='option'>
<a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a>
</li>
<li class='option'>
<a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a>
</li>
<li class='option certified-classes'>
<a class="option-link" href="/learn">All Certified Classes</a>
</li>
</ul>
</li>
<li class='section company'>
<p class='section-heading'>
Company
</p>
<ul class='options-list'>
<li class='option'>
<a class="option-link" href="/about">About Us</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="https://www.brainscape.com/academy/">Academy</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a>
</li>
<li class='option'>
<a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a>
</li>
<li class='option'>
<a class="option-link" href="/terms">Terms</a>
</li>
<li class='option'>
<a class="option-link" href="/privacy-policy">Privacy Policy</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="/careers">Careers</a>
</li>
</ul>
</li>
<li class='section find-us'>
<p class='section-heading'>
Find Us
</p>
<ul class='social-media-list'>
<li class='option twitter-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/logos/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option linkedin-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/logos/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option facebook-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/logos/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option youtube-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/logos/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option pinterest-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/logos/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option tiktok-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/logos/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option insta-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/logos/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
</ul>
<div class='get-the-app'>
<div class='qr-code'>
<img data-src="/pks/images/qr-codes/get-app-from-footer-qr-566425384a51031bd6d9.png" alt="QR code" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" />
</div>
<div class='app-badges'>
<div class='badge apple-badge'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/badges/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a>
</div>
<div class='badge android-badge'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/badges/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/general/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class='footer-blurb'>
Brainscape helps you reach your goals faster, through stronger study habits.
<br>
© 2026 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a>
</div>
</div>
<div class='modals'></div>
<script>
if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {};
}
</script>
<script>
window.addEventListener('load', () => {
setTimeout(() => {
const script = document.createElement('script');
script.src = "/pks/js/public/content/flashcards-page-f6c2701456e414bbe1cd.js";
script.defer = true;
document.body.appendChild(script);
}, 0);
});
</script>
<script>
document.addEventListener("mainSharedready", () => {
GaHelper.setGaDimension("dimension1","No");
});
</script>
<script type='application/ld+json'>
{"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"HTML"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does HTML stand for?","acceptedAnswer":{"@type":"Answer","text":"HyperText Markup Language — it defines the structure and meaning of web content so browsers can render it."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is HTML used for?","acceptedAnswer":{"@type":"Answer","text":"It describes the content, structure, and meaning of web pages that are displayed by browsers such as Chrome, Edge, or Firefox."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a hypertext document?","acceptedAnswer":{"@type":"Answer","text":"Text that contains hyperlinks connecting to other parts of the same document or to other documents."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a hyperlink in HTML?","acceptedAnswer":{"@type":"Answer","text":"A clickable reference created with the tag that links to another document or resource."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Who invented the World Wide Web?","acceptedAnswer":{"@type":"Answer","text":"Tim Berners-Lee, in 1989, using the idea of hyperlinks proposed earlier by Ted Nelson."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a markup language?","acceptedAnswer":{"@type":"Answer","text":"A system for annotating text to define structure, presentation, and meaning using tags or symbols."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give examples of markup languages besides HTML.","acceptedAnswer":{"@type":"Answer","text":"XML, Markdown, LaTeX, YAML, SVG, and MathML."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What organization currently maintains the HTML Living Standard?","acceptedAnswer":{"@type":"Answer","text":"The WHATWG (Web Hypertext Application Technology Working Group)."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are some older organizations that worked on HTML standards?","acceptedAnswer":{"@type":"Answer","text":"The IETF (Internet Engineering Task Force) and the W3C (World Wide Web Consortium)."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between HTML and XHTML?","acceptedAnswer":{"@type":"Answer","text":"XHTML uses stricter XML-based syntax, while HTML 5 is more flexible and forgiving."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the role of a web browser in relation to HTML?","acceptedAnswer":{"@type":"Answer","text":"It interprets and renders the HTML document into a formatted web page for users."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are the main parts of an HTML document?","acceptedAnswer":{"@type":"Answer","text":"The head (for metadata and links) and the body (for visible page content)."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Is HTML a programming language?","acceptedAnswer":{"@type":"Answer","text":"No — it is a markup language, not a programming language."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What kinds of content can an HTML document contain?","acceptedAnswer":{"@type":"Answer","text":"Text, images, audio, video, links, scripts, and metadata."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What do we mean by “rendering” in web browsers?","acceptedAnswer":{"@type":"Answer","text":"The process by which browsers visually display the structured HTML content."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Why is HTML important for the Internet?","acceptedAnswer":{"@type":"Answer","text":"It provides a universal, structured way for browsers to understand and display documents across devices."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the term “element” mean in HTML?","acceptedAnswer":{"@type":"Answer","text":"A building block defined by a start and end tag that represents content or structure, e.g. Paragraph."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the relationship between HTML and CSS?","acceptedAnswer":{"@type":"Answer","text":"HTML defines structure and content; CSS defines presentation and style."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the relationship between HTML and JavaScript?","acceptedAnswer":{"@type":"Answer","text":"JavaScript adds interactivity and dynamic behavior to the static structure defined by HTML."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are “metadata” elements used for in HTML?","acceptedAnswer":{"@type":"Answer","text":"They provide information about the document itself, such as title, author, keywords, and linked resources."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the basic structure of an HTML document?","acceptedAnswer":{"@type":"Answer","text":"An HTML document has a DOCTYPE declaration, followed by , , and elements."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of the declaration?","acceptedAnswer":{"@type":"Answer","text":"It tells the browser that the document uses HTML5, ensuring consistent rendering."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element?","acceptedAnswer":{"@type":"Answer","text":"The root element that contains all other elements in the page."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are the two main child elements of ?","acceptedAnswer":{"@type":"Answer","text":"for metadata and for visible content."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the element contain?","acceptedAnswer":{"@type":"Answer","text":"Metadata, links to stylesheets, page title, and scripts that are not shown on the page."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the element contain?","acceptedAnswer":{"@type":"Answer","text":"The main visible content of the web page such as text, images, and links."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"It defines the title displayed in the browser tab and is contained within the ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Where is the element placed?","acceptedAnswer":{"@type":"Answer","text":"Inside the element."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a minimal valid HTML document?","acceptedAnswer":{"@type":"Answer","text":"Title goes here Body text goes here"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Why must all HTML tags be properly nested?","acceptedAnswer":{"@type":"Answer","text":"To ensure the document structure is clear and can be parsed correctly by browsers."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What happens if HTML tags are not properly nested?","acceptedAnswer":{"@type":"Answer","text":"The browser may render content incorrectly or ignore parts of the page."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a void element in HTML?","acceptedAnswer":{"@type":"Answer","text":"An element that cannot have content or an end tag (e.g. , )."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does it mean that HTML elements can be nested?","acceptedAnswer":{"@type":"Answer","text":"One element can be placed inside another to create a hierarchical structure."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Can HTML tags be written in uppercase?","acceptedAnswer":{"@type":"Answer","text":"Yes, but lowercase is preferred and standard in modern HTML."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What kind of file extension do HTML documents usually have?","acceptedAnswer":{"@type":"Answer","text":".html or .htm"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Where should you place CSS or JavaScript links in an HTML document?","acceptedAnswer":{"@type":"Answer","text":"CSS links in the ; JavaScript scripts often at the end of for faster loading."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is an attribute in HTML?","acceptedAnswer":{"@type":"Answer","text":"Additional information added to a tag, written as key= value , e.g. ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How should attribute values be written?","acceptedAnswer":{"@type":"Answer","text":"Inside quotation marks, either single (' ') or double (' ')."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Why is indentation used in HTML code?","acceptedAnswer":{"@type":"Answer","text":"To make the structure readable and easy to understand."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between HTML syntax errors and browser errors?","acceptedAnswer":{"@type":"Answer","text":"HTML syntax errors usually don’t stop the page from rendering, but may change how it displays."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is an HTML element?","acceptedAnswer":{"@type":"Answer","text":"A piece of content defined by start and end tags, e.g. Text."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a tag in HTML?","acceptedAnswer":{"@type":"Answer","text":"The text between \u003c and \u003e that defines the start or end of an element."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are start and end tags?","acceptedAnswer":{"@type":"Answer","text":"A start tag marks the beginning (), and an end tag marks the end ()."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are empty (void) elements?","acceptedAnswer":{"@type":"Answer","text":"Elements that do not have content or an end tag, e.g. , , ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is an attribute?","acceptedAnswer":{"@type":"Answer","text":"A key-value pair providing extra information about an element, e.g. id= main ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How are attributes written?","acceptedAnswer":{"@type":"Answer","text":"Inside the start tag, after the element name, using the format name= value ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the id attribute do?","acceptedAnswer":{"@type":"Answer","text":"Assigns a unique identifier to an element in the document."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the class attribute do?","acceptedAnswer":{"@type":"Answer","text":"Assigns an element to one or more groups for styling or scripting purposes."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Can elements have multiple classes?","acceptedAnswer":{"@type":"Answer","text":"Yes, separated by spaces, e.g. ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give an example of an attribute with language information.","acceptedAnswer":{"@type":"Answer","text":"This is British English."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are global attributes?","acceptedAnswer":{"@type":"Answer","text":"Attributes that can be used on any HTML element, such as id, class, style, and title."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the title attribute do?","acceptedAnswer":{"@type":"Answer","text":"Provides extra information that appears as a tooltip when the mouse hovers over the element."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between block-level and inline elements?","acceptedAnswer":{"@type":"Answer","text":"Block-level elements (like , ) start on new lines; inline elements (like , ) do not."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give three examples of block-level elements.","acceptedAnswer":{"@type":"Answer","text":", ,"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give three examples of inline elements.","acceptedAnswer":{"@type":"Answer","text":", ,"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is semantic HTML?","acceptedAnswer":{"@type":"Answer","text":"HTML that uses meaningful tags to describe content, such as , , ."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Why is semantic HTML important?","acceptedAnswer":{"@type":"Answer","text":"It improves accessibility, SEO, and makes code more understandable."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"To group block-level content together for layout or styling purposes."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"To group inline content together for styling or scripting."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Can HTML elements be nested inside one another?","acceptedAnswer":{"@type":"Answer","text":"Yes, as long as tags are properly opened and closed in order."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"To contain metadata and links that describe the document, not visible on the page."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What kind of content goes in the ?","acceptedAnswer":{"@type":"Answer","text":", , , , and \u003cscript\u003e elements."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the element define?","acceptedAnswer":{"@type":"Answer","text":"The page title shown in the browser tab or title bar."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"To provide metadata such as author, description, or keywords."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give an example of a meta description tag.","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the charset meta tag do?","acceptedAnswer":{"@type":"Answer","text":"Specifies the character encoding, usually UTF-8:"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the element do?","acceptedAnswer":{"@type":"Answer","text":"Links the document to an external resource, such as a stylesheet."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Example of linking a stylesheet:","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does rel= stylesheet mean in a element?","acceptedAnswer":{"@type":"Answer","text":"It specifies the relationship type — that the linked file is a CSS stylesheet."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"To include internal CSS rules directly in the HTML document."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the element used for?","acceptedAnswer":{"@type":"Answer","text":"To include JavaScript code or link to an external JS file."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Where should the element be placed for best performance?","acceptedAnswer":{"@type":"Answer","text":"At the end of the so that the page content loads first."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between internal and external CSS?","acceptedAnswer":{"@type":"Answer","text":"Internal CSS is written inside tags; external CSS is linked via \u003clink\u003e."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Can you include multiple or \u003cscript\u003e elements in one page?","acceptedAnswer":{"@type":"Answer","text":"Yes, but it’s better to keep them organized and minimal."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is metadata?","acceptedAnswer":{"@type":"Answer","text":"Data about the web page, describing content, author, or instructions for browsers/search engines."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Does the section appear visually in the browser window?","acceptedAnswer":{"@type":"Answer","text":"No, it is hidden and only used for document configuration."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of the element?","acceptedAnswer":{"@type":"Answer","text":"To define the base URL for all relative links in the document."}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"HTML"}]}
</script>
<script type='application/ld+json'>
{"@context":"https://schema.org","@type":"Organization","name":"Brainscape","url":"https://www.brainscape.com/","logo":"https://api.brainscape.com/core/images/shared/brainscape-logo.svg","sameAs":["https://www.facebook.com/Brainscape","https://x.com/brainscape","https://www.linkedin.com/company/brainscape","https://www.instagram.com/brainscape/","https://www.tiktok.com/@brainscapeu","https://www.pinterest.com/brainscape/","https://www.youtube.com/@BrainscapeNY"],"contactPoint":{"@type":"ContactPoint","telephone":"(929) 334-4005","contactType":"customer service","availableLanguage":["English"]},"founder":{"@type":"Person","name":"Andrew Cohen"},"description":"Brainscape’s spaced repetition system is proven to DOUBLE learning results! Find, make, and study flashcards online or in our mobile app. Serious learners only.","address":{"@type":"PostalAddress","streetAddress":"159 W 25th St, Ste 517","addressLocality":"New York","addressRegion":"NY","postalCode":"10001","addressCountry":"USA"}}
</script>
</body>
</html>