HTML Beginning Flashcards

1
Q

What is the internet?

A

A global network of networks.

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

What is the World Wide Web

A

Information system where documents and other resources are available to be shared over the internet.

*Transferred via HTTP and identified by URL

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

URL

A

Uniform Resource Locator identifies the resources being shared over the web/internet.

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

HTTP

A

Hypertext Transfer Protocol - Protocol of standardized set of rules for how a form of communication should work.

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

Web Server

A

Machines connected to internet whose job is to satisfy web requests.

*There are game servers, video servers, Google servers, Reddit servers, etc.

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

Explain the processes involved in accessing the Reddit homepage.

A

The Reddit homepage URL is entered and a HTTP request is generated. The resources are identified by a web server and a response is generated and sent back to the client who can render the data through a web browser to view the Reddit homepage.

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

How do Web Servers respond to HTTP requests

A

Web Servers respond with instructions in the form of HTML. Hypertext Markup Language. HTML is then rendered in a web browser as a viewable webpage.

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

Describe what HTML, CSS, Javascript are in relation to webpage development.
*Hint - adj, noun, verb

A

HTML - Noun
CSS - Adj
Javascript - Verb

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

HTML?

A

Hypertext Markup Language is a markup language providing structure to text documents.

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

What are HTML Elements?

A

HTML Elements add semantics and formatting to parts of document.

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

Some examples of HTML Elements

A

<p> - paragraph
</p>

<h1> - Header
<img></img> - embed image
</h1>

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

How are Elements written/created?

A

Elements are created by using tags. Most but not all elements consist of an opening and closing tag.

*ie - <p> paragraph </p>

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

Element: Paragraph

A

<p> </p>

Block level element

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

In VSCode, how do you get to the beginning or end of a line of code? Top or bottom?

A

Alt+arrow

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

Element: Heading

A

<h1> </h1>

through <h6></h6>

*Only 1 H1 heading per page. Takes up whole line. Not correlated with sizing (sizing can be formatted in CSS).

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

HTML Skeleton (define and write it out)

A

Aka Boilerplate, is standardized markup that is in every HTML document.

17
Q

Element: HTML

A

Root Element. Represents the entire top level of document.

18
Q

Element: Head

A

Document metadata element. Contains things that do not show up on the page.

19
Q

Element: Title

A

Defines the title of the document. Changes the browser tab and used by SEO.

20
Q

Element: Body

A

Represents all the content of document ie- p, h1, img, form, table, etc.

21
Q

In VSCode what is the shortcut to create HTML Skeleton (Boilerplate)

A

!+Tab

22
Q

In VSCode what is shortcut to auto format document?

A

Shift+Alt+F

23
Q

In VSCode what is shortcut to add gibberish text?

A

Lorem

*You can multiply by a number to increase

24
Q

Element: Numbered List

A

<ol></ol>

  • Ordered List
25
Q

Element: Bulleted List

A

<ul></ul>

  • Unordered List
26
Q

In VSCode hwat is shortcut to copy line up or down?

A

Shift+Alt+(Up/Down arrow)

27
Q

What element is used to represent an item in a list

A

Child element <li>

*parent elements - <ol> & </ol><ul></ul></li>

28
Q

Construct a bulleted list within an ordered list:

  1. Breakfast
    • eggs
    • bacon
  2. Lunch
    • burger
    • fries
A
<ol>
   <li>Breakfast</li>
         </ol><ul>
         -eggs
         -bacon
         </ul>
   <li>Lunch</li>
         <ul>
         -burger
         -fries
         </ul>
29
Q

Element: Anchor element

A

<a>text</a>

  • Contains href attribute.
  • Used to create a hyperlink.
30
Q

What is an html attribute?

A

Attributes are pieces of information we can pass in a tag.

31
Q

Definition: href

A

Hypertext Reference

32
Q

Element: Image

A

<img></img>

  • Does not have a closing tag, no in between content.
  • attributes include src for url, and alt attribute for text description and accessibility for screen readers.
33
Q

How do you make a comment in html document?

A

*VSCode Shortcut - ctrl+/