HTML
Lesson 1: HTML CheatSheet
HTML
- HTML: HyperText Markup Language
CheatSheet
1. Tags
- headings
<h1>Page title</h1>
<h2>Subheading</h2>
<h3>Tertiary heading</h3>
<h4>Quaternary heading</h4>
- paragraph
<p style="text-align: center;">text</p>
- fonts
<strong>Bold text</strong>
<em>Italic text</em>
<span style="text-decoration: underline;">Underlined text</span>
- comment
<!-- HTML Comment -->
- quotation
<q>Success is a journey not a destination.</q>
<blockquote cite="https://ruwix.com/">
The Rubik's Cube is the World’s best selling puzzle toy.
</blockquote>
- line
horizontal line
<hr />
line break
<br>
2. Structures
- list
ordered lost
<ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
unordered list
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>
3. Attributes
- link
<a href= "https://htmlcheatsheet.com/" target="_blank"> html cheatsheet</a>
<a href= "../index.html"> top</a>
- image
- format: jpg, gif, png
<img src="/demo.jpg" alt="description" height="48" width="100" align="top/middle/bottom/left/right/" />
caption
<figure>
<img src="../images/otters.jpg" />
<figcaption> 바다 수달이 손을 잡고 자고 있어요</figcaption>
</figure>
4. Table
<table border="1" bgcolor="pink"
<tr> -->colum 행
<th></th>
<th scope="col"> col1</th>
<th scope="col"> col2</th>
</tr>
<tr>
<th></th>
<th scope="row"> row1</th>
<td>1,1</td>
<td>1,2</td>
</tr>
<tr>
<th></th>
<th scope="row"> row2</th>
<td>2,1</td>
<td>2,2</td>
</tr>
</table>
refer to this website HTML CheatSheet.