13
PHẦN I: HTML BÀI TẬP 1 I. Headings.htm (sử dụng Tag Hn, từ Heading1 đến Heading6) II. HeadingCenter.htm (Phối hợp với các Tag khác) III. Alignment.htm (Phối hợp với các Tag khác)
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 1/13
PHẦN I: HTML
BÀI TẬP 1
I. Headings.htm (sử dụng Tag Hn, từ Heading1 đến Heading6)
II. HeadingCenter.htm (Phối hợp với các Tag khác)
III. Alignment.htm (Phối hợp với các Tag khác)
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 2/13
IV. Emphasis.htm
V. Hiển thị lên trình duyệt nội dung sau:
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 3/13
VI. Hiển thị lên trình duyệt nội dung sau:
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 4/13
BÀI TẬP 2 (LINK)
I. Tạo tập tin Link.htm : tạo các Hyperlink để di chuy ển đế n các trang htm vừa tạo ởtrên
II. Tạo tập tin Search.htm để xây dựng trang Web sau:
III. Sử dụng các Tag đã học để tạo 1 Site cho riêng bạn (MySite.htm)
Nội dung: Tự giới thiệu và Các trang Web ưa thí ch (tạo các HyperLink)
http://www.google.com for Googlehttp://www.altavista.com for Altavistahttp://www.Yahoo.com for Yahoo
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 5/13
IV. Tạo trang Web sau (InternalLink)
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 6/13
BÀI TẬP 3 (IMAGE)
I. Image01.htm
II. Image02.htm
Hướng dẫn: Mở tập tin Image.htm, thêm vào dòng
<body background = images/background.gif>
2/
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 7/13
BÀI TẬP 4 (BULLETE)
I. Unordered.htm.
II. 2/ Ordered.htm
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 8/13
III. Definition.htm
IV. Horizontal.htm
V. Hiển thị lên trình duyệt nội dung sau:
dl
dt
dd
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 9/13
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 10/13
<td><a href="/links2.htm">links exercise 2</a></td>
<td> </td> <td> </td>
</tr> </table>
</body>
</html>
Kết quả:
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 11/13
III. Thiết kế bài tập bảng sau:
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 12/13
BÀI TẬP 7 (FORM)
I. Tạo Form sau:
<html> <head>
<title>title goes here</title>
</head> <body>
<form action="mailto:[email protected]" method="POST"
enctype="text/plain"><br> Your first name: <input type="text" name = "first" size="15" maxlength="60"><br>
Your student ID number: <input type="text" name = "ID"size="15" maxlength="60"><br>
<p> What age bracket are you in:<br> <input type="radio" name="age" value="118">1 to 18 years<br> <input type="radio" name="age" value="1925">19 to 25 years<br> <input type="radio" name="age" value="2540">25 to 40 years<br> <input type="radio" name="age" value="40"> Over 40<br>
</p>
8/13/2019 Bai Tap HTML 01
http://slidepdf.com/reader/full/bai-tap-html-01 13/13
<p>The best time for me to read email is <br>
<input type="checkbox" name="time" value="Morn"> Morning <br> <input type="checkbox" name="time" value="Afte"> Afternoon<br> <input type="checkbox" name="time" value="Nigh"> Night<br> <input type="checkbox" name="time" value="Mid"> Midnight to
dawn<br>
</p>
<br> <input type="image" src="images/submit.gif" alt="Submit!"> <br> <input type="reset" value ="clear your answers and start
again.">
</form> </body>
</html>
