HTML Flashcards
1
Q
What is HTML?
A
Markup language for creating and displaying webpages.
Not a programming language.
Building blocks of the web.
2
Q
Details on creating an HTML file
A
Does not need a server
Files must end with .html
3
Q
What is the root / home page of a website?
A
Index.html
4
Q
What are HTML Tags?
A
The basic building block of any web page.
Different tags format the way information is displayed.
5
Q
What are element names surrounded by?
A
Angle brackets <tag>content</tagname></tag>
They usually come in pairs, start tag and end tag
6
Q
What is a different between the start and end tag?
A
The end tag has a forward slash
7
Q
What is a self closing tag?
A
Tags that don’t contain any content
<br></br>
8
Q
What is in the head area?
A
Page title, links to CSS files, and JV files, metadata (description and keywords)
9
Q
What tags are contained in the body?
A
Headings <h1>
paragraphs <p>
10
Q
What should be the first thing on a web page?
A
The declaration which tells the browser what type of HTML the page is written in, which is HTML5
<!DOCTYPE html>
11
Q
How do you make comments in HTML?
A
<!- -
Left arrow, bang, hyphen, hyphen
12
Q
What is the default style sheet?
A
User agent stylesheet
13
Q
List two characteristics of Inline Elements
A
Do not start on a new line
Take only the necessary width
14
Q
List two characteristics of Block Elements
A
Start on a new line
Take full width available
15
Q
What are some Inline Level tags?
A
<span>, <img></img>, <a></a></span>
16
Q
What are some Block Level tags?
A
<div>, <h1> - <h6>, <p>, <form>
</form></p></h6></h1></div>
17
Q
What does the strong tag do?
A
Says the text is surrounds should be strong in some way, such as bold.
Also note that strong can be customized using CSS
18
Q
What does the <‘em> tag do?
A
It emphases the text it surround, e,g. Italics
19
Q
What is the <a> tag used for?</a>
A
Puts a link in the text
20
Q
What is the attribute href used for?
A
The location where you want a link for an <a> tag to open</a>
Hypertext reference
21
Q
What is the target attribute used for?
A
Opens a new tab when clicking on a link so the user is not sent away from the active webpage
22
Q
How to you write the attribute for target?
A
Target=“_blank”
23
Q
What is main purpose of tags?
A
To provide information about elements
24
Q
What are key value pairs?
A
The key is the constant the defines the data set, e.g. href
And a value which is a variable that belongs to the set “http://google.com”
25
What are values in key value pairs always in?
Quotes
26
What is a List?
A bullet point item
27
What type of tag does a list item have?
28
What is the tag for an ordered list?
29
What is a basic difference between an UL and OL?
a UL is bulleted and an OL is numbered
30
When are UL’s usually used?
Web site navigation, e.g. navigation bar at the top of a page
31
What is the thead tag used for?
The area for the table heading
32
What is the tag used for?
To create a row for the table
33
What is the tag used for?
Table data that goes into a row
34
What does the attribute action, within a form do?
Submit the form to a certain page, e.g. php
Action=“process.php”
35
What does the attribute method within a form do?
Makes a POST request to a form on a server
36
What is something POST is used for in a form?
Add data to a database
37
What does the tag
mean, and do?
mean, and do?
It is a line break to separate things manually when not using CSS yet
38
What does the tag
do, and mean?
do, and mean?
Means horizontal rule and creates a horizontal line across the page
39
What does the input type email do?
Validation to ensure a valid email address is used
40
What are the three types of Quotations elements?
Block quote, Abbreviate, and Cite
41
What is an HTML5 semantic tag?
A tag that clearly describes its meaning to both the browser and the developer
42
List examples of HTML5 semantic tags.
Header, footer, aside, main, article, nah, section, details
43
What information usually goes into the header?
Logo
44
What usually goes into the article element?
Individual blog posts
45
What is the aside element?
Has to with sidebar content
46
What is in the foot element?
Copyright and privacy policy links, e.g.
47
What is the small tag used for?
Create date (of articles) or sub content such as, “Post by Daniel on January 20th, 2023”
48
What is the code for copyright?
©
Ampersand, copy, semicolon
49
What is an ID represented with?
#
Number sign
50
What is meta data?
A set of data that describes and gives information about other data
51
What are examples of meta data?
Author, date created, date modified, file size
52
Why is meta data important in web pages?
it contains descriptions of the pages contents, as well as keywords linked to the content and is often displayed in search results by search engines.
53
What does the property box-sizing do?
Allows you to include the padding and border in an element’s total width and height
54
What happens if you set box-sizing:border-box on an element?
Padding and border are included in the width and height
55
What are the six positioning properties in CSS?
Static, Relative, Absolute, Fixed, Initial, Inherent
56
Purpose of the alt attribute?
Specifies an alternate text for an image if the image cannot be displayed
57
What is responsive web design?
Aims to make web design pages render well on a variety of devices
58
List different block level elements.
Div, footer, h1, hr, p
59
What are examples of semantic tags?
Footer, header, nav
60
What is true of html entities?
Begin with an ampersand and end with a semicolon
Are special symbols or characters, such as the copyright symbol
61
What are examples of container tags?
Article, h1, p
62
What element identifies the document title?
Title
63
A language that requires few plug-ins and standardizes how video and audio are presented on a webpage.
HTML5
64
A language that allows transition from HTML to XML.
XHTML
65
A metalanguage that is used to create other languages.
SGML
66
What is SGML?
67
A language that describes the function and context of the information contained in a document. Used to store and transport data.
XML
68
Describe XML
69
HTML 4.01 added support for?
Forms
Multiple spoken languages
Scripting languages
CSS
Tables
70
HTML5 introduced which elements?
Audio
Footer
Header
Nav
71
What is wire framing?
The process of working on an outline for a web presence
72
What org creates all web standards?
World Wide Web Consortium (W3C)
73
Who states that federal agencies must make electronic information accessible?
Section 508 of the Rehabilitation Act
74
Specific set of guidelines that should be followed to make web content accessible.
Web Content Accessibility Guidelines (WCAG)
75
Group that focuses on accessibility for W3C technologies?
Web Accessibility Initiative (WAI)
76
The ___ element is used to contain meta tags, links to style sheets, and the title element.
77
Identify the element
Check out our weekly special!
Class
78
identify the value
Check out our weekly special!
Special
79
What is a block level element?
80
List block level elements
81
Difference between head and header elements?
82
List the three “heads” in order from first to last
Head, Header, Heading
83
What is a semantic tag in HTML?
84
What is an HTML entity?
85
List container tags?
86
List empty or void element tags?
-
Key Links
-
Subjects
-
Company
-
Find Us
-
