MIdter Flashcards
Defines labels for form elements
label
Get input data from the form in various types such as text, password, email, etc
Input
Defines a clickable button to control other elements
Button
Used to create a dropdown list
Select
Used to get input long text content
textarea
Used to draw a box around other form elements and group them related data
fieldset
defines caption for fieldset elements
legend
used to specify pre-defined list options for input controls
datalist
displays the output for performed calculations
output
used to define options in a drop down list
option
used to define group-related options in a dropdown list
optgroup
html responsive web design syntax
<meta name=”viewport” content=”width=device width, initial-scale=”1.0”>
responsive images
<img></img>
It means that the view of a web page differs from system to system based on screen or media types.
CSS media queries
what CSS property auto adjusts the content (no. of columns in a row) according to the screen width as shown in the output gif.
display: flexbox
It allows us to decide the number of columns we want to keep and instead of rearranging the columns like Flexbox, it adjusts the content within individual column elements.
display: grid;
an arrangement of data in rows and columns in tabular format.
HTML tables
defines the structure for organizing data in rows and columns in a web page
<table>
</table>
represents a row within a table
<tr>
</tr>
table header cell that holds titles or headings
<th>
</th>
standard data cell, holding content or data
td
provides a title or description for the entire table
<caption>
</caption>
defines the header section of a table, often containing column labels
<thead>
</thead>
represents the main content area of a table
tbody
