HTML Flashcards
HTML flashcards
1
Q
Where do you put non-visible content about the HTML document?
A
In the head element.
However - the title element within the head element will be visible at the top of the browser or in the browser tab.
2
Q
Where do you put visible content about the HTML document?
A
In the body element.
3
Q
Where do the head and body tags go in a valid HTML document?
A
In the html element located beneath the doctype declaration. The <html> element is the root element.
4
Q
What is the purpose of a <!DOCTYPE> declaration, and where does it go?
A
Ensures that the browser renders the document as HTML and follows HTML specifications. <!DOCTYPE html> specifically means that the document is an HTML5 document. The declaration goes at the very top of the document.
5
Q
Give five examples of HTML element tags.
A
- body
- head
- title
- line break:
<br/>(empty tag with no closing tag) - span
- extra- - horizontal rule: hr (empty tag with no closing tag)
- anchor: a (with href attribute and file path)
- p
- div
-
<img/>(empty tag with no closing tag) - `<meta></meta> (empty tag with no closing tag)
6
Q
What is the purpose of HTML attributes?
A
To provide more information about the contents of the associated element. It is comprised of an attribute name and a corresponding value. Attributes are always specified in the opening or start tag. Attributes usually come in name and value pairs, ex: name=”value”
7
Q
Give an example of an HTML entity (escape character).
A
Ampersand: & (ampersand symbol)amp;
-extra-
Trademark: ™ (ampersand symbol)trade;
All end with semicolon.
8
Q
How do block-level elements affect the document flow?
A
Breaks the document flow and creates line breaks between neighboring elements, starts on a new line.
Block-level elements take up the entire horizontal space of its parent element by default, and the vertical space needed for its contents.
9
Q
How do inline elements affect the document flow?
A
The elements will appear to continue on the same line as neighboring elements. Inline elements take up the least amount of space available bounded by the tags defining the element, instead of breaking the flow of the content. Any height and width properties will have no effect.
10
Q
What are the default width and height of a block-level element?
A
All of the horizontal space available within its parent element (container), and the vertical space needed for the height of its contents.
11
Q
What are the default width and height of an inline element?
A
An inline element does not start on a new line and only takes up as much width and height as necessary, bounded by the tags defining the element.
12
Q
What is the difference between an ordered list and an unordered list in HTML?
A
Ordered lists are numbered or in sequence (A-Z) and unordered lists are not numbered and use bullet points
13
Q
Is an HTML list a block element or an inline element?
A
The list and list items are both block-level elements.
14
Q
What HTML tag is used to link to another website?
A
Anchor tag with an href attribute.
15
Q
What is an absolute URL?
A
An absolute URL starts with the domain name for that site and can be followed by the path to a specific page. Used for external website links.
16
Q
What is a relative URL?
A
A URL that links to other pages within the same site, you do not need to specify the domain name in the URL.
17
Q
How do you indicate the relative link to a parent directory?
A
../file-name
18
Q
How do you indicate the relative link to a child directory?
A
Href attribute should contain ../../ preceding the file name and type enclosed in double quotes. child-folder-name/file-name
19
Q
How do you indicate the relative link to a grandparent directory?
A
Href attribute should contain ../../ preceding the file name and type enclosed in double quotes. <a href="../../file-name.type"
use ../` for each generation of directories.
20
Q
How do you indicate the relative link to the same directory?
A
Href attribute should simply contain the file name and type enclosed in double quotes. <a href="file-name.type"></a>
21
Q
What is the purpose of an HTML form element?
A
To obtain information and data from users via a structured set of elements.
22
Q
Give five examples of form control elements.
A
form, fieldset, legend, textarea, label
-extra-
button, and input
23
Q
Give three examples of type attributes for HTML input elements.
A
Radio, button, checkbox,
-extra-
image, submit, text
24
Q
Is an HTML element a block element or an inline element?
A
Inline, and that is why we have to insert them into a div.
25
What are the six primary HTML elements for creating tables?
Table, thead, th, tr, td, tbody
26
What purpose do the thead and tbody elements serve?
The tbody element encapsulates a set of table rows indicating that they are the body of the table. The thhead element defines a set of rows as the head of the columns of the table.
Both, along with tfoot, provide useful semantic information that can be used when rendering for either screen or printer as well as for accessibility purposes.
27
Give two examples of data that would lend itself well to being displayed in a table.
Financial data and reports, schedules, game scores, inventory control.
28
Why do two div elements "vertically stack" on one another by default?
Because they are block elements and are vertically-based, by default fill 100% of the horizontal space available, and always start on a new line.
29
What tags are necessary for a complete HTML Skeleton?
``, ````, ````, ```` meta data like character set (UTF-8)```</>` inside the head, and `<body>``</>`, which is inside the `<HTML>` tag.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":30,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":563514155},"returnTo":"/packs/19227853/subscribe"}' id='card-563514155'>
<div class='header'>
30
</div>
<div class='card-face question'>
<div class='question-content'>
What attribute defines extra info about an element that appears as a tooltip?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The `title` attribute.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":31,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":563514841},"returnTo":"/packs/19227853/subscribe"}' id='card-563514841'>
<div class='header'>
31
</div>
<div class='card-face question'>
<div class='question-content'>
How many heading elements are in HTML?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
There are 6 Heading elements in HTML, and the browser automatically adds a margin before and after the heading. There must only be one `<H1>` heading per HTML document.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":32,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":563516101},"returnTo":"/packs/19227853/subscribe"}' id='card-563516101'>
<div class='header'>
32
</div>
<div class='card-face question'>
<div class='question-content'>
What are the required attributes for an `<img>` tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
src - specifies the path to the image, whether absolute or relative
alt - specifies the alternative text describing the image
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":33,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":563517899},"returnTo":"/packs/19227853/subscribe"}' id='card-563517899'>
<div class='header'>
33
</div>
<div class='card-face question'>
<div class='question-content'>
What is a `<map>` element
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The `<map>` tag is used to define an image map. An image map is an image with clickable areas.
The required `name` attribute of the `<map>` element is associated with the `<img>`'s `usemap` attribute (must have a hashtag I think) and creates a relationship between the image and the map.
The `<map>` element contains a number of `<area>` elements, that define the clickable areas in the image map with attributes like `shape`, `coords`, `alt`, and `href`.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":34,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":563517901},"returnTo":"/packs/19227853/subscribe"}' id='card-563517901'>
<div class='header'>
34
</div>
<div class='card-face question'>
<div class='question-content'>
What type of content belongs within the `<head>` of an HTML document?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Content that doesn't get displayed on the webpage, but that's used for machine processing like `<meta>` content, `<title>` content, `<link>' content like stylesheets, and scripts.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":35,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":563704889},"returnTo":"/packs/19227853/subscribe"}' id='card-563704889'>
<div class='header'>
35
</div>
<div class='card-face question'>
<div class='question-content'>
How do you open a link in a new browser window?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Add a `target` attribute with a value of "_blank" to the anchor `<a>` element.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":36,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":567164742},"returnTo":"/packs/19227853/subscribe"}' id='card-567164742'>
<div class='header'>
36
</div>
<div class='card-face question'>
<div class='question-content'>
What is a hyperlink?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A hyperlink, or simply a link, is a digital clickable reference to data that a user can follow by clicking or tapping the linked hypertext.
A hyperlink can point to a web resource, such as a whole document or to a specific element within a document.
In HTML, the link is created within an anchor element with an `href` attribute that indicates the link's destination URI.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":37,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":588887467},"returnTo":"/packs/19227853/subscribe"}' id='card-588887467'>
<div class='header'>
37
</div>
<div class='card-face question'>
<div class='question-content'>
How do block, inline, and inline-block property values differ?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Block-level elements take up just enough vertical space needed to fit its contents, but always start on a new line and take up all of the available horizontal space as it can by default.
Inline elements take up just enough vertical and horizontal space it needs to fit its contents, and no more. You cannot adjust the height and width properties on inline elements.
Inline-block elements are formatted as as inline element, in that by default it only takes up the vertical and horizontal space needed to fits it's content, but you can apply height and width values if you'd like.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":38,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":588888483},"returnTo":"/packs/19227853/subscribe"}' id='card-588888483'>
<div class='header'>
38
</div>
<div class='card-face question'>
<div class='question-content'>
Give some examples of block-level elements.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
- div
- ul
- li
- p
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":39,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":588888536},"returnTo":"/packs/19227853/subscribe"}' id='card-588888536'>
<div class='header'>
39
</div>
<div class='card-face question'>
<div class='question-content'>
Give some examples of inline elements.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
- span
- input
- strong
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":40,"qSoundUrl":null,"resources":{"deckId":10768614,"packId":19227853,"cardId":588888574},"returnTo":"/packs/19227853/subscribe"}' id='card-588888574'>
<div class='header'>
40
</div>
<div class='card-face question'>
<div class='question-content'>
Give some examples of inline-block elements.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
- button
- textarea and select in chrome.
</div>
</div>
</div>
</div>
</div>
</div>
<div class='flashcards-sidebar'>
<div class='sidebar-header'>
<div class='react-component' id='flashcards-search-bar'>
<div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div>
</div>
</div>
<div class='sidebar-content'>
<p class='deck-subject-heading'>
<a class="decks-in-subject-link" href="/packs/web-dev-lfz-19227853"><span class="pack-name">Web Dev LFZ</span> (11 decks)
</a></p>
<ul class='deck-list-items'>
<a class='deck-link selected' href='/flashcards/html-10768614/packs/19227853'>
<li class='deck-list-item'>HTML</li>
</a>
<a class='deck-link ' href='/flashcards/css-10774145/packs/19227853'>
<li class='deck-list-item'>CSS</li>
</a>
<a class='deck-link ' href='/flashcards/javascript-10799571/packs/19227853'>
<li class='deck-list-item'>JavaScript</li>
</a>
<a class='deck-link ' href='/flashcards/nodejs-expressjs-10955098/packs/19227853'>
<li class='deck-list-item'>Node.js & Express.js</li>
</a>
<a class='deck-link ' href='/flashcards/postgresql-10982053/packs/19227853'>
<li class='deck-list-item'>PostgreSQL</li>
</a>
<a class='deck-link ' href='/flashcards/react-jsx-11008714/packs/19227853'>
<li class='deck-list-item'>React & JSX</li>
</a>
<a class='deck-link ' href='/flashcards/data-science-11134661/packs/19227853'>
<li class='deck-list-item'>Data Science</li>
</a>
<a class='deck-link ' href='/flashcards/internet-and-networks-12162497/packs/19227853'>
<li class='deck-list-item'>Internet and Networks</li>
</a>
<a class='deck-link ' href='/flashcards/general-cs-17873958/packs/19227853'>
<li class='deck-list-item'>General CS</li>
</a>
<a class='deck-link ' href='/flashcards/git-git-hub-17873990/packs/19227853'>
<li class='deck-list-item'>Git & Git Hub</li>
</a>
<a class='deck-link ' href='/flashcards/command-line-17873993/packs/19227853'>
<li class='deck-list-item'>Command Line</li>
</a>
</ul>
</div>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":19227853,"source":"spaced-repetition-modal","subject":"Web Dev LFZ","resources":{"deckId":10768614,"packId":19227853},"returnTo":"/packs/19227853/subscribe"}' id='spaced-repetition-modal-controller'></div>
<div id='banner-controller'></div>
<div id='dialog-modal-controller'></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 target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</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/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/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/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/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/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/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/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/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/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/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/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/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/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
</ul>
<div class='get-the-app'>
<div class='qr-code'>
<img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/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/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/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/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/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>
© 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a>
</div>
</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-flashcards-page-9140413b5150ce9700f9.js";
script.defer = true;
document.body.appendChild(script);
}, 0);
});
</script>
<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></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":"Where do you put non-visible content about the HTML document?","acceptedAnswer":{"@type":"Answer","text":"In the head element. However - the title element within the head element will be visible at the top of the browser or in the browser tab."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Where do you put visible content about the HTML document?","acceptedAnswer":{"@type":"Answer","text":"In the body element."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Where do the head and body tags go in a valid HTML document?","acceptedAnswer":{"@type":"Answer","text":"In the html element located beneath the doctype declaration. The `` element is the root element."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of a `` declaration, and where does it go?","acceptedAnswer":{"@type":"Answer","text":"Ensures that the browser renders the document as HTML and follows HTML specifications. `` specifically means that the document is an HTML5 document. The declaration goes at the very top of the document."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give five examples of HTML element tags.","acceptedAnswer":{"@type":"Answer","text":"1. body 2. head 3. title 4. line break: `` (empty tag with no closing tag) 5. span - extra- 6. horizontal rule: hr (empty tag with no closing tag) 7. anchor: a (with href attribute and file path) 8. p 9. div 10. `` (empty tag with no closing tag) 11. ` (empty tag with no closing tag)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of HTML attributes?","acceptedAnswer":{"@type":"Answer","text":"To provide more information about the contents of the associated element. It is comprised of an attribute name and a corresponding value. Attributes are always specified in the opening or start tag. Attributes usually come in name and value pairs, ex: name=\"value\""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Give an example of an HTML entity (escape character).","acceptedAnswer":{"@type":"Answer","text":"Ampersand: `\u0026` (ampersand symbol)amp; -extra- Trademark: `™` (ampersand symbol)trade; All end with semicolon."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do block-level elements affect the document flow?","acceptedAnswer":{"@type":"Answer","text":"Breaks the document flow and creates line breaks between neighboring elements, starts on a new line. Block-level elements take up the entire horizontal space of its parent element by default, and the vertical space needed for its contents."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do inline elements affect the document flow?","acceptedAnswer":{"@type":"Answer","text":"The elements will appear to continue on the same line as neighboring elements. Inline elements take up the least amount of space available bounded by the tags defining the element, instead of breaking the flow of the content. Any height and width properties will have no effect."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are the default width and height of a block-level element?","acceptedAnswer":{"@type":"Answer","text":"All of the horizontal space available within its parent element (container), and the vertical space needed for the height of its contents."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are the default width and height of an inline element?","acceptedAnswer":{"@type":"Answer","text":"An inline element does not start on a new line and only takes up as much width and height as necessary, bounded by the tags defining the element."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between an ordered list and an unordered list in HTML?","acceptedAnswer":{"@type":"Answer","text":"Ordered lists are numbered or in sequence (A-Z) and unordered lists are not numbered and use bullet points"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Is an HTML list a block element or an inline element?","acceptedAnswer":{"@type":"Answer","text":"The list and list items are both block-level elements."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What HTML tag is used to link to another website?","acceptedAnswer":{"@type":"Answer","text":"Anchor tag with an href attribute."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is an absolute URL?","acceptedAnswer":{"@type":"Answer","text":"An absolute URL starts with the domain name for that site and can be followed by the path to a specific page. Used for external website links."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a relative URL?","acceptedAnswer":{"@type":"Answer","text":"A URL that links to other pages within the same site, you do not need to specify the domain name in the URL."}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"HTML"}]}
</script>
</body>
</html>