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
Q

Improved semantics

A

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
Q

<!DOCTYPE>

A

The <!DOCTYPE> declaration is the very first thing in an HTML document.

27
Q

It tells the browser about the version of HTML the document is written in.

A

<!DOCTYPE> declaration

28
Q

The browser uses this information to interpret the document correctly.

A

<!DOCTYPE> declaration

29
Q

Comments

A

HTML comments are used to add notes or explanations to the code without displaying them in the web page.

30
Q

…… can also be used to temporarily remove a section of code from the page.

A

Comments

31
Q

…….. are denoted by <!-- at the beginning and --> at the end.

A

HTML comments

32
Q

ThIS tag defines the beginning and end of an HTML document.

A

<html>
</html>

33
Q

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.

A

<head>
</head>

34
Q

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.

A

<title

35
Q

ThIS tag contains all the content that will be displayed in the web page. This includes headings, paragraphs, images, links, and other elements.

A

<body>
</body>

36
Q

LIST SOME Basic HTML TAgs

A

Html
Head
Title
body

37
Q

LIST SOME HTML5 Structural

A

header
nav
section
article
aside
footer
figure
figcaption

38
Q

<header>
</header>

A

Used to define the header section of a web page, usually containing the website logo, navigation menu, and other introductory information.

39
Q

<nav>
</nav>

A

Used to define the navigation section of a web page, containing links to various parts of the website.

40
Q

<section>
</section>

A

Used to divide the content of a web page into sections, typically with a heading. It helps to organize content in a structured way.

41
Q

<article>
</article>

A

Used to define a self-contained piece of content, such as a blog post, article, or news story.

42
Q

<footer>
</footer>

A

Used to define the footer section of a web page, typically containing copyright information, contact details, and links to related pages.

43
Q

<figure>
</figure>

A

Used to group related content, such as images and captions.

44
Q

<figcaption>
</figcaption>

A

Used to define the caption for the content inside the <figure> element.</figure>

45
Q

Paragraphs tag?

A

: The <p> tag is used to create paragraphs of text. It is a block-level element that adds spacing between blocks of text.

46
Q

Headings

A

: 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.

47
Q

Headings

A

: 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.

48
Q

Horizontal rules

A

: The <hr> tag is used to create a horizontal rule, which can be used to visually separate sections of a page.

49
Q

Quotations

A

: 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.</cite></q>

50
Q

line breaak tag

A

<br></br>

51
Q

Special characters: Some characters have special meaning in HTML, such as the angle brackets used to enclose tags.

A

To display these characters on a page, you can use character entities such as < for < and > for >.

52
Q

Mark tag

A

: 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.</mark>

53
Q

Nested tags

A

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.

54
Q

Unordered Lists

A

<ul>
</ul>

55
Q

Ordered ists

A

They are created using the <ol> tag and each list item is represented by the <li>

56
Q

Nested Lists: These lists are lists that are nested inside other lists.

A

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>
</ol>

56
Q

Description Lists: These lists are used to provide a description of a term or concept.

A

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>

57
Q

To create tables in HTML, the …… element is used

A

<table>
</table>

58
Q

The <tr> element is used to define a …. in the tabl.

A

row

59
Q

elements are used to define header and cell data, respectively.

A

<th> and <td>
</td></th>