1. Trang chủ
  2. » Công Nghệ Thông Tin

Bài Tập lập trình HTML căn bản

15 301 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 15
Dung lượng 1,17 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

PH N I: HTML ẦN I: HTMLBài t p 1 ậ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...

Trang 1

PH N I: HTML ẦN I: HTML

Bài t p 1 ậ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

Trang 2

6)

Trang 4

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

3/ Sử dụng các tag đã học để tạo 1 Site cho riêng bạn (MySite.htm)

http://www.google.com for Google http://www.altavista.com for Altavista http://www.Yahoo.com for Yahoo

Trang 5

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) ạo trang Web sau (InternalLink)

Trang 6

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 ng d n: M t p tin Image.htm, thêm vào dòng l nh ẫn: Mở tập tin Image.htm, thêm vào dòng lệnh ở tập tin Image.htm, thêm vào dòng lệnh ập 1 ệnh

<body background = images/background.gif>

2/

Trang 7

Bài tập 5 (Bullete)

3/ Definition.htm

dl

dt

dd

Trang 8

4/ Horizontal.htm

Trang 9

5)

Trang 10

Bài t p 6 ập 1 1/ Table1.htm

2/ Table2.htm (Tables with images and links)

<html>

<head>

<head>

<body >

<table width="75%" border="1" cellspacing="2" cellpadding="0" align="center">

<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>

Trang 11

<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>&nbsp;</td>

<td>definition.htm</td>

</tr>

<tr>

<td><a href="/links.htm">links exercise 1</a></td> <td>&nbsp;</td>

<td>table1.htm</td>

</tr>

<tr>

<td><a href="/links2.htm">links exercise 2</a></td> <td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>

</body>

</html>

Trang 13

3)

Trang 14

Bài tập 7 Tạo Form sau

<html>

<head>

<title>title goes here</title>

</head>

<body>

<form action="mailto:ngkimthu@hcm.vnn.vn" method="POST" enctype="text/plain"><br>

Trang 15

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>

</p>

<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>

Ngày đăng: 05/01/2018, 15:36

TỪ KHÓA LIÊN QUAN

w