HTML Flashcards
<! Doctype html>
.
Command pallet shortcut
ctrl + shift+ p
format document shortcut
shift + Alt + f Shortcut
Unordered list
<ul>
<li></li>
</ul>
link
<a href=“www.1.com”></a>
image
<img src=“sun.jpg” alt=“a sun behind a tree”>
comment
<!-- we write our comments here -->
comment shortcut
CTRL + /
which kind of element is <div></div>
Block element
which kind of element is <span></span>
inline element
the superscript elemen X²
The subscript element
oposit of X²
Emment=> Child: >
main>h1>bold=
<main>
<h1>
<bold></bold>
</h1>
</main>
Emment=> Sibiling: +
h1+h2+h3=
<h1></h1>
<h2></h2>
<h3></h3>
Emment=> Multiplication: *
ul>li*3 = <ul>
<li></li>
<li></li>
<li></li>
</ul>
Emment=> Item numbering: $
ul>li*2>a[href=$] =
<ul>
<li><a></a></li>
<li><a></a></li>
</ul>
Emment=> Text: {}
li*2>a[href=$]{click Me} =
<li><a>Click ME</a></li>
<li><a>Click ME</a></li>
Table=> <td>:
the table Data cell element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
Table=><tr>:
The Table Row element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
Table=> <th>
The Table header element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
Table=><head>
the table head element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
Table=><thead>
the table head element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
Table=><tbody>
the table body element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
Table=><tfoot>
the table foot element
<table>
<thead>
<tr>
<th>No.</th>
<th>love</th>
<th>faith</th>
<th>hope</th>
</tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>x</td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>2.</td>
<td>y</td>
<td>y</td>
<td>x</td>
<td>x</td>
</tr>
</tbody>
</table>
