HTML Flashcards

(72 cards)

1
Q

What is HTML

A

Hypertext Markup Language

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Who and When created HTML

A

Created by Tim Berners-Lee in 1991.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

• Hypertext means the document contains links that allow the reader

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

to jump to other places in the document or to another document

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

altogether

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

• Latest version is known HTML5

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

• A Markup Language is a way that computers speak to each other to

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

control how text is processed and presented. To do this HTML uses

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

two things: tags and attributes.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What are HTML tags?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

• Tags are used to mark up the start of an HTML element and they are

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

usually enclosed in angle <> brackets. An example of a tag is: <h1>.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

• Most tags must be opened <h1> and closed </h1> in order to

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

function.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

• A self-closing tag in HTML is a kind of HTML tag that does not need to

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

be closed manually by its closing tag

A

which means it does not have a

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

separate closing tag as </tag>. Some few self-closing tags are

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

<input></input>

A

<hr></hr>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

• Self-closing tags in HTML are sometimes also known as empty tags

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

void tags

A

singletons tags

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

content and cannot have any children.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

What are HTML attributes?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
• Attributes contain additional pieces of information. Attributes take
26
the form of an opening tag and additional info is placed inside.
27
• An example of an attribute is: A photo of
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>

</div>
</div>
</div>

<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-number='28' id='card-587485726'>
<div class='header'>
28
</div>
<div class='card-face question'>
<div class='question-content'>
my dog.
29
• In this instance
the image source (src) and the alt text (alt) are
30
attributes of the tag.
31
32
Golden Rules To Remember
33
1. The vast majority of tags must be opened () and closed
34
() with the element information such as a title or text resting
35
between the tags.
36
2. When using multiple tags
the tags must be closed in the order in
37
which they were opened. For example:
38
This is really important!
39
40
Basic Construction of an HTML Page
41
These tags should be placed underneath each other at the top of every
42
HTML page that you create.
43
• — This tag specifies the language you will write on
44
the page. In this case
the language is HTML 5.
45
• — This tag signals that from here on we are going to write in
46
HTML code.
47
• — This is where all the metadata for the page goes — stuff
48
mostly meant for search engines and other computer programs.
49
• — This is where the content of the page goes.
50
51
Further Tags
52
Inside the tag
there is one tag that is always included: </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='53' id='card-587485751'> <div class='header'> 53 </div> <div class='card-face question'> <div class='question-content'> but there are others that are just as important: </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='54' id='card-587485752'> <div class='header'> 54 </div> <div class='card-face question'> <div class='question-content'> <title> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='55' id='card-587485753'> <div class='header'> 55 </div> <div class='card-face question'> <div class='question-content'> • This is where we insert the page name as it will appear at the top of </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='56' id='card-587485754'> <div class='header'> 56 </div> <div class='card-face question'> <div class='question-content'> the browser window or tab. </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='57' id='card-587485755'> <div class='header'> 57 </div> <div class='card-face question'> <div class='question-content'> <meta> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='58' id='card-587485756'> <div class='header'> 58 </div> <div class='card-face question'> <div class='question-content'> • This is where information about the document is stored: character </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='59' id='card-587485757'> <div class='header'> 59 </div> <div class='card-face question'> <div class='question-content'> encoding </div> </div> <div class='card-face answer'> <div class='answer-content'> name (page context) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='60' id='card-587485758'> <div class='header'> 60 </div> <div class='card-face question'> <div class='question-content'> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='61' id='card-587485759'> <div class='header'> 61 </div> <div class='card-face question'> <div class='question-content'> The Anchor tag </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='62' id='card-587485760'> <div class='header'> 62 </div> <div class='card-face question'> <div class='question-content'> • The <a> (or anchor) opening tag is written in the format: </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='63' id='card-587485761'> <div class='header'> 63 </div> <div class='card-face question'> <div class='question-content'> <a href="https://blogging.com/how-to-start-a-blog/">Your Link Text Here </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='64' id='card-587485762'> <div class='header'> 64 </div> <div class='card-face question'> <div class='question-content'> </a> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='65' id='card-587485763'> <div class='header'> 65 </div> <div class='card-face question'> <div class='question-content'> • href = Hypertext REFerence </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='66' id='card-587485764'> <div class='header'> 66 </div> <div class='card-face question'> <div class='question-content'> • The first part of the attribute points to the page that will open once the link </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='67' id='card-587485765'> <div class='header'> 67 </div> <div class='card-face question'> <div class='question-content'> is clicked. </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='68' id='card-587485766'> <div class='header'> 68 </div> <div class='card-face question'> <div class='question-content'> • Meanwhile </div> </div> <div class='card-face answer'> <div class='answer-content'> the second part of the attribute contains the text which will be </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='69' id='card-587485767'> <div class='header'> 69 </div> <div class='card-face question'> <div class='question-content'> displayed to a visitor in order to entice them to click on that link. </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='70' id='card-587485768'> <div class='header'> 70 </div> <div class='card-face question'> <div class='question-content'> • If you are building your own website then you will most likely host all of </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='71' id='card-587485769'> <div class='header'> 71 </div> <div class='card-face question'> <div class='question-content'> your pages on professional web hosting. In this case </div> </div> <div class='card-face answer'> <div class='answer-content'> internal links on your </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22821973&returnTo=%2Fpacks%2F22821973%2Fsubscribe&source=preview-card&subject=ITEC+106' data-card-is-blurrable data-number='72' id='card-587485770'> <div class='header'> 72 </div> <div class='card-face question'> <div class='question-content'> website will <a href=”mylinkedpage.html”>Linktle Here</a>. </div> </div> <div class='card-face answer'> <div class='answer-content'> </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/itec-106-22821973"><span class="pack-name">ITEC 106</span> (1 decks) </a></p> <ul class='deck-list-items'> <a class='deck-link selected' href='/flashcards/html-18641336/packs/22821973'> <li class='deck-list-item'>HTML</li> </a> </ul> </div> </div> </div> <div id='tooltip-controller'></div> <div data='{"packId":22821973,"source":"spaced-repetition-modal","subject":"ITEC 106","resources":{"deckId":18641336,"packId":22821973},"returnTo":"/packs/22821973/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-deck-cards-page-d0410d84e8b38e8511bf.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":"What is HTML","acceptedAnswer":{"@type":"Answer","text":"Hypertext Markup Language "}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Who and When created HTML","acceptedAnswer":{"@type":"Answer","text":"Created by Tim Berners-Lee in 1991."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"be closed manually by its closing tag","acceptedAnswer":{"@type":"Answer","text":"which means it does not have a"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"void tags","acceptedAnswer":{"@type":"Answer","text":"singletons tags"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"• In this instance","acceptedAnswer":{"@type":"Answer","text":"the image source (src) and the alt text (alt) are"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"HTML"}]} </script> </body> </html>