HTML Skeleton (boilerplate) Flashcards
What indicates we are using html 5
<!DOCTYPE html>
What is at the very top of the page
<!DOCTYPE html>
What is the html element
Root element, the entire top level element of our document. Every other element should be a descendant of this element.
What is another name for html element
Root element
Does the <!DOCTYPE HTML> flag have a closing tag
No, there is no <!DOCTYPE html </html>
What should go inside of the root element aka html element <html></html>
All information on the site except the DOCTYPE goes inside
What comes after the root element aka html
Head element and body eleme t
What is the head element
The document metadata element
Does the info in the head element show up on the page
No
What is meta data
Info about web page, scripts were loading, CSS style sheets
What is the title element
Defines the title of our document
What does the title element do
It shows what we see in our browser
Where does the title element live
In the head element
How does google use the title element
They create a hyperlink based on the title element
What are the two elements that go inside the html element
- Head and 1. Body
What does the body element in the html element do?
The body represents all of the content of our document.
How many body elements should we have
Only one
What is the basic html document structure
<!DOCTYPE html>
<html> (beginning html element)
<head> open head element
<title></title>
<head></head> closing head element
<body> where all content is
Content
</body> closing body element
<\html> closing html element
</head></html>
What is an attribute for an anchor tag
Attributes in html are pieces of info we can add to a tag, not in between an opening and closing but inside the tag where you would put the content
What is the attribute href
This is the attribute used every-time for an anchor tag
What is the set up for an anchor tech with href
<a href=“”>
The href is inside the first a tag
What is an anchor tag and how is it set up
Anchor tags let you link to some website or location on your network. <a href=xyzthing.com></a>
How is an image tag different
There is no closing tag on an image tag
What is html made up of?
Elements
What are html elements?
The basic building blocks of html. They give meaning to content and help organize it. It is an object on a page(such as heading, paragraph, or image)
What is the element syntax?
Written inside of angle brackets, most come in open and closing tags
How can you customize your elements?
By adding attributes in the opening tag
What are attributes?
Qualities that describe that element such as width and height.
Describe a tag
Tags are comprised of elements and attributes. Tags usually travel in pairs. The brackets kind of make up the tag.
Where should attributes be added that describe an element
In the opening tag
What is the DOM
Document object model is the hierarchical structure of the HtML file
What is an attribute
Little pieces of info we can pass into a tag, not between a tag but a tag but in the opening tag