HTML elements Flashcards

(51 cards)

1
Q

What is a HTML element

A

This represents the top level element or the root of an HTML document. To specify the language for the document, you should use the lang attribute

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

What is a link element and its role

A

The link element is used to link to external resources like style sheets and site icons

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

What is a HTML boilerplate and why is it important

A

An HTML boilerplate is like a ready-made template for your web pages

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

What is a <!DOCTYPE html>

A

A <!DOCTYPE >tells the browser which version of HTML you’re using ,example<!DOCTYPE html>

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

What is a HTML tag

A

A HTML tag warps around all your content and specify the language of your page, example<html lang="en">

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

What is a head element

A

The <head> element contains important metadata or machine-readable information about the HTML document
</head>

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

What is a Metadata element

A

A <meta></meta> element has details about things like character encoding and how, example <meta charset=utf-8/>
<meta></meta>

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

What is a title element

A

A <title> element ,determines text that appears in the browser tab or window. example <title>freecodecamp</title></title>

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

What is a body

A

A <body> is a section is where all your content goes .This what visitors actually see on your web page ,example<body>
</body>

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

What is a UTF-8

A

A utf-8 is a transformation format 8 ,is a standardized character encoding widely used on the web

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

What is a character encoding

A

A character encoding is a method computers used to store characters as data

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

What is a Byte

A

A byte is a unit of data consisting of 8 bits or binary digits

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

What are h1 through h6 elements signify

A

The <h1> through <h6> heading elements are used to signify the importance of content below them

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

What is Commenting

A

Commenting allows you to leave messages without affecting the browser display .it also allows you to make code inactive

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

What dose a Comment in HTML start with

A

it starts with<!–

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

What is nesting

A

Nested is when two elements are placed two spaces further to the right of the element they are nested in ,and that’s is indentation and it used to make HTML easier to read . example <main>
<h1>
<p>
</main>

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

What are <section> element and what is it used to for

A

A section element is used to define sections in a document ,such as chapters , heads ,foots ,or any other sections of the document . example
<section>
<h2>section title </h2>
<p> section title …</p>
</section>

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

What is a unorder list<ul>

A

a way to organize information using bullet points, where the order of items is not

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

What is a <li> element

A

The <li> element is to represent an item in a list. example <ul>
<li>milk</li>
<li>chesse</li>
</ul>

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

What is the figure element

A

The figure element represents self-contained content and will allow you to associate and image with a caption. example <figure>a slice of lasagna
<img src=”https://cdn.freecodecamp/currriculum/cat-photo-app/lasagna.jpg”
alt=a slice of lasagna on a plate”></figure>

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

What is a <figcaption>

A

element provides a caption or legend for the content within its parent <figure> element</figure>

21
Q

What is a <figcaption> used for

A

A <figcaption> is used to add caption to describe the image contained within the figure element .<figure>
<img src=”image.jp”
alt=a description of the
image
<figcaption>A cute cat</figcaption></figure>

22
Q

What is <em> used for</em>

A

A <em> is a element used to specific a word or phrase . example <em>love<em></em></em></em>

23
Q

What is a footer element

A

A footer element contains information about the author of the document ,copyright data , links to terms of use ,contact information and more

24
What is the footer element is used for
The footer element is used to define a footer for a document or section
25
What is the content division element used for
acts as a container to structure a webpage into separate components for individual styling
26
What is the HTML entity
The entity is a character reference used to represent reserved character in HTML. example

this is an & lt; img /& get ;

27
What are named characters
named characters start with a amban sign and end with a semicolon .example & ; , & # ;, & # x 3 c ;
28
What is used script element used for
The script element is used to embed executable code . example
29
What is Separation of concerns
A separation of concerns is a design principle where you separate your programs into distinct section and have section address a separate concern
30
What is Search Engine Optimization
SEO is practice that optimizes web pages so they become more visible and rank higher on search engines
31
What is the Open Graph
The open graph enables you to control how your websites content appears across various social e=media platforms .example Og: title
32
What are replaced element
replaced element is an element whose content is determined by the external resource ,rather than by the css itself . example ,