HTML Flashcards
Where do you put non-visible content about the HTML document?
In the Head element
Where do you put visible content about the HTML document?
In the Body element
Where do the <head> and <body> tags go in a valid HTML document?
In the parent <html> element
What is the purpose of a <!DOCTYPE> declaration?
tells the browser what version of HTML the document is written in.
Give five examples of HTML element types
html, head, title, body, h1,
What is the purpose of HTML attributes?
To give elements additional info and provides easier access towards customization in css styling
Give an example of an HTML entity (escape character)
© ; , and ® ;
How do block-level elements affect the document flow?
Elements will always appear to start on a new line in the browser window.
How do inline elements affect the document flow?
Some elements will always appear to continue on the same line as their neighboring elements.
What are the default width and height of a block-level element?
width: 100% height: auto
What are the default width and height of an inline element?
width and height: auto
What is the difference between an ordered list and an unordered list in HTML?
ordered list <ol> creates list items <li> with numbers set to be preformed in order, while unordered list <ul> creates list items <li> with bullet points.
Is an HTML list a block element or an inline element?
block element
What HTML tag is used to link to another website?
The <a> or anchor tag</a>
What is an absolute URL?
The full web address for the site is in the href. Always include the “https://”.
What is a relative URL?
Linking to a resource that is a local file.
How do you indicate the relative link to a parent directory?
Use ../
How do you indicate the relative link to a child directory?
Use the name of that child directory followed by /
How do you indicate the relative link to a grand parent directory?
Use ../../
How do you indicate the relative link to the same directory?
Use the name of the file in the same directory.
What is the purpose of an HTML form element?
represents a document section containing interactive controls for submitting information.
Give five examples of form control elements.
input, textarea, select, option, and button.
Give three examples of type attribute values for HTML <input></input> elements.
text, radio, and checkbox
Is an HTML <input></input> element a block element or an inline element?
inline element
What are the six primary HTML elements for creating tables?
<table>, <tr>, <td>, <th>, <thead>, and <tbody>
</tbody></thead></th></td></tr></table>
What purpose do the thead and tbody elements serve?
organizational and semantics for labeling
Give two examples of data that would lend itself well to being displayed in a table.
Financial reports and Schedules
Structural markup
the elements that you can use to describe both headings and paragraphs
Semantic markup
which provides extra information; such as where emphasis is placed in a sentence, that something you have written is a quotation (and who said it), the meaning of acronyms, and so on
