IS 201 Web Development Final Exam

The attribute ALWAYS has a colon after it, and the value ALWAYS has a semicolon after it

ex) font-family: Arial, Helvetica, sans-serif;

attribute: font family

value = Arial, Helvetica, sans-serif;

In CSS, how can you tell if something is a value/attribute vased on formatting?

All the code in between style tags will be CDD code

What do style tags indicate?

Cascading Style Sheets --> it is used for styling and laying out web pages

What does CSS stand for?

Sans-sarif

What kind of font is stated as preferred in web development using CSS?

15px

What font size do we use in this class?

It is used to define the style for many HTML pages

To use it, you need to add a link in the section of each HTML page

What is an external style sheet used for? How do you use it?

BLOCK ELEMENT (an element that forces something that follows to be on the next line

are examples of block elements

vs inline elements that do not (like )

Any element that forces a line break is a called a

A set of 3 styling attributes:

Border, Padding (the edge of the content and the content itself), Margin (the space between two pieces of content)

that can affect the space taken up by a single element

What is the box model?

HTML: Highlight the code and then hit Command slash

CSS: Comment out code by starting the line with / then ending it with /. (you can use the command slash method for this too, may as well do it for both, but remember that they are formatted differently

How do you comment out code in HTML vs CSS?

is a block element

is an inline element

and ?

1. Syntax error

2. Missing closing tag (

without )

3. Incorrect Attribute Usage

If given a line of code, what are some potential reasons why it might not work?

tag is used to put a picture on a webpage, you tell the computer where to find the picture by writing the name of the picture after scr= and you can describe the image for people who can't see it using alt

Write the code to make an image on a website

Image Name: image.jpeg

Description: "description"

Change sc to scr

What could you do to fix this line of code?

Link Text

Write code to make a link on another page

contains metadata and links to external resources

contains images, texts, and other visible content on the webpage

Explain the difference between and tags, what does them in HTML?

Write code to link a stylesheet to a website

....

How do you apply a style to a div?

Size and importance of heading decreases from h1 to h3

What are the difference between header levels h1, h2, h3?

White space is the space between elements

When using
break tags it will create a space between that line and the next one

Explain white space in HTML

This creates a link to a specific page

On page anchors are like shortcuts that take you to a specific part of a webpage when you click them

Back to Top

Write code that creates an anchor that takes you back to the top of the page

Absolute Positioning = Allows you to literally place any page element exactly where you want it using positioning attributes top, left, bottom, and right to set the location

Fixed: The element is positioned relative to the browser window itself --> this doesn't change when the window is scrolled so it stays on the same part of the screen no matter if you scroll

What is the difference between absolute and fixed positioning?

You don't need a closing tag if the element doesn't wrap around any content or if it's self-contained

Ex)

doesnt need closing tag

but

does need a closing tag because there is content being wrapped within this element

When do you not need a closing tag < element?

Bootstrap is a front-end framework for faster and easier web development --> it is like a toolbox full of pre-made tools that you can use to build a webpage paster and easier

What is the point of Bootstrap in this class?

An anchor creates a link to a specific point on the same page

You can use it to make a table of contents that takes you to different sections of the same webpage

What is an "on page" anchor?

HTML COMMENT:

CSS COMMENT: / CSS COMMENT /

How do you create HTML comments? How do you create CSS comments?

Ordered Lists have numbers/letters

Unordered lists have bullets

*Remember that

have to be used within

and

What is the difference between ordered lists and unordered lists?

This can be used using the "text-align" properly with values such as 'left', 'right', and 'center' accordingly

Ex)

How do you align text left, right, and center?

...

How do you apply style definitions, ex) change font family, color, bold, font size?

How do you code a custom style definition vs an existing style?