HTML 1 Flashcards
(93 cards)
1
Q
What does HTML stand for?
A
HyperText Markup Language
2
Q
What is the main purpose of HTML?
A
Structuring web pages
3
Q
What is the correct doctype declaration for HTML5?
A
<!DOCTYPE html>
4
Q
Which tag is used to define the main content of an HTML page?
A
<body>
</body>
5
Q
What is the function of the <head> tag?
A
Contains metadata and links to external resources
6
Q
How do you define a hyperlink in HTML?
A
<a>Text</a>
7
Q
Which tag is used to insert an image?
A
<img></img>
8
Q
What does the alt attribute in <img></img> do?
A
Provides alternative text for accessibility
9
Q
How do you create an ordered list?
A
<ol><li>Item</li></ol>
10
Q
How do you create an unordered list?
A
<ul><li>Item</li></ul>
11
Q
Which tag is used to create a table?
A
<table>
</table>
12
Q
What is the function of the <th> tag in a table?
A
Defines a table header
13
Q
What does the <td> tag represent in a table?
A
Defines a table cell
14
Q
Which attribute is used to specify a unique identifier for an element?
A
id
15
Q
How do you create a form in HTML?
A
<form>
</form>
16
Q
What is the purpose of the <input></input> tag?
A
Collects user input
17
Q
How do you create a text input field?
A
<input></input>
18
Q
What is the difference between <section> and <article>?
A
<section> groups related content, <article> is independent content
</article></section>
19
Q
Which tag is used for navigation menus?
A
<nav>
</nav>
20
Q
What is the function of the <footer> tag?
A
Defines the footer section of a webpage
21
Q
How do you add a video to an HTML page?
A
<video><source></source></video>
22
Q
How do you add an audio file to an HTML page?
A
<audio><source></source></audio>
23
Q
What is the <canvas> tag used for?</canvas>
A
Creating graphics using JavaScript
24
Q
What does localStorage do?
A
Stores data persistently in the browser
25
What is sessionStorage used for?
Stores data temporarily while the session is active
26
What is an attribute in HTML?
Provides additional information about an element
27
What is the purpose of the target="_blank" attribute in a link?
Opens the link in a new tab
28
How do you make an input field required?
Add the required attribute:
29
Why is semantic HTML important?
Improves accessibility, SEO, and readability
30
What is the function of the tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Defines the title of the web page (shown in the browser tab)
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='31' id='card-565948945'>
<div class='header'>
31
</div>
<div class='card-face question'>
<div class='question-content'>
What is the difference between <div> and <span>?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<div> is a block-level element, <span> is an inline element
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='32' id='card-565948946'>
<div class='header'>
32
</div>
<div class='card-face question'>
<div class='question-content'>
What does the <br> tag do?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Creates a line break
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='33' id='card-565948947'>
<div class='header'>
33
</div>
<div class='card-face question'>
<div class='question-content'>
What is the function of the <hr> tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Inserts a horizontal line
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='34' id='card-565948948'>
<div class='header'>
34
</div>
<div class='card-face question'>
<div class='question-content'>
How do you define a comment in HTML?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<!-- This is a comment -->
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='35' id='card-565948949'>
<div class='header'>
35
</div>
<div class='card-face question'>
<div class='question-content'>
What is the <meta> tag used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Defines metadata such as character set and viewport settings
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='36' id='card-565948950'>
<div class='header'>
36
</div>
<div class='card-face question'>
<div class='question-content'>
What is the purpose of the charset="UTF-8" attribute in <meta>?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Ensures proper character encoding for multiple languages
</div>
</div>
</div>
<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-number='37' id='card-565948951'>
<div class='header'>
37
</div>
<div class='card-face question'>
<div class='question-content'>
How do you set the viewport for a responsive design?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='38' id='card-565948952'>
<div class='header'>
38
</div>
<div class='card-face question'>
<div class='question-content'>
What does the colspan attribute do in a table?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Merges multiple columns into one cell
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='39' id='card-565948954'>
<div class='header'>
39
</div>
<div class='card-face question'>
<div class='question-content'>
What does the rowspan attribute do in a table?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Merges multiple rows into one cell
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='40' id='card-565948955'>
<div class='header'>
40
</div>
<div class='card-face question'>
<div class='question-content'>
What is the <figure> tag used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Groups images with captions
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='41' id='card-565948956'>
<div class='header'>
41
</div>
<div class='card-face question'>
<div class='question-content'>
What is the function of the <figcaption> tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Provides a caption for an image in <figure>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='42' id='card-565948957'>
<div class='header'>
42
</div>
<div class='card-face question'>
<div class='question-content'>
How do you create a drop-down list in HTML?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<select><option>Option 1</option></select>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='43' id='card-565948958'>
<div class='header'>
43
</div>
<div class='card-face question'>
<div class='question-content'>
What is the difference between GET and POST in forms?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
GET appends data to the URL, POST sends data securely
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='44' id='card-565948959'>
<div class='header'>
44
</div>
<div class='card-face question'>
<div class='question-content'>
What is the function of the <label> tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Associates text with a form input for accessibility
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='45' id='card-565948960'>
<div class='header'>
45
</div>
<div class='card-face question'>
<div class='question-content'>
How do you make a checkbox in HTML?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<input type="checkbox">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='46' id='card-565948961'>
<div class='header'>
46
</div>
<div class='card-face question'>
<div class='question-content'>
How do you make a radio button in HTML?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<input type="radio" name="group">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='47' id='card-565948962'>
<div class='header'>
47
</div>
<div class='card-face question'>
<div class='question-content'>
What is the <button> tag used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Creates a clickable button
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='48' id='card-565948963'>
<div class='header'>
48
</div>
<div class='card-face question'>
<div class='question-content'>
What is the <fieldset> tag used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Groups related form elements together
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='49' id='card-565948964'>
<div class='header'>
49
</div>
<div class='card-face question'>
<div class='question-content'>
What is the <legend> tag used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Provides a title for a <fieldset> group
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='50' id='card-565948965'>
<div class='header'>
50
</div>
<div class='card-face question'>
<div class='question-content'>
How do you add a tooltip to an element?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Using the title attribute: <p title="This is a tooltip">Hover over me</p>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='51' id='card-565948966'>
<div class='header'>
51
</div>
<div class='card-face question'>
<div class='question-content'>
What is the function of the <mark> tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Highlights text
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='52' id='card-565948967'>
<div class='header'>
52
</div>
<div class='card-face question'>
<div class='question-content'>
How do you create a clickable phone number link?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<a href="tel:+1234567890">Call me</a>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='53' id='card-565948968'>
<div class='header'>
53
</div>
<div class='card-face question'>
<div class='question-content'>
How do you create a clickable email link?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<a href="mailto:example@email.com">Email me</a>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='54' id='card-565948969'>
<div class='header'>
54
</div>
<div class='card-face question'>
<div class='question-content'>
What is the <wbr> tag used for?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Specifies a possible line break in text
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='55' id='card-565948970'>
<div class='header'>
55
</div>
<div class='card-face question'>
<div class='question-content'>
What does the <bdo> tag do?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Controls text direction (e.g., right-to-left with dir="rtl")
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='56' id='card-565948971'>
<div class='header'>
56
</div>
<div class='card-face question'>
<div class='question-content'>
What is the function of the <progress> tag?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Displays a progress bar
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='57' id='card-565948972'>
<div class='header'>
57
</div>
<div class='card-face question'>
<div class='question-content'>
What does the <meter> tag do?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Displays a scalar measurement within a known range
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='58' id='card-565948973'>
<div class='header'>
58
</div>
<div class='card-face question'>
<div class='question-content'>
What is the difference between <b> and <strong>?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<b> makes text bold, <strong> adds semantic importance
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='59' id='card-565948974'>
<div class='header'>
59
</div>
<div class='card-face question'>
<div class='question-content'>
What is the difference between <i> and <em>?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<i> italicizes text, <em> adds emphasis with semantic meaning
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='60' id='card-565948975'>
<div class='header'>
60
</div>
<div class='card-face question'>
<div class='question-content'>
How comfortable do you feel building an email/template using HTML/CSS from scratch?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I feel comfortable building an email or template using HTML/CSS from scratch. I have experience following best practices for email development, including inline styles and table-based layouts.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='61' id='card-565948976'>
<div class='header'>
61
</div>
<div class='card-face question'>
<div class='question-content'>
Follow-up question: How comfortable do you feel building a responsive email?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I am comfortable building responsive emails using media queries and fluid hybrid coding techniques. I am familiar with handling email client inconsistencies and ensuring proper rendering across devices.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='62' id='card-565948977'>
<div class='header'>
62
</div>
<div class='card-face question'>
<div class='question-content'>
What are the 2 best practices when coding HTML for email and what are 2 bad practices we should avoid?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Best practices: (1) Use table-based layouts for better email client compatibility. (2) Inline CSS to ensure styles render correctly across all email clients. Bad practices: (1) Avoid using external CSS files, as many email clients do not support them. (2) Avoid JavaScript or interactive elements, as most email clients block them.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='63' id='card-565948978'>
<div class='header'>
63
</div>
<div class='card-face question'>
<div class='question-content'>
What would be your recommendations if the client wants to use live/HTML text on top of an image?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would recommend using a background color fallback and carefully positioning the text within a <div> or <table> over the image. It’s important to ensure that the email remains readable even if images are blocked.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='64' id='card-565948979'>
<div class='header'>
64
</div>
<div class='card-face question'>
<div class='question-content'>
Follow-up question: Would you recommend the use of a background image to a client? Why?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
It depends on the use case. Some email clients, like Outlook, do not support background images properly. If a background image is necessary, I would recommend using a VML fallback for Outlook or considering an alternative design approach that works well without images.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='65' id='card-565948980'>
<div class='header'>
65
</div>
<div class='card-face question'>
<div class='question-content'>
Is there a way to avoid a text transforming into a link on Apple devices?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Yes, wrapping the text in <span style="text-decoration: none;"> can help, or adding meta name="format-detection" content="telephone=no" in the <head> section to prevent automatic link formatting.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='66' id='card-565948981'>
<div class='header'>
66
</div>
<div class='card-face question'>
<div class='question-content'>
Can you share for which email client(s) we can add “hack” code to make the email render as expected?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Outlook (using VML and conditional comments), Gmail (handling padding/margins inconsistencies), and Apple Mail (adjusting WebKit-based rendering).
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='67' id='card-565948982'>
<div class='header'>
67
</div>
<div class='card-face question'>
<div class='question-content'>
Which email clients would you recommend testing on?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would recommend testing on Outlook (various versions), Gmail (web and mobile), Apple Mail, Yahoo Mail, and Samsung Mail, as they are among the most commonly used email clients. Testing tools like Litmus or Email on Acid can help ensure proper rendering.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='68' id='card-565948983'>
<div class='header'>
68
</div>
<div class='card-face question'>
<div class='question-content'>
Scenario 1: Troubleshooting a campaign that is not working properly after delivery
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
First, I would review the original ticket and client requirements to understand what was expected. Then, I would check the email/template in Litmus or Email on Acid to identify rendering issues. If the issue is related to functionality (e.g., links not working, missing dynamic content), I would test the email in a staging environment to replicate the issue. I would also verify if the issue is client-side (e.g., incorrect ESP settings) or if there was a mistake in the HTML/CSS. If needed, I would escalate the issue internally while keeping the client informed about the investigation process.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='69' id='card-565948984'>
<div class='header'>
69
</div>
<div class='card-face question'>
<div class='question-content'>
Scenario 2: Client needs urgent fixes due to missing logic/errors in the delivered campaign
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
First, I would acknowledge the issue quickly and professionally, reassuring the client that I am reviewing it. I would check the original request to confirm if something was overlooked or if the client made last-minute changes. Then, I would assess the complexity of the fix—if it’s minor, I would prioritize it immediately. If it requires more time, I would set realistic expectations with the client about when it can be completed. I would also loop in the necessary team members to expedite the process. Throughout the process, I would provide clear, concise updates to the client to manage expectations and ensure transparency.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='70' id='card-565948985'>
<div class='header'>
70
</div>
<div class='card-face question'>
<div class='question-content'>
How do you troubleshoot a rendering issue?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would first test the email in Litmus or Email on Acid to see how it renders across different email clients. Then, I would inspect the HTML/CSS for issues such as missing inline styles, incorrect media queries, or unsupported elements. If the issue is specific to a certain client (e.g., Outlook spacing problems), I would apply hacks or conditional comments. I would also check if images, fonts, and external links are loading correctly. If needed, I would escalate the issue to the development team for further investigation.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='71' id='card-565948986'>
<div class='header'>
71
</div>
<div class='card-face question'>
<div class='question-content'>
What do you check if the client says they didn’t receive any seeds from the deployment?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would first verify if the seeds were included in the send list and if there were any suppression rules affecting them. Then, I would check the deployment logs to confirm if the email was sent successfully to the seed addresses. If the issue persists, I would investigate the ESP (Email Service Provider) to see if there were any blocks, delays, or bounces. If necessary, I would resend the seed emails and update the client with my findings.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='72' id='card-565948987'>
<div class='header'>
72
</div>
<div class='card-face question'>
<div class='question-content'>
What do you do if you find a currently-being-deployed campaign has an issue?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
If possible, I would try to pause the deployment immediately to prevent further sends. Then, I would assess the nature of the issue—if it’s something that can be fixed quickly (like a broken link redirect), I would apply a workaround if the ESP allows it. If the issue is critical and pausing isn't possible, I would escalate the situation internally and prepare a damage control plan, including notifying the client proactively and providing a solution.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='73' id='card-565948988'>
<div class='header'>
73
</div>
<div class='card-face question'>
<div class='question-content'>
What do you do if a campaign deployed with an error in an offer, the client yet doesn’t know but you find out?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would first evaluate the impact of the error—how critical it is and how many recipients were affected. If it’s a minor issue, I would prepare a fix plan and be ready with a response in case the client notices. If it’s a major issue (e.g., incorrect discount, broken CTA), I would proactively inform the client, present possible solutions (like a follow-up correction email), and align with the internal team on next steps. Transparency and quick resolution would be my priority.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='74' id='card-565948989'>
<div class='header'>
74
</div>
<div class='card-face question'>
<div class='question-content'>
1. How do you optimize emails for mobile devices?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I ensure that the email design is responsive by using media queries, fluid grids, and flexible images. I also test emails on different mobile devices to check if the layout adapts properly.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='75' id='card-565948990'>
<div class='header'>
75
</div>
<div class='card-face question'>
<div class='question-content'>
2. What are some challenges when coding for email clients like Outlook?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Outlook uses the Word rendering engine, which can cause layout issues. To overcome this, I use VML (Vector Markup Language) for background images and ensure that tables are used for structure instead of relying on CSS for positioning.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='76' id='card-565948991'>
<div class='header'>
76
</div>
<div class='card-face question'>
<div class='question-content'>
3. Can you explain the importance of alt text in email design?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Alt text is crucial for accessibility and user experience. It ensures that recipients who have images disabled can still understand the content of the email. It’s also important for SEO and improves email accessibility for screen readers.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='77' id='card-565948992'>
<div class='header'>
77
</div>
<div class='card-face question'>
<div class='question-content'>
4. How do you handle testing emails across multiple platforms?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I use tools like Litmus or Email on Acid to test emails across a wide range of email clients and devices. I also manually test critical clients (like Gmail, Outlook, and Apple Mail) to ensure rendering issues are caught early.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='78' id='card-565948993'>
<div class='header'>
78
</div>
<div class='card-face question'>
<div class='question-content'>
5. How would you troubleshoot a broken CTA button in an email?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would first check if the button's link is correctly formatted and whether it is being rendered properly in the HTML. If it's a display issue, I would ensure that the button has proper styling, such as padding, background color, and link color.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='79' id='card-565948994'>
<div class='header'>
79
</div>
<div class='card-face question'>
<div class='question-content'>
6. What role does pre-header text play in an email campaign?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Pre-header text acts as a secondary subject line, giving recipients a preview of the email content. It should be concise and complement the subject line, as it can influence open rates.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='80' id='card-565948995'>
<div class='header'>
80
</div>
<div class='card-face question'>
<div class='question-content'>
7. How do you approach A/B testing for email campaigns?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I focus on testing elements like subject lines, CTAs, visuals, and send times. I ensure the variations are split evenly to get statistically significant results, and use tools like Google Analytics or ESP reports to analyze performance.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='81' id='card-565948996'>
<div class='header'>
81
</div>
<div class='card-face question'>
<div class='question-content'>
8. What are some tips for improving email deliverability?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
To improve deliverability, I ensure the email list is clean by regularly removing invalid addresses. I also implement SPF, DKIM, and DMARC records, avoid spammy words, and use a reputable ESP.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='82' id='card-565948997'>
<div class='header'>
82
</div>
<div class='card-face question'>
<div class='question-content'>
9. What is a drip email campaign, and when would you use it?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A drip campaign is a series of automated emails sent to a user over time, typically triggered by a specific action. It's effective for nurturing leads, onboarding users, or re-engaging inactive customers.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='83' id='card-565948998'>
<div class='header'>
83
</div>
<div class='card-face question'>
<div class='question-content'>
10. Can you explain the concept of email segmentation?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Segmentation involves dividing an email list into smaller groups based on criteria like demographics, behavior, or purchase history. This allows for more personalized and relevant emails, improving engagement and conversions.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='84' id='card-565948999'>
<div class='header'>
84
</div>
<div class='card-face question'>
<div class='question-content'>
11. How do you track the performance of an email campaign?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I track key metrics such as open rates, click-through rates (CTR), conversion rates, and bounce rates. I also monitor the unsubscribe rate and review the A/B testing results to refine future campaigns.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='85' id='card-565949000'>
<div class='header'>
85
</div>
<div class='card-face question'>
<div class='question-content'>
12. What would you do if an email is flagged as spam?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would first check the content of the email for common spam triggers. Then, I would verify that the sender’s domain has proper authentication (SPF, DKIM, DMARC). I would also ensure that the recipient list is clean and hasn’t been marked as problematic.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='86' id='card-565949001'>
<div class='header'>
86
</div>
<div class='card-face question'>
<div class='question-content'>
13. What are the main differences between HTML and plain text emails?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
HTML emails allow for rich formatting, images, and interactive elements, whereas plain text emails are simple, without any formatting or images. HTML emails tend to be more engaging but may have compatibility issues across different email clients.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='87' id='card-565949002'>
<div class='header'>
87
</div>
<div class='card-face question'>
<div class='question-content'>
14. How would you handle a situation where a client requests last-minute changes after the email has been finalized?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I would assess the urgency of the change and determine if it can be implemented without affecting the timeline. I would communicate with the client to set new expectations and ensure the team can make the change without impacting the overall quality.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='88' id='card-565949003'>
<div class='header'>
88
</div>
<div class='card-face question'>
<div class='question-content'>
15. Can you explain what a “salted” email list is and how it’s used?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A salted email list includes additional fake email addresses inserted to prevent spam traps from affecting the email reputation. This helps ensure the list is clean and only includes valid recipients.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='89' id='card-565949004'>
<div class='header'>
89
</div>
<div class='card-face question'>
<div class='question-content'>
16. What are email automation workflows, and why are they useful?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Email automation workflows are sequences of emails triggered by specific actions or dates. They help nurture leads, re-engage users, or deliver timely content automatically, which improves efficiency and ensures consistent messaging.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='90' id='card-565949005'>
<div class='header'>
90
</div>
<div class='card-face question'>
<div class='question-content'>
17. How do you ensure an email is compliant with privacy laws like GDPR?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I make sure to have an opt-in process where users consent to receive emails. I also ensure that recipients can easily unsubscribe, and that their data is stored securely. All emails should include a privacy notice and comply with the opt-out requests.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='91' id='card-565949006'>
<div class='header'>
91
</div>
<div class='card-face question'>
<div class='question-content'>
18. What are some common issues that can cause an email to look different in various clients?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Common issues include inconsistent CSS support, broken image links, and rendering bugs in certain clients (like Outlook). Using tables, inline styles, and fallback strategies helps mitigate these issues.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='92' id='card-565949007'>
<div class='header'>
92
</div>
<div class='card-face question'>
<div class='question-content'>
19. Can you explain the purpose of a "fallback font" in email design?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A fallback font is a secondary font listed in the email’s CSS to ensure the text remains readable even if the primary font is unavailable. This guarantees that the email content displays correctly across various email clients.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22639882&returnTo=%2Fpacks%2F22639882%2Fsubscribe&source=preview-card&subject=HTML' data-card-is-blurrable data-number='93' id='card-565949008'>
<div class='header'>
93
</div>
<div class='card-face question'>
<div class='question-content'>
20. How do you ensure that the email content aligns with the brand’s tone and voice?
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
I ensure consistency by adhering to the brand guidelines regarding language, colors, and style. I work closely with the content and design teams to create emails that match the brand’s identity and engage the audience effectively.
</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/html-22639882"><span class="pack-name">HTML</span> (1 decks)
</a></p>
<ul class='deck-list-items'>
<a class='deck-link selected' href='/flashcards/html-1-17953871/packs/22639882'>
<li class='deck-list-item'>HTML 1</li>
</a>
</ul>
</div>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":22639882,"source":"spaced-repetition-modal","subject":"HTML","resources":{"deckId":17953871,"packId":22639882},"returnTo":"/packs/22639882/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 1"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does HTML stand for?","acceptedAnswer":{"@type":"Answer","text":"HyperText Markup Language"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the main purpose of HTML?","acceptedAnswer":{"@type":"Answer","text":"Structuring web pages"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the correct doctype declaration for HTML5?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Which tag is used to define the main content of an HTML page?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the function of the tag?","acceptedAnswer":{"@type":"Answer","text":"Contains metadata and links to external resources"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you define a hyperlink in HTML?","acceptedAnswer":{"@type":"Answer","text":"Text"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Which tag is used to insert an image?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the alt attribute in do?","acceptedAnswer":{"@type":"Answer","text":"Provides alternative text for accessibility"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you create an ordered list?","acceptedAnswer":{"@type":"Answer","text":"Item"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you create an unordered list?","acceptedAnswer":{"@type":"Answer","text":"Item"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Which tag is used to create a table?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the function of the tag in a table?","acceptedAnswer":{"@type":"Answer","text":"Defines a table header"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the tag represent in a table?","acceptedAnswer":{"@type":"Answer","text":"Defines a table cell"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Which attribute is used to specify a unique identifier for an element?","acceptedAnswer":{"@type":"Answer","text":"id"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you create a form in HTML?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of the tag?","acceptedAnswer":{"@type":"Answer","text":"Collects user input"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you create a text input field?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between and ?","acceptedAnswer":{"@type":"Answer","text":" groups related content, is independent content"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Which tag is used for navigation menus?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the function of the tag?","acceptedAnswer":{"@type":"Answer","text":"Defines the footer section of a webpage"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you add a video to an HTML page?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you add an audio file to an HTML page?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the tag used for?","acceptedAnswer":{"@type":"Answer","text":"Creating graphics using JavaScript"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does localStorage do?","acceptedAnswer":{"@type":"Answer","text":"Stores data persistently in the browser"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is sessionStorage used for?","acceptedAnswer":{"@type":"Answer","text":"Stores data temporarily while the session is active"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is an attribute in HTML?","acceptedAnswer":{"@type":"Answer","text":"Provides additional information about an element"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of the target=\"_blank\" attribute in a link?","acceptedAnswer":{"@type":"Answer","text":"Opens the link in a new tab"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you make an input field required?","acceptedAnswer":{"@type":"Answer","text":"Add the required attribute: "}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Why is semantic HTML important?","acceptedAnswer":{"@type":"Answer","text":"Improves accessibility, SEO, and readability"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the function of the tag?","acceptedAnswer":{"@type":"Answer","text":"Defines the title of the web page (shown in the browser tab)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the difference between and ?","acceptedAnswer":{"@type":"Answer","text":" is a block-level element, is an inline element"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the tag do?","acceptedAnswer":{"@type":"Answer","text":"Creates a line break"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the function of the tag?","acceptedAnswer":{"@type":"Answer","text":"Inserts a horizontal line"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you define a comment in HTML?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the tag used for?","acceptedAnswer":{"@type":"Answer","text":"Defines metadata such as character set and viewport settings"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is the purpose of the charset=\"UTF-8\" attribute in ?","acceptedAnswer":{"@type":"Answer","text":"Ensures proper character encoding for multiple languages"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do you set the viewport for a responsive design?","acceptedAnswer":{"@type":"Answer","text":""}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does the colspan attribute do in a table?","acceptedAnswer":{"@type":"Answer","text":"Merges multiple columns into one cell"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"HTML 1"}]}
</script>
</body>
</html>