HTML Flashcards
Where do you put non-visible content about the HTML document?
We put them in between the head element.
Where do you put visible content about the HTML document?
We put them inside the body element.
Where do the and tags go in a valid HTML document?
It goes inside the HTML element. Head is below the HTML element opening tag and body is below the head closing element tag.
What is the purpose of a declaration?
To determine which version of HTML is being used.
What are elements?
Elements are designators that define the structure and content of objects within a page. Identified by the use of less-than and greater than angle brackets <>, that is surrounded by the element name.
What are tags?
The use of < > surrounding an element creates what is known as a tag. Tags most commonly occur in pairs of opening and closing tags.
What are attributes?
Attributes are properties used to provide additional information about an element.
What is an id attribute?
id identifies an element.
What is a class attribute?
Which classifies an element.
Give five examples of HTML element types.
o <p></p> o <span></span> o <ol><ol> o </ol></ol><ul></ul> o
What is the purpose of HTML attributes?
Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value, separated by the equal sign.
Give an example of an HTML entity (escape character).
- © for Copyright (this is how your write it ” © Pokemon “ )
- ® for Trademark
- See pg. 193-194 of HTML & CSS by Jon Duckett
How do block-level elements affect the document flow?
Takes the entire width of the website or whatever element inside of it.
How do inline elements affect the document flow?
An inline element does not start on a new line and only takes up as much width as necessary. Wherever you put them in, they are there.
What are the default width and height of a block-level element?
o Width - Full width of the block element. (eg. h1 it will be the default size of the total width)
o Height - It will be determined of the content
What are the default width and height of an inline element?
The content will define the height and width of the inline element.
What is the difference between an ordered list and an unordered list in HTML?
The ordered list is ordered and is in numerical order and the unordered list is unordered and is usually rendered as a bulleted list.
Is an HTML list a block element or an inline element?
o It is block element
What HTML tag is used to link to another website?
o <a> </a> - eg. <a> </a> (using a element with href attribute)
o The information between the opening and closing tag is called link text. The value of the href attribute is where you want people to go to.
What is an absolute URL (uniformed resource locator) ?
o It is when you are linking to a different website and by using the full web address for the site (starts with the domain name followed by the path of a specific page).
What is a relative URL?
o When linking to other pages within the same site. ( no need to specify the domain name-going to one file to another)
How do you read this?
<a>Ask</a>
Opening tag for the a element, href attribute with a value of absolute path followed by text content closing tag for the a element.
What attribute should we add inside the link if we do not what the visitors to go out of our website?
-we should add the attribute (target=”_blank” )
How do you indicate the relative link to a parent directory?
o We need to use ../ forward slash to indicate the folder above the current one, then follow it with the file name.
How do you indicate the relative link to a child directory?
o For a child folder, use the name of the child folder, followed by a forward slash ( / ), then the file name
How do you indicate the relative link to a grandparent directory?
o Repeat the ../ forward slash to indicate that you want to go up two folders (rather than on), then follow it with the file name.
How do you indicate the relative link to the same directory?
o To link to a file in the same folder, just use the file name. (nothing else is different)
What is the purpose of an HTML form element?
o To collect data from the users
Give five examples of form control elements.
o Adding Text: text input, password input, text area, email, etc.
o Making Choices: radio buttons, checkboxes, drop-down boxes
o Submitting Forms: submit buttons, image buttons
o Uploading files: file upload
Give three examples of type attribute values for HTML elements.
o
o “radio” , “checkbox”, “email” , “submit”
Is an HTML element a block element or an inline element?
o Inline element because it always goes after the element.
• Every form has an
• Every form has an action attribute.
• The id and the for should have the same
“name or identity”
• What are the six primary HTML elements for creating tables?
o Table, Thead, Tbody, tr, td, th, tfooter
What is the set-up for the table element?
//element use to create a table //usually use for long tables along with the and //indicates the start of each row (tr=table row) //each cell of a table is represented using a td element (td=table data) //represent the heading for either row or a column (td=table head)
• What purpose do the thead and tbody elements serve?
o It help people who use screen readers and also used for styling.
• Give two examples of data that would lend itself well to being displayed in a table.
o StockMarket
o Schedule
