13 additional learning outcomes from decks 6-13 Flashcards
What is a form? html
The represents a document section containing interactive controls for submitting information.
what’s div?
The HTML Content Division element (<div>) is the generic container for flow content. It has no effect on the content or layout until styled in some way using CSS (e.g. styling is directly applied to it, or some kind of layout model like Flexbox is applied to its parent element).</div>
What’s url stand for?
uniform resource locator
unique identifier used to locate a resource on the internet.
What’s a query string?
Part of URL that assigns values to specified parameters.
A string that queries.
What the website does with these varies.
ex:
http://www.phoneshop.com?product=iphone&size=32gb&color=white
In the above example, name/value pairs in the form of product=iphone, size=32gb and color=white are passed to the server from the URL. This is asking the www.phoneshop.com server to narrow down on a product iphone, size 32gb and color white. How the server uses these parameters is up to the server side application.
What are some common components of a URL
http://www.example.com:88/home?item=book
(incomplete, still need to understand:
Subdomain
URI = scheme:[//authority]path[?query][#fragment]
http: The scheme. It always comes before the colon and two forward slashes and tells the web client how to access the resource. In this case it tells the web client to use the Hypertext Transfer Protocol or HTTP to make a request. Other popular URL schemes are ftp, mailto or git. You may sometimes see this part of the URL referred to as the protocol, and there is a connection between the two things in that the scheme can indicate which protocol (or system of rules) should be used to access the resource; in the context of of a URL however, the correct term for this component is the scheme.
// just a separator. to separate protocol (scheme) part and host (authority) part; to separate path segments; to begin a path. Really, if you think about it, it doesn’t need the double-slash. I could have designed it not to have the double-slash. -- Sir Tim Berners-Lee, inventor of the world wide web
www.example.com: The host. It tells the client where the resource is hosted or located. :88 : The port or port number. It is only required if you want to use a port other than the default. Authority includes the port number. /home/: The path. it make not represent a folder on a server. But it shows what local resource is being requested. This part of the URL is optional. ?item=book : The query string, which is made up of query parameters. It is used to send data to the server. This part of the URL is also optional.
fragment. Refers to a section within a web page.
Difference between px and em?
px is pixels
em is based on the size of the parent.
1 = 100% of the parent
16px font
2 em = 32 px
How do CSS styles for a particular element get inherited? i.e. how does an element get its “default” styles?
from a parent element down to its children
Some are not inherited (like margins and widths)
What are 3 ways to include CSS in doc?
Inline
Internal
External
What is a CSS reset file. Why use it?
It resets all CSS styling to some baseline.
Browsers all have a default styling (making links blue etc) to make basic webpages more readable. But each browser has a different one.
It can be difficult to control consistency across browsers without first resetting everything to some the baseline then controlling everything yourself.
This way things will look the same on every website.
What is a default style sheet?
Also known as the Browser Stylesheet.
The default style sheet defined by the browser.
(making links blue etc) to make basic webpages more readable.
