TOPIC 4 Flashcards by Achaekekw .

provide an easy way to present information in an organized manner.

Lists

How well did you know this?

Not at all

Perfectly

What are the two types of lists in HTML

ordered lists (for numbered items)
unordered lists (for bulleted items)

How well did you know this?

Not at all

Perfectly

An _______ starts with the tag.
Each list item starts with the tag. The list items will be marked with bullets (small black circles) by default

Unordered List (<ul>)

How well did you know this?

Not at all

Perfectly

What are the unordered list styles

Disc
Circle
Square
None

How well did you know this?

Not at all

Perfectly

It is a unordered list style that sets the list item marker to a bullet (default)

Disc

How well did you know this?

Not at all

Perfectly

It is a unordered list style that sets the list item marker to a circle

Circle

How well did you know this?

Not at all

Perfectly

It is a unordered list style that Sets the list item marker to a square

Square

How well did you know this?

Not at all

Perfectly

It is a unordered list style that The list items will not be marked

None

How well did you know this?

Not at all

Perfectly

starts with the <ol> tag. Each list item starts with the <li> tag.

An ordered list (<ol>)

How well did you know this?

Not at all

Perfectly

The list items will be marked with numbers by default, an _______ will start counting from 1. If you want to start counting from a specified number, you can use the start attribute.

An ordered list (<ol>)

How well did you know this?

Not at all

Perfectly

What are the ordered list types

type= “1”
type= “A”
type= “a”
type= “I”
type=”i”

How well did you know this?

Not at all

Perfectly

It is a ordered list type that list items will be numbered with numbers (default).

type= “1”

How well did you know this?

Not at all

Perfectly

It is a ordered list type that list items will be numbered with uppercase letters.

type= “A”

How well did you know this?

Not at all

Perfectly

It is a ordered list type that list list items will be numbered with lowercase letters. It is a ordered list type that list

type= “a”

How well did you know this?

Not at all

Perfectly

It is a ordered list type that list items will be numbered with uppercase roman numbers.

type= “I”

How well did you know this?

Not at all

Perfectly

It is a ordered list type that list items will be numbered with lowercase roman numbers.

type= “i”

How well did you know this?

Not at all

Perfectly

Enumerate the list tags

< ul >
< ol >
< li >
< dl >
< dt >
< dd >

How well did you know this?

Not at all

Perfectly

Defines an unordered list.

How well did you know this?

Not at all

Perfectly

Defines a list item.

How well did you know this?

Not at all

Perfectly

Defines an ordered list.

How well did you know this?

Not at all

Perfectly

Defines a description list.

How well did you know this?

Not at all

Perfectly

Defines a term/name in a description list.

How well did you know this?

Not at all

Perfectly

Defines a description of a term/name in a description list.

How well did you know this?

Not at all

Perfectly

are an essential part of web development that allow users to interact with a website by inputting and submitting data.

HTML Web Forms

How well did you know this?

Not at all

Perfectly

These are typically used for tasks like logging in, signing up, submitting feedback, making purchases, or searching for information

Forms

What are the key features of HTML Web Forms

Data Input and Collection Action and Method Forms Interactivity Form Elements

It is a key feature of web forms that states that Forms provide various input fields, such as text boxes, checkboxes, radio buttons, and dropdowns, to gather information from users.

Data Input and Collection

It is a key feature of web forms that states that to use the tag with attributes like action (the URL where the data is sent) and method (HTTP methods like GET or POST) to define how and where the data is processed.

Action and Method Forms

It is a key feature of web forms that states that HTML forms make websites interactive by enabling users to perform tasks, such as filling out contact forms, submitting feedback, or registering for services.

Interactivity

It is a key feature of web forms that states that Forms consist of a combination of input elements (,

, <select>, etc.), labels, buttons, and additional elements like <fieldset> and <legend> for better organization.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Form Elements
</div>
</div>
</div>

<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-number='31' id='card-571231739'>
<div class='header'>
31
</div>
<div class='card-face question'>
<div class='question-content'>
It acts as a container for various input elements, such as text fields, checkboxes, radio buttons, and buttons, which allow users to submit data to a server.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
HTML Tag
</div>
</div>
</div>

<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-number='32' id='card-571231812'>
<div class='header'>
32
</div>
<div class='card-face question'>
<div class='question-content'>
The tag in _____ is used to create a form for collecting user input.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
HTML
</div>
</div>
</div>

<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-number='33' id='card-571231847'>
<div class='header'>
33
</div>
<div class='card-face question'>
<div class='question-content'>
What are the input tags
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< input type="text" >
< input type="password" >
< input type="checkbox" >
< input type="radio" >
</div>
</div>
</div>

<div class='flashcard-row thin-card' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-number='34' id='card-571232162'>
<div class='header'>
34
</div>
<div class='card-face question'>
<div class='question-content'>
is used for single-line text output.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< input type="text" >
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='35' id='card-571232198'>
<div class='header'>
35
</div>
<div class='card-face question'>
<div class='question-content'>
is used for password input, hiding the text.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< input type="password" >
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='36' id='card-571232214'>
<div class='header'>
36
</div>
<div class='card-face question'>
<div class='question-content'>
allows selection of multiple options.
</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=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='37' id='card-571232228'>
<div class='header'>
37
</div>
<div class='card-face question'>
<div class='question-content'>
allows selection of one option from a group.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< input type=”radio” >
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='38' id='card-571232245'>
<div class='header'>
38
</div>
<div class='card-face question'>
<div class='question-content'>
This creates a dropdown menu where users can select one option.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Dropdown/Select Menu
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='39' id='card-571232262'>
<div class='header'>
39
</div>
<div class='card-face question'>
<div class='question-content'>
Used for multi-line text input, such as messages or comments.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Textarea
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='40' id='card-571232389'>
<div class='header'>
40
</div>
<div class='card-face question'>
<div class='question-content'>
creates a _______. Are used when users need to select one option from a group.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Radio Buttons
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='41' id='card-571232435'>
<div class='header'>
41
</div>
<div class='card-face question'>
<div class='question-content'>
allowing users to select a color from a palette.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Color Picker
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='42' id='card-571232481'>
<div class='header'>
42
</div>
<div class='card-face question'>
<div class='question-content'>
used to create a clickable button in HTML.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Button
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='43' id='card-571232898'>
<div class='header'>
43
</div>
<div class='card-face question'>
<div class='question-content'>
It can serve various purposes, such as submitting form data to a server, resetting form fields, or performing custom actions with JavaScript.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Button
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='44' id='card-571233159'>
<div class='header'>
44
</div>
<div class='card-face question'>
<div class='question-content'>
The type attribute specifies the button's behavior.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Button
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='45' id='card-571233249'>
<div class='header'>
45
</div>
<div class='card-face question'>
<div class='question-content'>
The list items will be numbered with numbers (default)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
text
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='46' id='card-571233716'>
<div class='header'>
46
</div>
<div class='card-face question'>
<div class='question-content'>
Defines a password field, which hides the input
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
password
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='47' id='card-571233765'>
<div class='header'>
47
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for email addresses
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
email
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='48' id='card-571233963'>
<div class='header'>
48
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for checkboxes, which allows multiple options to be selected
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
checkbox
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='49' id='card-571234119'>
<div class='header'>
49
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for numeric values
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
number
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='50' id='card-571234226'>
<div class='header'>
50
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for selecting a date
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
date
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='51' id='card-571234389'>
<div class='header'>
51
</div>
<div class='card-face question'>
<div class='question-content'>
defines an input for selecting a time
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
time
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='52' id='card-571234411'>
<div class='header'>
52
</div>
<div class='card-face question'>
<div class='question-content'>
defines an input selecting a color
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
color
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='53' id='card-571234452'>
<div class='header'>
53
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for selecting files from the system
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
file
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='54' id='card-571235111'>
<div class='header'>
54
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for radio buttons, where only one option can selected
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
radio
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='55' id='card-571235200'>
<div class='header'>
55
</div>
<div class='card-face question'>
<div class='question-content'>
Defines an input for a range of values, like a slider
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
range
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='56' id='card-571235457'>
<div class='header'>
56
</div>
<div class='card-face question'>
<div class='question-content'>
You can click on a link and jump to another document. There are 2 types of Hyperlinks Text Li	nks and Image Links
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
HYPERLINK
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='57' id='card-571235479'>
<div class='header'>
57
</div>
<div class='card-face question'>
<div class='question-content'>
is specified using HTML tag .
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Links <a></a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='58' id='card-571235582'>
<div class='header'>
58
</div>
<div class='card-face question'>
<div class='question-content'>
his tag is called anchor tag and anything between the opening tag and the closing tag becomes part of the link and a user can click that part to reach to the linked document.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Links <a></a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='59' id='card-571235770'>
<div class='header'>
59
</div>
<div class='card-face question'>
<div class='question-content'>
the  attribute that controls the document to be open.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
href
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='60' id='card-571235798'>
<div class='header'>
60
</div>
<div class='card-face question'>
<div class='question-content'>
This attribute is used to specify the location where linked document is opened.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< a target ></a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='61' id='card-571235866'>
<div class='header'>
61
</div>
<div class='card-face question'>
<div class='question-content'>
Opens the linked document in a new window or tab
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
_blank
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='62' id='card-571235899'>
<div class='header'>
62
</div>
<div class='card-face question'>
<div class='question-content'>
Opens the linked document in the same frame or window (default behavior)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
_self
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='63' id='card-571235923'>
<div class='header'>
63
</div>
<div class='card-face question'>
<div class='question-content'>
Opens the linked document in the parent frame. If there is no parent frame, it behaves like _self.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
_parent
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='64' id='card-571236153'>
<div class='header'>
64
</div>
<div class='card-face question'>
<div class='question-content'>
Opens the linked document in the full window, clearing any frames.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
_top
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='65' id='card-571236169'>
<div class='header'>
65
</div>
<div class='card-face question'>
<div class='question-content'>
Opens the linked document in a specified frame or iframe, identified by the name of the frame.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
target=”frame_name”
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='66' id='card-571236182'>
<div class='header'>
66
</div>
<div class='card-face question'>
<div class='question-content'>
The most important attribute of the element is the ______ attribute, which indicates the link's destination.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<a href=” ”></a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='67' id='card-571236499'>
<div class='header'>
67
</div>
<div class='card-face question'>
<div class='question-content'>
The link text is the part that will be visible to the reader.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<a href=” ”></a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='68' id='card-571236511'>
<div class='header'>
68
</div>
<div class='card-face question'>
<div class='question-content'>
Clicking on the link text, will send the reader to the specified URL address.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
<a href=” ”></a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='69' id='card-571236525'>
<div class='header'>
69
</div>
<div class='card-face question'>
<div class='question-content'>
refer to the way you specify the location of a file or resource within your project structure
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
HTML paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='70' id='card-571236553'>
<div class='header'>
70
</div>
<div class='card-face question'>
<div class='question-content'>
What are the two main types of paths
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Absolute Paths
Relative Paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='71' id='card-571237131'>
<div class='header'>
71
</div>
<div class='card-face question'>
<div class='question-content'>
provides the complete web address or path to access a specific resource on the internet.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Absolute Paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='72' id='card-571237222'>
<div class='header'>
72
</div>
<div class='card-face question'>
<div class='question-content'>
It includes the protocol (such as http or https), domain name (or IP address), and the path to the specific resource

<a href=”http://w3bschools.com/index.html”> W3BSchool </a>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Absolute Paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='73' id='card-571237240'>
<div class='header'>
73
</div>
<div class='card-face question'>
<div class='question-content'>
are used when referencing resources from external websites, ensuring that browsers can locate and retrieve the resource from any location on the internet.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Absolute Paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='74' id='card-571237296'>
<div class='header'>
74
</div>
<div class='card-face question'>
<div class='question-content'>
They provide a complete and unambiguous address to access the resource.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Absolute Paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='75' id='card-571237362'>
<div class='header'>
75
</div>
<div class='card-face question'>
<div class='question-content'>
points to a file or resource relative to the current location. It doesn't include the root directory.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Relative Paths
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='76' id='card-571237443'>
<div class='header'>
76
</div>
<div class='card-face question'>
<div class='question-content'>
Relative to current document:
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< a href="about.html" > About Us </a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='77' id='card-571237619'>
<div class='header'>
77
</div>
<div class='card-face question'>
<div class='question-content'>
Relative to a Directory
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< a href="images/about.html" > About Us </a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='78' id='card-571237799'>
<div class='header'>
78
</div>
<div class='card-face question'>
<div class='question-content'>
Relative to the Parent Directory
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< a href="../shared/index.html" > Shared </a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='79' id='card-571237865'>
<div class='header'>
79
</div>
<div class='card-face question'>
<div class='question-content'>
Relative to the root directory
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
< a href="/contact.html" > Contact Us </a>
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='80' id='card-571237943'>
<div class='header'>
80
</div>
<div class='card-face question'>
<div class='question-content'>
You can set a________ for your document using the element in the head of your HTML document.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
base path
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='81' id='card-571238103'>
<div class='header'>
81
</div>
<div class='card-face question'>
<div class='question-content'>
This can be useful when you want to use relative paths throughout your document but specify a common base for those paths.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Setting the base path
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='82' id='card-571238185'>
<div class='header'>
82
</div>
<div class='card-face question'>
<div class='question-content'>
Any relative path in the document will be relative to the specified base URL.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Setting the base path
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='83' id='card-571238206'>
<div class='header'>
83
</div>
<div class='card-face question'>
<div class='question-content'>
HTML links can be used to create ________, so that readers can jump to specific parts of a web page.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Bookmarks
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='84' id='card-571239102'>
<div class='header'>
84
</div>
<div class='card-face question'>
<div class='question-content'>
can be useful if a web page is very long.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Bookmarks
</div>
</div>
</div>

<div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22609705&returnTo=%2Fpacks%2F22609705%2Fsubscribe&source=preview-card&subject=Web+System+Technologies' data-card-is-blurrable data-number='85' id='card-571239117'>
<div class='header'>
85
</div>
<div class='card-face question'>
<div class='question-content'>
When the link is clicked, the page will scroll down or up to the location with the _________.
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Bookmarks
</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-system-technologies-22609705"><span class="pack-name">Web System Technologies</span> (8 decks)
</a></p>
<ul class='deck-list-items'>
<a class='deck-link ' href='/flashcards/topic-1-17846303/packs/22609705'>
<li class='deck-list-item'>Topic 1</li>
</a>
<a class='deck-link ' href='/flashcards/topic-2-17954403/packs/22609705'>
<li class='deck-list-item'>TOPIC 2</li>
</a>
<a class='deck-link ' href='/flashcards/topic-3-18119588/packs/22609705'>
<li class='deck-list-item'>TOPIC 3</li>
</a>
<a class='deck-link  selected' href='/flashcards/topic-4-18119590/packs/22609705'>
<li class='deck-list-item'>TOPIC 4</li>
</a>
<a class='deck-link ' href='/flashcards/topic-1-midterm-18342150/packs/22609705'>
<li class='deck-list-item'>TOPIC 1 (MIDTERM)</li>
</a>
<a class='deck-link ' href='/flashcards/topic-2-midterm-18371176/packs/22609705'>
<li class='deck-list-item'>TOPIC 2 (MIDTERM)</li>
</a>
<a class='deck-link ' href='/flashcards/topic-3-midterm-18516697/packs/22609705'>
<li class='deck-list-item'>TOPIC 3 (MIDTERM)</li>
</a>
<a class='deck-link ' href='/flashcards/topic-1-pre-finals-18717519/packs/22609705'>
<li class='deck-list-item'>TOPIC 1 (PRE-FINALS)</li>
</a>
</ul>
</div>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":22609705,"source":"spaced-repetition-modal","subject":"Web System Technologies","resources":{"deckId":18119590,"packId":22609705},"returnTo":"/packs/22609705/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>

</body>
</html>

TOPIC 4 Flashcards

(85 cards)