Intermediate HTML Flashcards
HTML is all about?
Applying meaning to content
Whereas most HTML tags apply meaning ______ tags apply no meaning at all.
span and div
Span and Div tags are actually used quite extensively in conjunction with ________.
CSS
What are span and div more specifically used for?
They are used to group together a chunk of HTML and hook some information onto that chunk, most commonly with the attributes class and id to associate the element with a class or id CSS selector.
The difference between span and div
A span element is in-line and usually used for a small chunk of HTML inside a line
A div (division) element is block-line and used to group larger chunks of code
True or False? div, and especially span, shouldn’t actually be used that often
True: Whenever there is a sensible alternative that should be used instead
________ is used to markup an abbreviation, a shortened form of a word or phrase.
abbr
What are the two tags used for quotes?
blockquote and q
What’s the difference between blockquote and q?
q is used for shorter, in-line quotations
blockquote is generally used for standalone often multi-line quotations
How to create citations?
cite tag
What is the code tag used for? What are the related tags?
code is used to represent any form of computer code
var for variables
samp for sample output
kbd (keyboard) for user input
How to create preformatted text?
pre - It takes notice of every character in it, including the white space
What is the pre tag most commonly used for?
It is most commonly used for blocks of code, where spacing, such as indentations, can be relevant.
What is used by the likes of search engines to catalog information about the web page?
Meta tags
What attributes can the meta tag contain?
- ) charset
- ) name
- ) http-equiv
- ) content
When the name or http-equiv attribute is used, the _____ attribute is then used in conjunction with them to apply meta data itself.
content
True or False?
With the meta tag the name attribute can be anything you like.
True
What are the most commonly used names with the meta tag?
author, description, and keywords
___________ often used by search engines (such as Google) to display a description of a web page in its search results.
description attribute with the meta tag
Why aren’t meta tags as important as they used to be?
Nowadays most search engines use the actual content of the page itself.
What is an HTTP header?
Information sent to the server where the web page is held.
http-equiv is used to make an HTTP header
What values can the http-equiv meta tag take?
- ) content-type: defining the character set being used
- ) default-style: the preferred style-sheet
- ) refresh: refresh the page
What is the equivalent of this?
meta http-equiv=”content-type” content=”text/html; charset=utf-8”
meta charset=”utf-8”
What table data cell attributes can be used to merge cells?
rowspan and colspan
What is the tag to create table header cells?
th
dt
Data terms in description lists
______ are the descriptions associated to the dt elements.
dd in description lists
__________ should be used specifically for the contact details relating either to the entire web page (and so only used once) or to an article element
address
dfn
dfn is a definition term and is used to highlight the first use of a term.
What can be used to reverse the direction of the text, and can be used to display languages that read right to left?
bdo with the value of the required attribute dir can be ltr (left to right) or rtl (right to left).
What is used to display editorial insertions and deletions?
ins and del with datetime and cite attributes
ins element is typically shown underlined
del element is usually displayed with a strikethrough
HTML5 sectioning tags that provide more semantic meaning to content?
articles, headers, footers, navigation
An _______ element can be used to mark up a standalone section of content.
article
Section
A section element represents a more general section and could be used to split up an article
Which tags can be used to create a header and foooter?
head and footer
An ________ can be used to represent content that is related the content surrounding it.
aside
nav
Used to mark up a group of navigation links.
What are the two tags for including figures?
figure and figcaption
What is HTML5Shiv?
A small piece of JavaScript, slotted in to your head element, that allows older browsers to use new HTML 5 tags.
