HTML Flashcards

1
Q

What is the root tag of an HTML file?

A

<html></html>

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

<body>
</body>

A

Represents the content of an HTML document.

There can be only one <body> element in a document.

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

<html>
</html>

A

The <html> HTML element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element.

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

<a> Matt </a>

A

A link tag reading Matt that takes you to matt.com

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

<div>
</div>

A

A general tag to separate content from each other

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

<form>
<input></input>
<button>Button</button>
</form>

A

Creates an input field where you can type, and a button reading Button, that when clicked goes to another-age.html

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

HTML element

A

the concept of the everything from the open tag, all the content, all the way to the close tag.

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

Empty element

A

An element with only an open tag, and no content

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

id attribute

A

gives each element a unique identifier to be selected with CSS

Each value for the “id” attribute must be unique across the entire HTML document.

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

class attribute

A

assigns an element to a class to be selected with CSS or JavaScript

Classes are meant to be applied to more than one element.

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

title attribute

A

gives a cool hover feature that displays text over an element

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

Absolute vs Relative link

A

Absolute links are generally used to send readers of your Web site to another Web site. For example, https://appacademy.io is an absolute link because it starts with “http://” or “https://”.

Relative links do not start with “http://” or “https://”. Instead, they’re like relative paths with respect to the file system.

<a> Absolute Link</a>
<a> Relative Link</a>

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

Header tags

A

There are six levels of headers, each represented by a different tag: h1, h2, h3, h4, h5, and h6.

Always structure your tags to have the next larger tag before it.

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

img tag required attributes

A

src=the link to the image

alt=the text to be shown if image is unavailable

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

<head>
</head>

A

contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.

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

<link></link>

A

specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both “favicon” style icons and icons for the home screen and apps on mobile devices) among other things.

17
Q

<title>
</title>

A

defines the document’s title that is shown in a browser’s title bar or a page’s tab.

18
Q

<footer>
</footer>

A

represents a footer for its nearest sectioning content or sectioning root element. A footer typically contains information about the author of the section, copyright data or links to related documents.

19
Q

<header>
</header>

A

element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.

20
Q

<main>
</main>

A

represents the dominant content of the body of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.

21
Q

nav

A

represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes.

22
Q

section

A

represents a standalone section — which doesn’t have a more specific semantic element to represent it — contained within an HTML document.

23
Q

<li>
</li>

A

<li> is used to represent an item in a list.
</li>

24
Q

<ol> and <ul>
</ul></ol>

A

<ol> represents an ordered list of items — typically rendered as a numbered list.

<ul> represents an unordered list of items, typically rendered as a bulleted list.
</ul></ol>

25
Q

<br></br>

A

produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

26
Q

<em></em>

<strong></strong>

A

Italics

Bold

27
Q

HTML Forms

A

Forms allow users to enter data. Then, your application can decide to send it somewhere or do something with it locally.

An HTML Form is made of one or more input element types. Those types can be buttons, checkboxes, drop-downs, multi-selects, multi-line text fields, radio buttons, and single-line text fields.

28
Q

<form>
</form>

A

represents a document section that contains interactive controls for submitting information to a web server.

generally should always set the “action” and “method” attributes

29
Q

action attribute

A

defines the location (URL) where the form’s collected data should be sent when it is submitted.

30
Q

method attribute

A

defines which HTTP method to send the data with. Browsers support only two values for this attribute: “get” and “post”. You will use “post” 99% of the time.

31
Q

Which two attributes correspond to each other when submitting the form?

<label>Expiration</label>
<input></input>

A

“for” in the label and “id” in the input

32
Q

<select></select>

A

contains zero or more <option> elements.</option>

The content between the <option> and the </option> is what the browser shows in the drop-down. The option that the person selects, the contents of its value attribute becomes the value of the <select></select>

<select>
<option>Admin</option></select>

</select>

33
Q

<textarea>
</textarea>

A

a multiline text input

34
Q

<link></link>

A

The link element tells the browser that it wants to link the specified file to this specific page. The rel attribute reads “stylesheet” which means that you want the rules in that stylesheet to apply to this page. Finally, the href attribute contains a URL to the file that you want it to use.

35
Q

<button></button>

A

Used to create a button.

By default, if a button is inside a form, that is between a <form> and a </form> tag, then it is a submit button. That means that the form will send the content of each of the form fields to a server for processing.

36
Q

<fieldset>
</fieldset>

A

Used for grouping elements within a form

37
Q

<legend>
</legend>

A

Used to give a caption or title to a <fieldset>