BỐ CỤC WEBSITE

Người thực hiện: Nguyễn Ngọc Lâm

NHÓM THẺ BỐ CỤC WEB
NHÓM THẺ BỐ CỤC WEB
NHÓM THẺ BỐ CỤC WEB

• THẺ <table></table>
• THẺ
<div style=“display:block”>
Nội dung
</div>
NHÓM THẺ BỐ CỤC WEB HTML5

• THẺ <header></header>
• THẺ <nav></nav>
• THẺ <main></main>
– THẺ <section></section>
– THẺ <article></article>
– THẺ <aside></aside>
• THẺ <footer></footer>
FORM VÀ CÁC THẺ
NHẬP LIỆU
FORM VÀ CÁC THẺ NHẬP LIỆU
FORM

<form method=“GET|POST” action=“”>

Nội dung
</form>
Các thẻ nhập liệu

<input type=“” id=“” name=“” value=“” ></input>

•<input type="text">
•<input type="number"> •<input type="time">
•<input type="password"> •<input type="date">
•<input type="radio"> •<input type="range">
•<input type="button"> •<input type="search">
•<input type="checkbox"> •<input type="datetime-local">
•<input type="file"> •<input type="url">
•<input type="submit"> •<input type="week">
•<input type="reset"> •<input type="color">
•<input type="hidden"> •<input type="email">
Các thẻ nhập liệu

<textarea rows=“” cols=“” id=“” name=“” value=“” >

</ textarea >
Các thẻ nhập liệu drop-down

<select id=“” name=“” >

<option value=“” >The Cure</option>
<option value=“” >The First</option>
<option value=“” >The Last</option>
</ select>
Các thẻ nhập liệu drop-down
Một số thuộc tính quan trọng

• id
• name
• readonly
• disabled
• maxlength
Các thẻ khác

<fieldset >
<legend>Title</legend>
</ fieldset >

<label for=“” >Tên nhãn</ label >

<progress max=“” ></ progress >

<meter max=“” min=“”></ meter >

Bài tập 01
Bài tập 02
Bài tập nâng cao
Bài tập nghiên cứu thêm
Tài liệu tham khảo

1. Learning Web Design: A Beginner's Guide to HTML, CSS,

JavaScript, and Web Graphics - Jennifer Robbins

2. https://www.w3schools.com/html/default.asp
Xin chân thành cảm ơn !