Buttons, Tables, Forms
Name an attribute that may go inside the <button>.
Each attribute is an another 100 points.
some include:
type=""
name=""
value=""
What HTML tag is at the very beginning of a new HTML document?
<!DOCTYPE HTML>
Where do we link bootstrap to be usable in our HTML?
Hint: Similar to our own style.css
Inside <head> with <link> as well.
What value does "Display: ???" require, to create a flex box?
Display: flex;
What HTML element starts off creating a table?
<table>
</table>
What is an attribute and where do they go?
All HTML elements can have attributes and they provide additional information about elements.
Attributes are always specified in the start tag and come in name/value pairs like: name="value"
What is the class name bootstrap allows us to use, to create and contain things such as columns & rows?
<div class="container">
</div>
What is the correct HTML element for creating a list that is numbered.
<ol>
What is the CSS grid property to create a gap in between?
grid-gap:
What HTML specifies a new row for a table?
<tr>
</tr>
True or False!
the <html> element wraps around <head></head> & <body></body>?
True!
We always need to specify the screen size and column number when specifying a bootstrap grid column item. True or False?
False
What HTML element do we commonly use when creating Grids, grid items, Flex boxes, and flex items?
<div>
What property & value makes the direction of content in a flex box horizontal?
flex-direction: row / row-reverse;
What is the difference between <td> & <th>? When do you use each one?
<td> = Table Data
<th> = Table Header
We need specific body elements in our doc setup, True or False? (i.e. <img>, <p>, etc.)
False
What are the three conventions for creating column items?
col-screensize-columnnumber
col-columnnumber
col
What is the correct HTML element and TWO attributes to implement an image?
<img src="" alt="">
What are the 3 types of values one may use to specify a size for grid rows/columns?
px, % or fr.
What values is used with the 'type' attribute inside an input element, to create a text form with password bubbles?
*Hint: Think of our login example we wrote*
<input type=" ??? ">
How do we add our style.css file to our HTML file?
Hint: Give specific element and attributes.
<link rel="stylesheet" href="./style.css"/>
What does it mean that Bootstrap is responsive?
Very useful in creating webpages with different screen sizes & scales.
What HTML Element kicks off an area or section of HTML that is responsible for saving data that a user enters.
Answer: form
<form>
<label>Username:</label>
<input type="password"/>
</form>
Flex-wrap allows you to do what?
Define how elements will wrap when the browser width is changed.