</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='40' id='card-571241415'>
<div class='header'>
40
</div>
<div class='card-face question'>
<div class='question-content'>
Specifies the character encoding to support different languages and characters.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<meta charset="UTF-8">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='41' id='card-571241416'>
<div class='header'>
41
</div>
<div class='card-face question'>
<div class='question-content'>
This contains 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=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='42' id='card-571241418'>
<div class='header'>
42
</div>
<div class='card-face question'>
<div class='question-content'>
- Header tags, <h1> is the largest heading, and <h6> is the smallest.
- Paragraph tag for text.
- Bold text.
- Italic text.
- Underlined text.
</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=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='43' id='card-571242099'>
<div class='header'>
43
</div>
<div class='card-face question'>
<div class='question-content'>
Used to create hyperlinks.
</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=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='43' id='card-571242100'>
<div class='header'>
43
</div>
<div class='card-face question'>
<div class='question-content'>
Embeds an image into the webpage.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<img src="image.jpg" alt="Description">:
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='44' id='card-571242102'>
<div class='header'>
44
</div>
<div class='card-face question'>
<div class='question-content'>
Unordered List:
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='45' id='card-571242203'>
<div class='header'>
45
</div>
<div class='card-face question'>
<div class='question-content'>
Ordered List:
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<ol>
<li>First item</li>
<li>Second item</li>
</ol>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22685670&returnTo=%2Fpacks%2F22685670%2Fsubscribe&source=preview-card&subject=ELECTIVE+2' data-card-is-blurrable data-number='46' id='card-571242204'>
<div class='header'>
46
</div>
<div class='card-face question'>
<div class='question-content'>
Used to create tables.
</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-22685670"><span class="pack-name">ELECTIVE 2</span> (4 decks)
</a></p>
<ul class='deck-list-items'>
<a class='deck-link selected' href='/flashcards/lesson-1-18120461/packs/22685670'>
<li class='deck-list-item'>LESSON 1</li>
</a>
<a class='deck-link ' href='/flashcards/lesson-1-part2-enumaration-18120611/packs/22685670'>
<li class='deck-list-item'>LESSON 1 (PART2) ENUMARATION</li>
</a>
<a class='deck-link ' href='/flashcards/jdfjds-18120848/packs/22685670'>
<li class='deck-list-item'>jdfjds</li>
</a>
<a class='deck-link ' href='/flashcards/lesson-2-18156723/packs/22685670'>
<li class='deck-list-item'>LESSON 2</li>
</a>
</ul>
</div>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":22685670,"source":"spaced-repetition-modal","subject":"ELECTIVE 2","resources":{"deckId":18120461,"packId":22685670},"returnTo":"/packs/22685670/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"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"is the process of creating the visual and functional aspects of websites. 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","acceptedAnswer":{"@type":"Answer","text":"Layout: The arrangement of elements on a webpage, including headers, footers, navigation menus, and content areas. Color Scheme: The selection of colors used throughout the website to create a cohesive and visually appealing look. Typography: The choice of fonts and text styles to ensure readability and enhance the website's aesthetic. Images and Graphics: The use of photos, illustrations, icons, and other visual elements to support content and engage users. Navigation: The system that allows users to move through the website, including menus, links, and buttons."}},{"@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":"Typhography"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The system that allows 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":"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":"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 layouts, to create a cohesive 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":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Steps to Design a Website","acceptedAnswer":{"@type":"Answer","text":"Define the Purpose and Goals: Understand the website's objectives and target audience. Research and Plan: Conduct research on competitors and gather inspiration. Create a sitemap and wireframes. Design: Develop the visual elements, including layout, color scheme, typography, and graphics. Develop: Write the HTML, CSS, and JavaScript code to build the website. Test: Check the website for functionality, usability, and compatibility across different devices and browsers. Launch: Publish the website and promote it to the target audience. Maintain: Regularly update the content and fix any issues that arise"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Understand the website's objectives and target audience.","acceptedAnswer":{"@type":"Answer","text":"Define the Purpose and Goals"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"LESSON 1"}]}
</script>
</body>
</html>