Unit 2-WEB PAGE AND FORMATTING LAYOUT Flashcards

1
Q

WHAT IS A Mark-Up Language?

A

A markup language is a computer language that uses tags to define elements within a document.

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

These tags are embedded within the document’s text, and they describe the structure and content of the document. ….

A

Mark-Up Language

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

WHAT IS Concept of Mark-Up Language?

A

The concept of markup language revolves around the use of tags that provide structure and meaning to the content within a document.

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

EXAMPLES OF MARK UP LANGUAGE

A

HTML, XML, and LaTeX.

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

…………. allow documents to be displayed in different ways across different platforms and devices, making it an essential component of web development.

A

Markup languages

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

WHAT ARE THE Components of HTML5(latest version of the HTML markup language )

A

Elements

Attributes

Tags

Doctype declaration

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

These are the building blocks of HTML documents, and they define the structure and content of a page.
What are they?

A

Elements

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

These provide additional information about an element and can be used to modify its behavior or appearance. What are they?

A

Attributes

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

These are used to mark the beginning and end of an element and are enclosed in angle brackets. What are they?

A

Tags

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

This specifies the version of HTML being used and should be included at the beginning of an HTML document. What is this?

A

Doctype declaration

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

HTML elements are categorized as either ……………………, and they have different default behaviors when rendered in a web browser.

A

block-level or inline elements

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

These create a new line after the element and take up the full width of their parent container. Examples include headings, paragraphs, and lists. What are they?

A

Block-level elements

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

These do not create a new line after the element and only take up the necessary space required by their content. Examples include links, images, and text span.

A

Inline elements

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

…………….. provide additional information about an element and are included within the opening tag. They have a name and a value, separated by an equal sign. For example, the “src” attribute specifies the URL of an image or video element, while the “href” attribute specifies the destination of a hyperlink element.

A

Attributes

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

The values of attributes can be either ………

A

text, numbers, or Boolean values.

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

Block level vs Inline elements?

A

Block-level elements are those that create a rectangular block on the page and start on a new line, while inline elements are those that are contained within a line of text and only take up as much width as necessary.

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

In HTML, elements are categorized into two types:

A

block-level elements and inline elements.

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

Examples of block-level elements include…………………., among others.

A

<div>, <h1> to <h6>, <p>, <ul>, <ol>, <li>, <table>, <form>, and <header>,
</header></form></table></li></ol></ul></p></h6></h1></div>

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

Examples of Inline elements include………., among others.

A

<a>, <span>, <img></img>, <em>, <strong>, <input></input>, <button>, <label>, <select>, and <textarea></textarea></select></label></button></strong></em></span></a>

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

It is important to note that block-level elements can contain both block-level and inline elements, while ……?

A

Inline elements can only contain other inline elements or data.

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

LIST 4 Benefits of HTML5 .

A
  1. facilitates backward compatibility
  2. provides a non proprietary open framework (JavaScript)
  3. invalid markup handling
  4. improved semantics
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

HTML5 has been designed in such a way that it is compatible with older versions of HTML. This means that it is easier to use HTML5 on older web browsers and web applications without requiring any major modifications.

A

Facilitates backward compatibility

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

HTML5 provides a non-proprietary open framework for web developers to create and develop web applications. This means that developers can use HTML5 with JavaScript to create dynamic and interactive web applications that work across all platforms.

A

Provides non-proprietary open framework (JavaScript)

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

Invalid markup handling

A

HTML5 is able to handle invalid markup, which is not possible in older versions of HTML. This means that web developers can create web pages that are more flexible and tolerant of errors.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Improved semantics
HTML5 offers improved semantics, making it easier for search engines to crawl and index web pages. This helps in improving the search engine optimization (SEO) of web pages, making them more visible to users.
26
The declaration is the very first thing in an HTML document.
27
It tells the browser about the version of HTML the document is written in.
declaration
28
The browser uses this information to interpret the document correctly.
declaration
29
Comments
HTML comments are used to add notes or explanations to the code without displaying them in the web page.
30
...... can also be used to temporarily remove a section of code from the page.
Comments
31
........ are denoted by at the end.
HTML comments
32
ThIS tag defines the beginning and end of an HTML document.
33
ThIS tag contains the title of the document, links to external stylesheets and other meta-information about the document that is not displayed on the page.
34
ThIS tag is placed within the head section and defines the title of the document. This title is displayed in the browser's title bar.
</div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":35,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427494544},"returnTo":"/packs/21240526/subscribe"}' id='card-427494544'> <div class='header'> 35 </div> <div class='card-face question'> <div class='question-content'> ThIS tag contains all the content that will be displayed in the web page. This includes headings, paragraphs, images, links, and other elements. </div> </div> <div class='card-face answer'> <div class='answer-content'> <body> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":36,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427494728},"returnTo":"/packs/21240526/subscribe"}' id='card-427494728'> <div class='header'> 36 </div> <div class='card-face question'> <div class='question-content'> LIST SOME Basic HTML TAgs </div> </div> <div class='card-face answer'> <div class='answer-content'> Html Head Title body </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":37,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427495030},"returnTo":"/packs/21240526/subscribe"}' id='card-427495030'> <div class='header'> 37 </div> <div class='card-face question'> <div class='question-content'> LIST SOME HTML5 Structural </div> </div> <div class='card-face answer'> <div class='answer-content'> header nav section article aside footer figure figcaption </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":38,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427495849},"returnTo":"/packs/21240526/subscribe"}' id='card-427495849'> <div class='header'> 38 </div> <div class='card-face question'> <div class='question-content'> <header> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to define the header section of a web page, usually containing the website logo, navigation menu, and other introductory information. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":39,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427495882},"returnTo":"/packs/21240526/subscribe"}' id='card-427495882'> <div class='header'> 39 </div> <div class='card-face question'> <div class='question-content'> <nav> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to define the navigation section of a web page, containing links to various parts of the website. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":40,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427496412},"returnTo":"/packs/21240526/subscribe"}' id='card-427496412'> <div class='header'> 40 </div> <div class='card-face question'> <div class='question-content'> <section> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to divide the content of a web page into sections, typically with a heading. It helps to organize content in a structured way. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":41,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427496519},"returnTo":"/packs/21240526/subscribe"}' id='card-427496519'> <div class='header'> 41 </div> <div class='card-face question'> <div class='question-content'> <article> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to define a self-contained piece of content, such as a blog post, article, or news story. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":42,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427497261},"returnTo":"/packs/21240526/subscribe"}' id='card-427497261'> <div class='header'> 42 </div> <div class='card-face question'> <div class='question-content'> <footer> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to define the footer section of a web page, typically containing copyright information, contact details, and links to related pages. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":43,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427518607},"returnTo":"/packs/21240526/subscribe"}' id='card-427518607'> <div class='header'> 43 </div> <div class='card-face question'> <div class='question-content'> <figure> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to group related content, such as images and captions. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":44,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427518649},"returnTo":"/packs/21240526/subscribe"}' id='card-427518649'> <div class='header'> 44 </div> <div class='card-face question'> <div class='question-content'> <figcaption> </div> </div> <div class='card-face answer'> <div class='answer-content'> Used to define the caption for the content inside the <figure> element. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":45,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427518893},"returnTo":"/packs/21240526/subscribe"}' id='card-427518893'> <div class='header'> 45 </div> <div class='card-face question'> <div class='question-content'> Paragraphs tag? </div> </div> <div class='card-face answer'> <div class='answer-content'> : The <p> tag is used to create paragraphs of text. It is a block-level element that adds spacing between blocks of text. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":46,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427519941},"returnTo":"/packs/21240526/subscribe"}' id='card-427519941'> <div class='header'> 46 </div> <div class='card-face question'> <div class='question-content'> Headings </div> </div> <div class='card-face answer'> <div class='answer-content'> : There are six levels of headings in HTML, from <h1> to <h6>. Headings are used to create hierarchical structure on a page and can improve accessibility. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":47,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427519980},"returnTo":"/packs/21240526/subscribe"}' id='card-427519980'> <div class='header'> 47 </div> <div class='card-face question'> <div class='question-content'> Headings </div> </div> <div class='card-face answer'> <div class='answer-content'> : There are six levels of headings in HTML, from <h1> to <h6>. Headings are used to create hierarchical structure on a page and can improve accessibility. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":48,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427520069},"returnTo":"/packs/21240526/subscribe"}' id='card-427520069'> <div class='header'> 48 </div> <div class='card-face question'> <div class='question-content'> Horizontal rules </div> </div> <div class='card-face answer'> <div class='answer-content'> : The <hr> tag is used to create a horizontal rule, which can be used to visually separate sections of a page. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":49,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427520219},"returnTo":"/packs/21240526/subscribe"}' id='card-427520219'> <div class='header'> 49 </div> <div class='card-face question'> <div class='question-content'> Quotations </div> </div> <div class='card-face answer'> <div class='answer-content'> : The <blockquote> tag is used for longer quotes, while the <q> tag is used for shorter quotes. You can also use the <cite> tag to specify the source of a quote. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":50,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427520407},"returnTo":"/packs/21240526/subscribe"}' id='card-427520407'> <div class='header'> 50 </div> <div class='card-face question'> <div class='question-content'> line breaak tag </div> </div> <div class='card-face answer'> <div class='answer-content'> <br> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":51,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427520849},"returnTo":"/packs/21240526/subscribe"}' id='card-427520849'> <div class='header'> 51 </div> <div class='card-face question'> <div class='question-content'> Special characters: Some characters have special meaning in HTML, such as the angle brackets used to enclose tags. </div> </div> <div class='card-face answer'> <div class='answer-content'> To display these characters on a page, you can use character entities such as < for < and > for >. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":52,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427521257},"returnTo":"/packs/21240526/subscribe"}' id='card-427521257'> <div class='header'> 52 </div> <div class='card-face question'> <div class='question-content'> Mark tag </div> </div> <div class='card-face answer'> <div class='answer-content'> : The <mark> tag is used to highlight text on a page, such as for search results or important information. It will typically appear as highlighted or underlined text, depending on the browser's default styles. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":53,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427521363},"returnTo":"/packs/21240526/subscribe"}' id='card-427521363'> <div class='header'> 53 </div> <div class='card-face question'> <div class='question-content'> Nested tags </div> </div> <div class='card-face answer'> <div class='answer-content'> are tags that are placed inside other tags. This means that one tag can contain one or more other tags. The inner tags are placed between the opening and closing tags of the outer tag. The purpose of nesting tags is to give structure and hierarchy to the content on a webpage. </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":54,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427521830},"returnTo":"/packs/21240526/subscribe"}' id='card-427521830'> <div class='header'> 54 </div> <div class='card-face question'> <div class='question-content'> Unordered Lists </div> </div> <div class='card-face answer'> <div class='answer-content'> <ul> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":55,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427521978},"returnTo":"/packs/21240526/subscribe"}' id='card-427521978'> <div class='header'> 55 </div> <div class='card-face question'> <div class='question-content'> Ordered ists </div> </div> <div class='card-face answer'> <div class='answer-content'> They are created using the <ol> tag and each list item is represented by the <li> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":56,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427522029},"returnTo":"/packs/21240526/subscribe"}' id='card-427522029'> <div class='header'> 56 </div> <div class='card-face question'> <div class='question-content'> Nested Lists: These lists are lists that are nested inside other lists. </div> </div> <div class='card-face answer'> <div class='answer-content'> This is achieved by placing one list inside another list item. Here's an example: css Copy code <ol> <li>Item 1</li> <li>Item 2 <ul> <li>Sub-item 1</li> <li>Sub-item 2</li> </ul> </li> <li>Item 3</li> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":56,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427522030},"returnTo":"/packs/21240526/subscribe"}' id='card-427522030'> <div class='header'> 56 </div> <div class='card-face question'> <div class='question-content'> Description Lists: These lists are used to provide a description of a term or concept. </div> </div> <div class='card-face answer'> <div class='answer-content'> They are created using the <dl> tag, which contains a series of term-description pairs. Each term is represented by the <dt> tag, and each description is represented by the <dd> tag. <dl> <dt>Term 1</dt> <dd>Description of term 1</dd> <dt>Term 2</dt> <dd>Description of term 2</dd> <dt>Term 3</dt> <dd>Description of term 3</dd> </dl> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":57,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427522741},"returnTo":"/packs/21240526/subscribe"}' id='card-427522741'> <div class='header'> 57 </div> <div class='card-face question'> <div class='question-content'> To create tables in HTML, the ...... element is used </div> </div> <div class='card-face answer'> <div class='answer-content'> <table> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":58,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427522905},"returnTo":"/packs/21240526/subscribe"}' id='card-427522905'> <div class='header'> 58 </div> <div class='card-face question'> <div class='question-content'> The <tr> element is used to define a .... in the tabl. </div> </div> <div class='card-face answer'> <div class='answer-content'> row </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":59,"qSoundUrl":null,"resources":{"deckId":13037584,"packId":21240526,"cardId":427523187},"returnTo":"/packs/21240526/subscribe"}' id='card-427523187'> <div class='header'> 59 </div> <div class='card-face question'> <div class='question-content'> elements are used to define header and cell data, respectively. </div> </div> <div class='card-face answer'> <div class='answer-content'> <th> and <td> </div> </div> </div> </div> </div> </div> <div class='flashcards-sidebar'> <div class='sidebar-header'> <div class='react-component' id='flashcards-search-bar'> <div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div> </div> </div> <div class='sidebar-content'> <p class='deck-subject-heading'> <a class="decks-in-subject-link" href="/packs/web-development1-21240526"><span class="pack-name">Web Development1</span> (3 decks) </a></p> <ul class='deck-list-items'> <a class='deck-link ' href='/flashcards/unit-1-www-12786773/packs/21240526'> <li class='deck-list-item'>Unit 1- WWW</li> </a> <a class='deck-link selected' href='/flashcards/unit-2-web-page-and-formatting-layout-13037584/packs/21240526'> <li class='deck-list-item'>Unit 2-WEB PAGE AND FORMATTING LAYOUT</li> </a> <a class='deck-link ' href='/flashcards/unit-3-multimedia-and-interactivity-13230871/packs/21240526'> <li class='deck-list-item'>Unit 3: Multimedia and Interactivity</li> </a> </ul> </div> </div> </div> <div id='tooltip-controller'></div> <div data='{"packId":21240526,"source":"spaced-repetition-modal","subject":"Web Development1","resources":{"deckId":13037584,"packId":21240526},"returnTo":"/packs/21240526/subscribe"}' id='spaced-repetition-modal-controller'></div> <div id='banner-controller'></div> <div id='dialog-modal-controller'></div> <div class='band band-footer'> <div class='footer-main'> <ul class='sections'> <li class='section key-links'> <p class='section-heading'> Key Links </p> <ul class='options-list'> <li class='option'> <a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a> </li> <li class='option'> <a class="option-link" href="/companies">Corporate Training</a> </li> <li class='option'> <a class="option-link" href="/teachers">Teachers & Schools</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a> </li> </ul> </li> <li class='section subjects'> <p class='section-heading'> Subjects </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a> </li> <li class='option'> <a class="option-link" href="/subjects/law">Law Education</a> </li> <li class='option'> <a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a> </li> <li class='option'> <a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a> </li> <li class='option certified-classes'> <a class="option-link" href="/learn">All Certified Classes</a> </li> </ul> </li> <li class='section company'> <p class='section-heading'> Company </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/about">About Us</a> </li> <li class='option'> <a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy">Academy</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a> </li> <li class='option'> <a target="_blank" class="option-link" href="/careers">Careers</a> </li> </ul> </li> <li class='section find-us'> <p class='section-heading'> Find Us </p> <ul class='social-media-list'> <li class='option twitter-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option linkedin-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option facebook-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option youtube-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option pinterest-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option tiktok-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option insta-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> </ul> <div class='get-the-app'> <div class='qr-code'> <img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" /> </div> <div class='app-badges'> <div class='badge apple-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> <div class='badge android-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> </div> </div> </li> </ul> </div> <div class='footer-blurb'> Brainscape helps you reach your goals faster, through stronger study habits. <br> © 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a> </div> </div> <script> if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') { __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; } </script> <script> window.addEventListener('load', () => { setTimeout(() => { const script = document.createElement('script'); script.src = "/pks/js/public-flashcards-page-9140413b5150ce9700f9.js"; script.defer = true; document.body.appendChild(script); }, 0); }); </script> <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></script> <script> document.addEventListener("mainSharedready", () => { GaHelper.setGaDimension("dimension1","No"); }); </script> <script type='application/ld+json'> {"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"Unit 2-WEB PAGE AND FORMATTING LAYOUT"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"WHAT IS A Mark-Up Language?","acceptedAnswer":{"@type":"Answer","text":"A markup language is a computer language that uses tags to define elements within a document."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"These tags are embedded within the document's text, and they describe the structure and content of the document. ....","acceptedAnswer":{"@type":"Answer","text":"Mark-Up Language"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"WHAT IS Concept of Mark-Up Language?","acceptedAnswer":{"@type":"Answer","text":"The concept of markup language revolves around the use of tags that provide structure and meaning to the content within a document."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"EXAMPLES OF MARK UP LANGUAGE","acceptedAnswer":{"@type":"Answer","text":"HTML, XML, and LaTeX."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"............. allow documents to be displayed in different ways across different platforms and devices, making it an essential component of web development.","acceptedAnswer":{"@type":"Answer","text":"Markup languages"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"WHAT ARE THE Components of HTML5(latest version of the HTML markup language )","acceptedAnswer":{"@type":"Answer","text":"Elements Attributes Tags Doctype declaration"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"These are the building blocks of HTML documents, and they define the structure and content of a page. What are they?","acceptedAnswer":{"@type":"Answer","text":"Elements"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"These provide additional information about an element and can be used to modify its behavior or appearance. What are they?","acceptedAnswer":{"@type":"Answer","text":"Attributes"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"These are used to mark the beginning and end of an element and are enclosed in angle brackets. What are they?","acceptedAnswer":{"@type":"Answer","text":"Tags"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"This specifies the version of HTML being used and should be included at the beginning of an HTML document. What is this?","acceptedAnswer":{"@type":"Answer","text":"Doctype declaration"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTML elements are categorized as either ........................, and they have different default behaviors when rendered in a web browser.","acceptedAnswer":{"@type":"Answer","text":"block-level or inline elements"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"These create a new line after the element and take up the full width of their parent container. Examples include headings, paragraphs, and lists. What are they?","acceptedAnswer":{"@type":"Answer","text":"Block-level elements"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"These do not create a new line after the element and only take up the necessary space required by their content. Examples include links, images, and text span.","acceptedAnswer":{"@type":"Answer","text":"Inline elements"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"................. provide additional information about an element and are included within the opening tag. They have a name and a value, separated by an equal sign. For example, the \"src\" attribute specifies the URL of an image or video element, while the \"href\" attribute specifies the destination of a hyperlink element.","acceptedAnswer":{"@type":"Answer","text":"Attributes"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The values of attributes can be either .........","acceptedAnswer":{"@type":"Answer","text":"text, numbers, or Boolean values."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Block level vs Inline elements?","acceptedAnswer":{"@type":"Answer","text":"Block-level elements are those that create a rectangular block on the page and start on a new line, while inline elements are those that are contained within a line of text and only take up as much width as necessary."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"In HTML, elements are categorized into two types:","acceptedAnswer":{"@type":"Answer","text":"block-level elements and inline elements."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Examples of block-level elements include......................, among others.","acceptedAnswer":{"@type":"Answer","text":", to , , , , , , , and ,"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Examples of Inline elements include.........., among others.","acceptedAnswer":{"@type":"Answer","text":", , , , , , , , , and "}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"It is important to note that block-level elements can contain both block-level and inline elements, while ......?","acceptedAnswer":{"@type":"Answer","text":"Inline elements can only contain other inline elements or data."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"LIST 4 Benefits of HTML5 .","acceptedAnswer":{"@type":"Answer","text":"1. facilitates backward compatibility 2. provides a non proprietary open framework (JavaScript) 3. invalid markup handling 4. improved semantics"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTML5 has been designed in such a way that it is compatible with older versions of HTML. This means that it is easier to use HTML5 on older web browsers and web applications without requiring any major modifications.","acceptedAnswer":{"@type":"Answer","text":"Facilitates backward compatibility"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTML5 provides a non-proprietary open framework for web developers to create and develop web applications. This means that developers can use HTML5 with JavaScript to create dynamic and interactive web applications that work across all platforms.","acceptedAnswer":{"@type":"Answer","text":"Provides non-proprietary open framework (JavaScript)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Invalid markup handling","acceptedAnswer":{"@type":"Answer","text":"HTML5 is able to handle invalid markup, which is not possible in older versions of HTML. This means that web developers can create web pages that are more flexible and tolerant of errors."}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"Unit 2-WEB PAGE AND FORMATTING LAYOUT"}]} </script> </body> </html>