HTML Flashcards
(49 cards)
Where do you put non-visible content about the HTML document?
HTML Skeleton
Within the head tag/element.
Where do you put visible content about the HTML document?
HTML Skeleton
Within the body tag/element.
Where do the <head> and <body> tags go in a valid HTML document?
HTMLSkeleton
Within the html element, the head tag and then body tag
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
What is the purpose of a <!DOCTYPE> declaration?
HTML Skeleton
It tells which version of the HTML document it will be in.
Give five examples of HTML element types.
HTML Syntax
HTML
Title
Body
Paragraph
Image
Heading
div
Give an example of an HTML entity (escape character).
HTML Syntax
& = &
“ = "
copy right symbol = ©
registered trademark symbol ®
TM = ™
duckett pg 194
What is the purpose of HTML attributes?
HTML Syntax
HTML attributes to provide additional information about the content of the element
How do block-level elements affect the document flow?
HTML Block and Inline
It will appear to start on a new line in the browser window
It takes up all horizontal space
How do inline elements affect the document flow?
HTML Block and Inline
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?
HTML Block and Inline
Width: 100% of the contained parent space
Height: however much the content is available
What are the default width and height of an inline elements
HTML Block and Inline
Width and height of the content
What is the difference between an ordered list and an unordered list in HTML?
HTML List
Ordered list is created with the element <ol> specifying a type of numbering
An unordered list is created with <ul> specify the type of bullet points
Is an HTML list a block element or an inline element?
HTML List
block
What HTML tag is used to link to another website?
HTML Links
Links are created using the <a> element. Or anchor tag. You can specify the link suin the href attribute</a>
What is an absolute URL?
HTML Links
Link to other pages within the same websites.
What is a relative URL?
HTML Links
Browser address that leads to another computer system
How do you indicate the relative link to a parent directory?
HTML Relative Links
Use ../ to indicate the dolder above the current one, then follow it with the same file name.
How do you indicate the relative link to a grand parent directory?
HTML Relative Links
Use ../../ to indicate that you want to
How do you indicate the relative link to a child directory?
HTML Relative Links
Name of the directory
How do you indicate the relative link to the same directory?
HTML Relative Links
Exact name of the directory
What is the purpose of an HTML form element?
HTML Forms
Get information from user. It’s sent to a server. It’s a way of collecting info from user
Give five examples of form control elements.
HTML Forms
Input
Select
Label
Form
Option
Text area
Give three examples of type attribute values for HTML <input></input> elements.
HTML Forms
Radio
Submit
Time
Calendar
Date
Is an HTML <input></input> element a block element or an inline element?
HTML Forms
Inline element. That’s why we have to use <div>
