</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='42' id='card-571291420'>
<div class='header'>
42
</div>
<div class='card-face question'>
<div class='question-content'>
This contain the content of the webpage that will be visible to users
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<body>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='43' id='card-571291589'>
<div class='header'>
43
</div>
<div class='card-face question'>
<div class='question-content'>
HTML Document Structure(6)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
<body>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='44' id='card-571292459'>
<div class='header'>
44
</div>
<div class='card-face question'>
<div class='question-content'>
Text Formatting Tags(5)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<h1> to <h6>
<p>
<b>
<i>
<u>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='45' id='card-571292892'>
<div class='header'>
45
</div>
<div class='card-face question'>
<div class='question-content'>
Header tag
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<h1> to <h6>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='46' id='card-571293039'>
<div class='header'>
46
</div>
<div class='card-face question'>
<div class='question-content'>
Paragraph tag for text
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<p>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='47' id='card-571293096'>
<div class='header'>
47
</div>
<div class='card-face question'>
<div class='question-content'>
Bold text
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<b>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='48' id='card-571293167'>
<div class='header'>
48
</div>
<div class='card-face question'>
<div class='question-content'>
Italic text
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<i>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='49' id='card-571293230'>
<div class='header'>
49
</div>
<div class='card-face question'>
<div class='question-content'>
Underline text
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<u>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='50' id='card-571293340'>
<div class='header'>
50
</div>
<div class='card-face question'>
<div class='question-content'>
Used to create hyperlinks. Linking and Anchors
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<a href="URL">Link text</a>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='51' id='card-571294079'>
<div class='header'>
51
</div>
<div class='card-face question'>
<div class='question-content'>
Images. Embeds an image into the webpage
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<image src="image.jpg" alt="Description">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='52' id='card-571294740'>
<div class='header'>
52
</div>
<div class='card-face question'>
<div class='question-content'>
Lists tags(2)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Unordered List<ul>
Ordered List<ol>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685740&returnTo=%2Fpacks%2F22685740%2Fsubscribe&source=preview-card&subject=ELECTIVE+2%3A+WEBSITE+DEVELOPMENT' data-card-is-blurrable data-number='53' id='card-571294805'>
<div class='header'>
53
</div>
<div class='card-face question'>
<div class='question-content'>
Table tags(4)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<table>
<tr>
<td>
<th>
</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/elective-2-website-development-22685740"><span class="pack-name">ELECTIVE 2: WEBSITE DEVELOPMENT</span> (1 decks)
</a></p>
<ul class='deck-list-items'>
<a class='deck-link selected' href='/flashcards/lesson-1-introduction-to-web-design-18120727/packs/22685740'>
<li class='deck-list-item'>Lesson 1- Introduction to Web Design</li>
</a>
</ul>
</div>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":22685740,"source":"spaced-repetition-modal","subject":"ELECTIVE 2: WEBSITE DEVELOPMENT","resources":{"deckId":18120727,"packId":22685740},"returnTo":"/packs/22685740/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":"Lesson 1- Introduction to Web Design"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The PROCESS of creating the visual and functional aspects of websites","acceptedAnswer":{"@type":"Answer","text":"WEB DESIGN"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"It involves planning, conceptualizing, and arranging content intended for the internet","acceptedAnswer":{"@type":"Answer","text":"WEB DESIGN"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"_______ goes beyond aesthetics to include the website's overall functionality","acceptedAnswer":{"@type":"Answer","text":"Modern Web Design"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"KEY COMPONENTS OF WEB DESIGN(5)","acceptedAnswer":{"@type":"Answer","text":"(LCT IN) Layout Color Scheme Typography Images and Graphics Navigation"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The ARRANGEMENT OF ELEMENTS ON A WEBPAGE, including headers, footers, navigation menus, and content areas.","acceptedAnswer":{"@type":"Answer","text":"LAYOUT"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The SELECTION OF COLORS used throughout the website to create a cohesive and visually appealing look.","acceptedAnswer":{"@type":"Answer","text":"COLOR SCHEME"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The CHOICE OF FONTS AND TEXT STYLES to ensure readability and enhance the website's aesthetic","acceptedAnswer":{"@type":"Answer","text":"TYPOGRAPHY"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"the USE OF PHOTOS, ILLUSTRATIONS, ICONS, AND OTHER VISUAL ELEMENTS to support content and engage users.","acceptedAnswer":{"@type":"Answer","text":"IMAGES AND GRAPHICS"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The SYSTEM THAT ALLOW USERS TO MOVE THROUGH THE WEBSITE, including menus, links, and buttons","acceptedAnswer":{"@type":"Answer","text":"NAVIGATION"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Principles of Good Web Design(5)","acceptedAnswer":{"@type":"Answer","text":"(SCRAU) Simplicity Consistency Responsiveness Accessibility User-Centered Design"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Keep the design clean and uncluttered to make it easy for users to navigate and find information","acceptedAnswer":{"@type":"Answer","text":"SIMPLICITY"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Use consistent design elements, such as colors, fonts, and layout, to create experience","acceptedAnswer":{"@type":"Answer","text":"Consistency"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Ensure the website looks and functions well on various devices, including desktops, tablets, and smartphones","acceptedAnswer":{"@type":"Answer","text":"Responsiveness"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Design the website to be usable by people with disabilities, following guidelines such as the Web Content Accessibility Guidelines(WCAG)","acceptedAnswer":{"@type":"Answer","text":"Accessibility"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Focus on the needs and preferences of the target audience to create a user- friendly experience.","acceptedAnswer":{"@type":"Answer","text":"User-Centered Design"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Examples of a Bad Web Design","acceptedAnswer":{"@type":"Answer","text":"(POSS BBS CS) Poor Navigation Outdated Small Fonts Slow Website Speed Bad Mobile Responsiveness Bad Color Scheme Spacing Issues Confusing Small Visuals"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Tool and Technologies(5)","acceptedAnswer":{"@type":"Answer","text":"(HSJ WC) HTML(HyperText Markup Language) CSS(Cascading Style Sheets) JavaScript Web Design Software Content Management Systems(CMS)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The standard language for creating web pages","acceptedAnswer":{"@type":"Answer","text":"HTML (HyperText Markup Language)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Used to style and layout web pages","acceptedAnswer":{"@type":"Answer","text":"CSS(Cascading Style Sheets)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"A programming language that adds interactivity to websites","acceptedAnswer":{"@type":"Answer","text":"JavaScript"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Tools like Adobe XD, Figma, and Sketch for designing and prototyping websites","acceptedAnswer":{"@type":"Answer","text":"Web Design Software"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Platforms like WordPress, Joomla, and Drupal for building and managing websites","acceptedAnswer":{"@type":"Answer","text":"Content Management Systems(CMS)"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"Lesson 1- Introduction to Web Design"}]}
</script>
</body>
</html>