HTML Flashcards
1.HTML=
hyper text markup language
- give 2 examples of programming languages
- Java Srript 2. python
- elements=
as being boxes of content on our web page
- three examples of elements=
- three examples of elements=
- four exmaples of elements=
- division elements (divs) 2. headers 3.paragraphs 4. spans
- what three critical elements does CodePen allows us to leave out?
- HTML 2.head 3.body elements
- to create HTML elements we need to use______?
tags
- H1 is considered to be a______?
tags
- The ___ _____ are built into the language and must be written exactly as expected in order for our HTML to render correctly.
tag names
10.For example, ______ is not a valid tag name in HTML, but ______ is
paragraph———P
- You can use ______ ________ to verify which tag names exist and what elements they are used for.
online documentation
- If we wanted to tag the sentence above as an important header (the biggest text by default), we’d use the _____and _____ beginning and end tags
<h1> and </h1>
- what does an opening paragraph tag look like? what does a closing paragraph tag look like
<p> and </p>
- The p (“paragraph”) element used for?
This element is meant for holding text. By default, it will render text to the screen on a new line.
This element is meant for holding text. By default, it will render text to the screen on a new line.
div element
16.<div> is a block-level element, meaning it will take up its own, full line.</div>
<div></div>
17.The ______ _______ is a generic text container. It does not create a new line like the p element does. This element is invisible by default but can be used for styling words or phrases within a larger body of text.
span element <span></span>
- Unlike <div>, ________ operates inline and therefore doesn’t take up its own line</div>
<span></span>
19.Avoid using ____ ____ to resize text. ______ use size to indicate their relative importance, but _____ is preferred for general-purpose resizing.
a. heading tags b.headings c. CSS
- You should only use one _______ per page. Using more than one will not result in an error, but using only one is seen as a best practice.
<h1></h1>
- to create a button, all we have to do is use the semantic ______ _____
semantic
1.What are HTML elements?
Elements are what we use to tell the browser how we want the supplied data to be displayed.
“2.What is a ‘tag’?
“
An element consists of an opening and closing tag. The data supplied between the tags will be displayed per the instructions of the element.
“3.How does the browser use HTML to create what I see?
“
The browser reads and interprets the HTML file to understand how the developer intended the data to appear on the screen.
“4.What are the basic HTML elements?
“
“The elements we learned about yesterday were ‘html’, ‘head’, ‘body’, ‘p’, ‘span’, ‘div’, and ‘h1’- ‘h6’
“
5.This is known as being ‘semantically correct
It is important to note that your HTML elements should match the exact information you are attempting to display.
6.When we need to include information that we don’t want to render on the page (like the link to an image) we use special flags inside of our tags called _______?
attributes
- <a>=</a>
anchor element
8.The ‘a’ (“anchor”) element, allows us to create links to other web pages (or even to other areas within our own web page). You will always see the ‘a’ element used with the ___ attribute to tell the browser what address you want the link to point to.
heref
9.An ____ element will display an image on the screen. It will always have an _____ attribute which points to the address of the image to be displayed. NOTE: img tags can be self-closing, as in they do not need two tags. Simply put the / before the closing bracket in the first tag:
<img></img> image—-src
- <ul>=</ul>
This element represents an “unordered list”. This is the parent element and will contain list items.
- <ol>=</ol>
There is also an ordered, or numbered, list <ol></ol>
12.Generally speaking, ______would be used for a grocery list
<ul></ul>
