Bài Tập lập trình HTML căn bản
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.15 MB, 14 trang )
PHẦN I: HTML
Bài tập 1
1/ Headings.htm (sử dụng Tag Hn, từ Heading1 đến Heading6)
2/ HeadingCenter.htm (Phối hợp các Tag)
3/ Alignment.htm (Phối hợp các Tag)
4/ Emphasis.htm
5)
6)
Bài tập 2 (Link)
1/ 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
2/ Tạo tập tin Search.htm để xây dựng trang Web sau
for Google
for Altavista
for Yahoo
3/ 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 thich (tạo các HyperLink)
4/ Tạo trang Web sau (InternalLink)
Bài tập 4 (Image)
1/ Image1.htm
2/ Image2.htm
Hướng dẫn: Mở tập tin Image.htm, thêm vào dòng lệnh
<body background = images/background.gif>
2/
Bài tập 5 (Bullete)
1/ Unordered.htm.
3/ Definition.htm
dl
dt
dd
2/ Ordered.htm.
4/ Horizontal.htm
5)
Bài tập 6
1/ Table1.htm
2/ Table2.htm (Tables with images and links)
<html>
<head>
<title>Exercise :: Tables2</title>
<head>
<body >
<tr>
<th>Files from Session 2</th>
<th>Files from Session 3</th>
<th>Files from Session 4</th>
</tr>
<tr>
<td><a href="/headings.htm">headings
exercise</a></td>
<td>images.htm</td>
<td>unordered.htm</td>
</tr>
<tr>
<td><a href="/headingscentered.htm">center align
exercise</a></td>
<td>images2.htm</td>
<td>ordered.htm</td>
</tr>
<tr>
<td><a href="/emphasis.htm">emphasis
exercise</a></td>
<td> </td>
<td>definition.htm</td>
</tr>
<tr>
<td><a href="/links.htm">links exercise 1</a></td>
<td> </td>
<td>table1.htm</td>
</tr>
<tr>
<td><a href="/links2.htm">links exercise 2</a></td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
3)
Bài tập 7
Tạo Form sau
<html>
<head>
<title>title goes here</title>
</head>
<body>
enctype="text/plain">
Your first name: maxlength="60">
Your student ID number: maxlength="60">
What age bracket are you in:
<input type="radio" name="age" value="118">1 to 18
years
<input type="radio" name="age" value="1925">19 to25
years
<input type="radio" name="age" value="2540"> 25 to40
years
<input type="radio" name="age" value="40"> Over 40
The best time for me to read email is
value="Morn">Morning
<input type="checkbox" name="time" value="Afte">
Afternoon
<input type="checkbox" name="time" value="Nigh">
Night
<input type="checkbox" name="time" value="Mid">Midnight
to dawn
<input type="image" src="images/submit.gif" alt="Submit!">
</form>
</body>
</html>
