Introduction to HTML Flashcards
(107 cards)
1
Q
- created HTML
- known as the father of the web
A
Tim Berners Lee
2
Q
The first version of HTML
A
HTML 1.0 created in 1991
3
Q
The second version of HTML
A
HTML 2.0, created in 1995
4
Q
The third version of HTML
A
HTML 3.2, created in 1997
5
Q
The fourth version of HTML
A
HTML 4.01, created in 1999
6
Q
XHTML was created in?
A
2000
7
Q
The current latest version of HTML
A
HTML 5
8
Q
When was HTML 5 published?
A
2014
9
Q
- Describes the structure of a website
- Simply the content of a webpage
A
HTML (Hypertext Markup Language)
10
Q
Examples of applications for writing HTML documents
A
- notepad
- notepad++
- sublime
- TextEdit
- Visual Studio Code
11
Q
What is the file extension used for HTML documents?
A
.html or .htm
12
Q
What do you use to view the output of HTML documents?
A
Web browser
13
Q
Used to display content
A
Browser
14
Q
- opening and closing tags
- tags come in pairs
- closing tags end with a forward slash (/)
A
Element
15
Q
this element defines the doc as a HTML 5 doc
A
<!DOCTYPE html>
16
Q
why is the <!DOCTYPE html> declaration important?
A
it is important since websites nowadays are coded in multiple languages, aside from HTML
17
Q
- root element of an HTML page
- signifies the beginning of the code
A
<html>
</html>
18
Q
- contains meta info about the HTML page
A
<head>
</head>
19
Q
everything inside this tag will not be displayed in the main body of the webpage
A
<head>
</head>
20
Q
- specifies a title for the HTML page
A
<title>
</title>
21
Q
where is the title of the HTML page shown on a browser?
A
it can be seen in the browser’s title bar or in the page’s tab
22
Q
what are the entities enclosed in < > called?
A
HTML tags
23
Q
they are element names surrounded by angle brackets (<>)
A
tags
24
Q
- contains info related to the HTML document such as a character typeset, author info, keywords
A
<meta></meta>
25
- defines a thematic break in an HTML page
- most often displayed a sa horizontal line
Horizontal Rule
26
- used to separate content or define a change in an HTML page
Horizontal Rule
27
What's the difference between:
- p
-
- p is the element
-
is the tag
28
- defines paragraph of text
- block-level element
- always start on a newline
HTML paragraphs
29
these are tags without closing tag
empty element
30
- to
to
- always in *bolded* letters
HTML headings
31
- used to insert a single line break, not to add space between paragraphs
- useful for writing a poem/address where the division of the lines is important
Line breaks
32
- preformatted text
- displayed in fix-width font
- displayed exactly as how it is in source code
Pre tag
33
TRUE OR FALSE
In a
element, the text preserves both spaces and line breaks.
TRUE
34
used to connect the current html file to an external source.
35
- comment tag
- Everything inside the tag will not be displayed in the browser.
36
- it is a block level element and always starts on a new line.
paragraph
37
text that is higher and often smaller than the main text.
superscript
38
used for suffixes of dates and in mathematics for representing the power to which a number is raised
superscript
39
text that is lower and also often smaller than the main text.
subscript
40
used in a number of different representations, such as chemical formulas mathematical expressions and footnotes.
subscript
41
HTML element used to create superscript
< sup >
42
HTML element used to create subscript
< sub >
43
This element gives text strong importance. Browsers typically render its content in bold.
44
This element gives text stress emphasis, and its content is typically displayed italic type.
45
element used to highlight text to indicate its relevance to a context. This can be, for example, in the form of highlighting the instances of a search term in search results.
46
element defines the document's body, and is a container for all the visible
contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
47
contain all information related to the HTML document such as character
typeset, author information, and keywords.
48
that defines a paragraph of text. It is a block-level element and always starts on a new line.
HTML Paragraph
48
TRUE OR FALSE?
"When a tag is indented, it means that it is inside the tag preceding it."
TRUE
48
defines the least important heading:
48
- defines a thematic break in an HTML page, and is most often displayed as a
horizontal rule.
48
defines the most important heading
49
- Used for block quotes (i.e., those that take up many lines), and its content is usually indented by the browser; however, the element should not be used for indenting.
- The URL for the source of the quote can be included by using the
cite attribute.
...
49
used to separate content (or define a change) in an HTML
page.
49
defines preformatted text
49
text in this element is displayed in
a fix-width font, and the text preserves both spaces and line breaks. The text will be displayed exactly as written in the HTML source code.
50
Used for inline shorter quotes. Its content is usually enclosed in quotation marks.
...
50
The content of the and elements (i.e., the term) is usually rendered in ________ type by
browsers.
italic type
50
The elements used for creating definitions and abbreviations
and
50
used to identify an abbreviation
51
the description of the abbreviation is provided with what attribute?
title attribute
52
what will be the output of the following code?
USA
when the user's mouse hovers over USA, they will see "United States of America"
53
what will be the output of the following code?
The World Wide Web is commonly known as the Web.
*The World Wide Web* will be italicized
54
Inserts a span of text and underlines it.
...
55
Deletes a span of text, which is usually indicated with strikethrough text.
56
Renders text with a line through it (i.e., strikethrough text)
57
Used to display a fragment of computer code in monospace font.
...
58
Used to present sample output from a computer program in monospace font.
...
59
Used to present required user input in monospace font.
...
60
provides additional information but have it hidden, so that it is displayed only when users want it.
...
61
can be used with details element to provide a visible heading for it, which, when users click, reveals the hidden content.
62
In order to ensure that the browser does not interpret the characters as HTML
code, these are used
character entity references or numeric character references (also known
as escape characters or escape codes)
63
- non-breaking space entity
- used for each space required
64
- specifies the base language of the attribute values and content of an
element.
- used in element
lang attribute
65
3 types of HTML lists
- unordered lists
- ordered lists
- definition lists
66
lists in which items begin with bullet points.
unordered lists
67
lists in which items start with numbers or alphabets and are in
numeric or alphabetical order. Naturally, this is used only where the order
of list items matters to meaning.
ordered lists
68
lists made up of terms and the definitions for each of the terms.
definition lists
69
Defines an unordered list
- ...
70
Defines an ordered type of list.
- ...
71
Defines a list item for an unordered or an ordered list
72
Defines a definition list
- ...
73
Defines a definition term for a definition list.
74
Defines a definition description for a definition
75
lists that have lists as
list items.
nested lists
76
2 common list attributes
- start attribute
- type attribute
77
specifies the start value for numbering or lettering items,
Start attribute
78
specifies the kind of marker to use for numbering or lettering, which must be 1, a, A, i, or I.
type attribute
79
- especially crucial for representing complex data, such as stock
reports and time tables.
- Various types of information benefit from being presented by using this
Tables
80
Creates a table.
81
Defines a table caption, which is like the title.
caption>...
82
Defines a cell as a header for a group of column or row cells
83
Defines a table caption, which is like the title.
caption>...
84
Defines a cell as a header for a group of column or row cells
85
Defines a row in a table, and tr stands for table row.
86
Defines a cell in a table row of a table, and td stands for table data
< ...
87
Defines a group of columns.
88
Defines a column and is usually in a element
89
Defines a block of rows that define the head of the columns of a table
...
90
Defines the set of rows that form the body for a table
...
91
Defines a set of rows that summarize the columns of a table.
...
92
crucial in extending the application of
tablesbeyond just using them to present basic information.
merging of table cells
93
this is achieved with the rowspan and colspan attributes in what elements?
94
technically known as hyperlinks, are the very essence of the Web,
o because they are the feature that enables interconnection between
pages and browsing, without which the Web would be non-existent.
Links
95
Common types of links
● Linking from a page to another website.
● Linking from a page to another page on the same website.
● Linking from a part of a page to another part on the same page.
● Linking from a page to a specific part of a page on another website
97
hyperlink reference attribute
href
-
Key Links
-
Subjects
-
Company
-
Find Us
-
