-
Which type of element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can)?
a block-level element
-
Give one example of a block-level element that you have used.
<li>
-
What is an inline element?
It does not start on a new line and only takes up as much width as necessary.
-
Give one example of an inline element that you have used.
<a>
-
What are two HTML grouping tags?
<header> and <section>
-
What is a file path?
It describes the location of a file in a web site's folder structure.
-
What is a file path used for?
They're used when linking to external files such as web pages, images, style sheets, and JavaScripts.
-
What is an absolute file path?
It is the full URL to a file.
-
What is a relative file path?
It points to a file relative to the current page.
-
In this example, where is the image file located? <img src="picture.jpg" />
in the same folder as the current page
-
In this example, where is the image file located? <img src="images/picture.jpg" />
in the current folder
-
In this example, where is the image file located? <img src="/images/picture.jpg" />
at the root of the current web
-
In this example, where is the image file located? <img src="../images/picture.jpg" alt="Mountain" />
in the folder one level up from the current folder
-
What is the <head> element?
It is a container for metadata and is placed between the html tag and the body tag.
-
What is HTML metadata?
data about data
-
Is the <title> element required?
Yes for SEO or search engine optimization
-
What is the viewport?
the user's visible area of a web page which varies with device from phone to computer screen
-
What is the <nav> element for?
to define a set of navigation links
-
What is the default character encoding for HTML5?
UTF-8
-
Type an HTML5 <meta> element with the correct charset attribute.
<meta charset="UTF-8">
-
What is a URL? What does it stand for?
It is used to address a document (or other data) on the web.
It stands for Uniform Resource Locator.
-
When was HTML5 officially recommended by the W3C?
October 28, 2014
-
What is semantics?
elements with a meaning
-
What is the purpose of semantic element?
It clearly describes its meaning to both the browser and the developer.
-
Give an example of a non-semantic element.
<div> and <span> as it tells us nothing about its content
-
Give an example of a semantic element.
<form> and <article> because the content is clearly defined
-
What is a <section> element used for?
It defines a section in a document which is a thematic grouping of content, typically with a heading.
-
What is the HTML5 element <header> used for?
It represents a container for introductory content or a set of navigational links.
-
What is the semantic purpose of a <footer> element?
It defines a footer for a document or section.
It typically contains authorship, copyright, and contact information as well as sitemap, back to top links, and related documents.
-
What is the semantic purpose of an <aside> element?
It defines some content aside from the content it is placed in (like a sidebar).
It should be indirectly related to the surrounding content.
-
In HTML5, an image and a caption can be grouped together in which element?
<figure>
-
With HTML4, developers used their own id/class names to style elements. This made it impossible for what to identify the correct web page content?
search engines
-
According to the W3C, what does a semantic web allow for?
allows data to be shared and reused across application, enterprise, and community boundaries
-
Why should you use lowercase element names?
It looks cleaner, is easer to write, and is normally used by developers.
Mixing uppercase with lowercase names don't look good.
-
Do you have to close all elements in HTML5?
All HTML elements should be closed.
-
Should you quote attribute values?
Yes because it makes it easier to read and is normally used by developers
-
Should you avoid unnecessary blank lines and indentation?
Yes
-
Are web servers case sensitive?
Some are and some are not so always use lowercase file names.
-
What is the file extension for HTML files?
.html or .htm
-
What are common default filenames?
"index.html", "index.htm", "default.html", "default.htm"