ii8 HTML and CSS REVIEW FILES

HTML-CSS REVIEW MATERIALS

USE LINKS BELOW TO NAVIGAT TO ACTIVITY

About Me

Photo of me:

Hello. My name is Jaunel. I am intelligent and adventurous. I am fifteen and attend the high school Thomas A. Edison CTE. I love to bake, read webtoons and the occational gaming. My favorite color is aqua. I am in the Web Development class at my school. In that class me create apps and websites that people could use for generations.


Add new link to this files as you complete a DOMAIN

this page uses Bootstrap to styles

Domain 1:
About metadata, how to write JavaScript alerts.

Domain 2:
Intro to CSS

Domain 3:
How to create a form in a webpage

Domain 4:
How to embed Media into a website

Domain 5:
Deeper Dive into CSS

Domain 6:
Accesability

Question/ Notes

USE this section to take note or write questions

External: a style sheet that is created as a separate file and then applied to some or all pages in a website.
• Internal: a style sheet that is created and applied to a single webpage.
• Inline: a style applied directly to an HTML tag on a webpage.

Inline > Internal > external

One may want to create select areas or hyperlinks within an image on a webpage. One can do so by using the map tag in conjunction with the area tag. The map tag creates an image map that links to an image, while the area tag defines the different areas within the image map. A map tag requires that the image on a webpage includes a selectable area, otherwise no change is applied to the webpage.

This is the first of several projects in a row that will focus on form building. The first two concepts to cover are action attributes and method attributes. An action attribute references webpages or scripts that process information to a database. The method attribute will determine what type of action the form will take when it is submitted.
There are four types of submission methods:

  • GET: A request to retrieve data
  • POST: A request to modify data on a server
  • PUT: A request to add data to a database
  • DELETE: A request to remove information from a database

These attributes are part of the main tag of a form, which is the form tag.
Put the text in the button tag.
For a submit button add a value.


Group option (optgroup) tags take individual option tags and group them in similar groups to make options easy to read.
The fieldset tag allows a user to group fields on a form to make the form userfriendly. A fieldset defines a box around a set of fields. A fieldset tag also requires a legend tag, which represents the name of the fieldset.
Relative positioning of an element positions it offset relative to where the normal position was and is not an exact set location. Relative positioning does not otherwise change the overall flow of elements. Absolute positioning of an element will position it exactly in the location placed in the code. Absolute positioning will change the flow of elements below it if they are not also absolutely positioned. Absolute positioning will give you the most control of elements in
max-width > width
. Fixed positioning is like absolute positioning in that it removes the element from the natural flow of the page. The difference is that absolute positioning positions an element based on its parent element, whereas an element that has a position of fixed is positioned absolutely in relation to the browser window.
Block elements render the full width of a page and will always render on their own lines. Inline elements take up the necessary space and can position themselves alongside other elements.
One can use the line-height property to add space between separate lines of text within the same element. The line-height property sets the height of individual lines within an element. The line-height property can be set using several different units, including pixels, centimeters, percentages, and more. Word-wrap is a CSS property that tells the browser how to display long words that overextend their parent element.
Letter spacing sets to the space between characters in a word. Word spacing sets the space between words.
There are several different units of measure that can be used for sizing. Many of these have already been seen in this course. Here is a recap of units of measure and their uses:

  • em: A relative measurement equivalent to the font size being used. For example, 3em = 3 x the size of the current font.
  • ex: A measurement relative to the height of the letter x
  • px: Technically, a measurement that is 1/96” of an inch but can vary based on screen
  • pt: A measurement that is 1/72 of an inch
  • cm: A centimeter
  • in: An inch
  • mm: A millimeter

BACK TO TOP