websys(prelim)

0.0(0)
studied byStudied by 0 people
learnLearn
examPractice Test
spaced repetitionSpaced Repetition
heart puzzleMatch
flashcardsFlashcards
Card Sorting

1/85

encourage image

There's no tags or description

Looks like no tags are added yet.

Study Analytics
Name
Mastery
Learn
Test
Matching
Spaced

No study sessions yet.

86 Terms

1
New cards

HyperText Markup Language (HTML)

It is the standard markup language for creating Web pages, no matter how simple or complex.

2
New cards

HyperText

In “HTML”, it refers to how links on the Web let users move from one document to another.

3
New cards

Tim Berners-Lee

Introduced HTML in 1993

4
New cards

HTML5

It supports multimedia such as audio and video, new tags, elements, and application programming interfaces (API).

5
New cards

World Wide Web Consortium (W3C)

It manages the specifications of what is in HTML and what is not.

6
New cards

HTML Document

It is a text file created in any text editor containing textual content, elements, attributes, and tags.

7
New cards

HTML Element (HTML Basics)

It is the component of an HTML document containing formats, instructions, and semantic meaning.

8
New cards

Paragraph (HTML Basics)

It the basic unit of text in an HTML document.

9
New cards

HTML Attribute (HTML Basics)

It is used to modify or define an HTML element. It is also known as the name=value pair.

10
New cards

HTML Tags (HTML Basics)

These keywords define how web browsers will format and display the content on an HTML file.

11
New cards

Headings (HTML Basics)

These are titles or subtitles that can be displayed on a webpage.

12
New cards

Links (HTML Basics)

a href attribute that specifies the URL of the webpage the link goes to.

13
New cards

Form (HTML Basics)

It is an alternative way to interact with the server and collect user inputs.

14
New cards

HTML Table (HTML Basics)

It consists of table cells that allow web developers to organize and arrange data into rows and columns.

15
New cards

Table Header (Table Elements)

the top row of a table that acts as a title for the type of information in each column.

16
New cards

Table Row (Table Elements)

used to indicate the number of rows displayed in a table.

17
New cards

Table Data (Table Elements)

holds the data displayed in a table.

18
New cards

Colspan (Table Elements)

is used to join two or more columns in a table

19
New cards

Rowspan (Table Elements)

is used to join two or more rows in a table

20
New cards

Border (Table Elements)

This attribute is used to separate the table cells.

21
New cards

<!DOCTYPE> (HTML Structure)

short for Document Type Definition that tells the browser or any software reading the HTML document what type of document is about to be processed.

22
New cards

<html> (HTML Structure)

also referred to as “root element.” It is the container for all other HTML elements except for <!DOCTYPE>.

23
New cards

<title> (HTML Structure)

shows extra information about an element.

24
New cards

<head> (HTML Structure)

the container for metadata (data about data)

25
New cards

<meta> (HTML Structure)

used to specify the page description, author of the document, character coding, and other metadata.

26
New cards

<body> (HTML Structure)

defines the content in an HTML document displayed in the browser.

27
New cards

<link> (HTML Structure)

defines the connection between the current document and an external source.

28
New cards

<script> (HTML Structure)

used to embed a client-side script (JavaScript) that either contains scripting statements or points to an external script file

29
New cards

Image (HTML Elements and Attributes)

It is a way to embed an image or an animated image, such as GIF, on an HTML webpage.

30
New cards

src (HTML Elements and Attributes)

It is used for specifying the path of the image

31
New cards

alt (HTML Elements and Attributes)

It is used for determining an alternate text for the image.

32
New cards

colon symbol : (HTML Elements and Attributes)

It is used for declaring values.

33
New cards

List (HTML Elements and Attributes)

It is a way to group a set of related items in HTML.

34
New cards

Description lists (HTML Elements and Attributes)

It let users list terms with their descriptions.

35
New cards

Span (HTML Elements and Attributes)

It is used to color or mark up a part of a text or document. It acts like the <div> tag, which defines a division or a section in an HTML document.

36
New cards

Navigation (HTML Elements and Attributes)

It is used to define a set of navigation links. It represents a page section with links to other web pages or parts within the same webpage.

37
New cards

Input and Control Functions (Forms)

These are used to gather text information from users and are defined by the <input> tag.

38
New cards

Text Field (Forms)

It displays a single-line text input field for text input. It has different inputs that web programmers can apply, including a line of text, password, email, contact number, and URL.

39
New cards

Radio Button (Forms)

It allows users to select one of the available options

40
New cards

Checkbox (Forms)

It allows users to select as many options as possible out of the available options.

41
New cards

Date and Time Control (Forms)

It is used to create various date and time inputs.

42
New cards

Button (Forms)

It is used to create a button with different functions

43
New cards

Submit Button (Forms)

It allows users to submit any data entered in the input field.

44
New cards

Audio (Multimedia and Graphics)

It is defined using the <audio> tag and uses the <source> element for the audio source file.

45
New cards

control (Multimedia and Graphics)

This attribute is used to add audio controls such as play, pause, and volume.

46
New cards

Video (Multimedia and Graphics)

It is defined using the <video> tag and uses the <source> element for the video source file.

47
New cards

Canvas (Multimedia and Graphics)

It is used to draw graphics such as paths, boxes, circles, text, and adding images.

48
New cards

Poster (Multimedia and Graphics)

This attribute is used to display a thumbnail before playing the video.

49
New cards

Cascading Style Sheet (CSS)

It describes how a webpage should look in terms of colors, fonts, and spacing among others. It can make the website look whatever the designer wants.

50
New cards

CSS3

It allows animations, more visual effects, and more support for layout features such as columns and grids.

51
New cards

Cascading

In “CSS”, it means that styles are applied in the order they are encountered by the browser, from the top of the style sheet to the bottom.

52
New cards

Style sheet

CSS uses codes to define the styles to be applied to each element in a webpage. A collection of these code statements is called a __________

53
New cards

selector

It is the specific HTML element to be styled with CSS.

54
New cards

declaration

It includes the property, value, and ends with a semicolon.

55
New cards

Internal Style Sheet

It refers to when the CSS ruleset is inside the HTML document.

56
New cards

External Style Sheet

It refers to when the CSS ruleset is on a separate file.

57
New cards

<link>

In using eternal style sheet, this tag uses the href attribute which refers to the relative or absolute URL of the file.

58
New cards

rel

This attribute is used to specify the relationship between the current document and the linked document.

59
New cards

Styling Text

It can have the biggest impact on the general design of the website.

60
New cards

font-family

This property is used to define the font.

61
New cards

font stack

It is a process wherein there is a comma-separated list of fonts from highest to lowest priority, with the font to be used listed first and followed by others in the order they are to be used.

62
New cards

Sizing Text

Text can be resized using the font-size property.

63
New cards

Pixels (px)

It is a fixed measurement that gives designers the most control over the size

64
New cards

Percentage (%)

It has a default size of 16px

65
New cards

font-weight (Formatting Text)

This property allows the application of different boldness to text.

66
New cards

font-style (Formatting Text)

This property italicizes text.

67
New cards

text-decoration (Formatting Text)

This property allows emphasis lines to text.

68
New cards

text-align (Formatting Text)

This property aligns the text horizontally.

69
New cards

Adding Colors

Finding the right color scheme for a website is essential to good design.

70
New cards

RGB (Adding Colors)

A comma-separated list of the amount of red, green, and blue in a color, ranging from 0 to 255.

71
New cards

Hexadecimal (hex) values (Adding Colors)

A six-character code that defines the RGB in a color preceded by a #.

72
New cards

Color names (Adding Colors)

A set of predefined names for colors. The easier method to use.

73
New cards

Background Property

This adds an image or a color to the background of the webpage.

74
New cards

box model

It refers to how CSS sees every HTML element as if it is in its own box.

75
New cards

normal flow

By default, when a browser loads a webpage, the boxes flow on the page sequence as it encounters them in the code.

76
New cards

Border

This can be put on all four sides or put individually on any side. This can also be modified using colors, styles, width, radius, margin, and padding.

77
New cards

Margin

It is the property that adds spacing around the content

78
New cards

padding

It adds spacing within the elements or white space inside the container.

79
New cards

Dotted (Border Styles)

consists of rounded dots that display on a border.

80
New cards

Solid (Border Styles)

a single, straight, and solid border.

81
New cards

Dashed (Border Styles)

short dashes or line segments.

82
New cards

Double (Border Styles)

a two-line solid border.

83
New cards

Groove (Border Styles)

a three-dimensional border that looks like it is carved into the page.

84
New cards

Ridge (Border Styles)

a three-dimensional border that is opposite of the groove style.

85
New cards

Inset (Border Styles)

makes content in the border look like it is coming inside of the canvas.

86
New cards

Outset (Border Styles)

makes content in the border look like it is coming outside of the canvas.