LEARNINGFUZE Flashcards
Where do you put non-visible content about the HTML document?
In the head tags
Where do you put visible content about the HTML document?
In the body tags
Where do thehead andbody tags go in a valid HTML document?
under the html tag
head first and then body
What is the purpose of a!DOCTYPEdeclaration?
to make sure the relevant code is written and read according to the document type.
Give five examples of HTML element tags.
head, body, title, h1, p
What is the purpose of HTML attributes?
to give more information about the HTML elements and to help add detail to the elements
Give an example of an HTML entity (escape character).
reg = registered trademark $copy = copyright symbol
How do block-level elements affect the document flow?
it occupies the entire horizontal space of its parent element
How do inline elements affect the document flow?
they only occupy the space bounded by the tags defining the element instead of breaking the flow of the content.
What are the default width and height of a block-level element?
A block-level element always starts on a new line and takes up the full width available
What are the default width and height of an inline element?
An inline element does not start on a new line and only takes up as much width as necessary.
What is the difference between an ordered list and an unordered list in HTML?
an ordered list is numbered and an unordered list is bullets
Is an HTML list a block element or an inline element?
It is an block element
What HTML tag is used to link to another website?
a tag
What is an absolute URL?
An Absolute URL is needed when you are entering into a completely new site and therefore you need the entire URL to access it
What is a relative URL?
a relative URL is a reference in which the URL does not need to be fully written because the link is on the same website or the same folder/project
target=“_blank - opens up link to a new tab
How do you indicate the relative link to a parent directory?
Music/listing.html
How do you indicate the relative link to a grand parent directory?
../../index.html
How do you indicate the relative link to the same directory?
index.html
What is the purpose of an HTML form element?
to allow the user to enter data for other people to use
What is the purpose of an HTML form element?
to allow the user to enter data for other people to use
Give five examples of form control elements.
textarea, input, form, label, button
Give three examples oftypeattributes for HTMLelements.
checkbox, text, submit
Is an HTMLelement a block element or an inline element?
inline
What are the six primary HTML elements for creating tables?
table, thead, tr, th, tbody, td,
What purpose do thetheadandtbodyelements serve?
thead holds all the content that would be in the head
⁃tbody holds all the content in the body
⁃they provide semantic for coders
Give two examples of data that would lend itself well to being displayed in a table.
sports results, stock reports
What are the names of the individual pieces of a CSS rule?
selector, declaration block, property, value
In CSS, how do you select elements by theirclassattribute?
.classattribute
In CSS, how do you select elements by their type?
stating it
h1) (h2
In CSS, how do you select an element by itsidattribute?
element
CSS Terminology
rule set for the blank selector
opening curly brace for the declaration block
Name three different types of values you can use to specify colors in CSS.
Hex Codes, RGB, color Names
What CSS properties make up the box model?
border, margin, padding
What CSS properties make up the box model?
border, margin, padding
Which CSS property pushes boxes away from each other?
margin
Which CSS property add space between a box’s content and its border?padding
padding
What is a pseudo-class?
keyword added to a selector that specifies a special state of the selected element(s).
What are CSS pseudo-classes useful for?
to change the appearance of elements when a user is interacting with them.
Name at least two units of type size in CSS.
Pixels Percentages, EMs
What CSS property controls the font used for the text inside an element?
font-family
What is the defaultflex-directionof aflexcontainer?
row
What is the defaultflex-wrapof aflexcontainer?
All in one line
