HTML

Phần này sẽ ôn tập các kiến thức về HTML.

Basic

This is a heading

This is a paragraph
with line breaks.

Unordered item 1
Unordered item 2
Unordered item 3

Ordered item 1
Ordered item 2
Ordered item 3

<h2>This is a heading</h2>

<p>This is a paragraph<br>with line breaks.</p>

<a href="https://tudienjp.com" target="_blank">This is a link</a>

<img src="https://ezse.net/images/easy-512.png" alt="This is an image" title="This is an image" width="80" height="80">

<ul>
  <li>Unordered item 1</li>
  <li>Unordered item 2</li>
  <li>Unordered item 3</li>
</ul>  

<ol>
  <li>Ordered item 1</li>
  <li>Ordered item 2</li>
  <li>Ordered item 3</li>
</ol>

Style

color: red

font-size: 20px

background-color: orange

text-align: center

<p style="color: red;">color: red</p>
<p style="font-size: 20px;">font-size: 20px</p>
<p style="background-color: orange;">background-color: orange</p>
<p style="text-align: center;">text-align: center</p>

Format

Text Formatting:
bold
strong
italic
emphasized
small
mark
~~del~~
ins
_sub

<p>Text Formatting: <br>
  <b>bold</b><br>
  <strong>strong</strong><br>
  <i>italic</i><br>
  <em>emphasized</em><br>
  <small>small</small><br>
  <mark>mark</mark><br>
  <del>del</del><br>
  <ins>ins</ins><br>
  <sub>sub</sub>
</p>

Form

<form>
  <label for="username">Username:</label><br>
  <input type="text" id="username" name="username"><br>

  <label for="pwd">Password:</label><br>
  <input type="password" id="pwd" name="pwd"><br>
  
  <label for="select_option">select option: </label>
  <select id="select_option" name="select_option">
    <option value="option1" selected>option 1</option>
    <option value="option2">option 2</option>
  </select>
  <br>

  <input type="radio" id="radio1" name="radio_option" value="radio1" checked>
  <label for="radio1">radio 1</label>
  <input type="radio" id="radio2" name="radio_option" value="radio2">
  <label for="radio2">radio 2</label><br>

  <textarea name="message" rows="4" cols="30">This is a textarea.</textarea>
  <br>

  <input type="checkbox" id="agree" name="agree">
  <label for="agree">I agree to the terms and conditions</label>
  <br><br>
  
  <input type="submit" value="Register">
</form>

Table

header 1	header 2	header 3
row 1 data 1	row 1 data 2	row 1 data 3
row 2 data 1	row 2 data 2	row 2 data 3

<!-- <style>
table, th, td {
  border: 1px solid black;
}
</style> -->
<table>
  <tr>
    <th>header 1</th>
    <th>header 2</th> 
    <th>header 3</th>
  </tr>
  <tr>
    <td>row 1 data 1</td>
    <td>row 1 data 2</td>
    <td>row 1 data 3</td>
  </tr>
  <tr>
    <td>row 2 data 1</td>
    <td>row 2 data 2</td>
    <td>row 2 data 3</td>
  </tr>
</table>

# HTML

# Basic

This is a heading

# Style

# Format