Bài 2 - Ngôn ngữ HTML - Học lập trình web cơ bản với Html, Css, Javascript

11
HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO
HocLapTrinhWeb.COM
α - Tek http://www.facebook.com/groups/hoclaptrinhweb/

22
HocLapTrinhWeb.COM
Mục tiêuMục tiêu
• Tạo trang HTML
• Các định dạng trang web
• Sử dụng hình ảnh trong trang web
• Tạo form và các điều khiển trong form
trên trang web

33
HocLapTrinhWeb.COM
Nội dungNội dung
1. Giới thiệu ngôn1. Giới thiệu ngôn
ngữ HTMLngữ HTML
2. Các thành phần2. Các thành phần
Trong trang HTMLTrong trang HTML
Trong trang HTMLTrong trang HTML 3. Các tag cơ bản3. Các tag cơ bản3. Các tag cơ bản3. Các tag cơ bản
4. Định dạng4. Định dạng
trang HTMLtrang HTML
văn bảnvăn bản
6. Hiển thị các6. Hiển thị các
ký tự đặc biệtký tự đặc biệt
7. Hình ảnh-Image7. Hình ảnh-Image7. Hình ảnh-Image7. Hình ảnh-Image 8. Danh sách-List8. Danh sách-List8. Danh sách-List8. Danh sách-List 9. Liên kết-Links9. Liên kết-Links9. Liên kết-Links9. Liên kết-Links
10. Bảng biểu-Table10. Bảng biểu-Table10. Bảng biểu-Table10. Bảng biểu-Table 11. Form và các11. Form và các
điều khiểnđiều khiển
11. Form và các11. Form và các

44
HocLapTrinhWeb.COM
− HTML (HyperText Markup Language)
là một ngôn ngữ đánh dấu siêu văn
− Sử dụng tập ký hiệu đánh dấu gọi là tag để thiết kế trang web,
các tag này còn được gọi là Element
− Là một chuẩn Internet do tổ chức W3C (World Wide Web
Consortium) duy trì
− Trang HTML được lưu với phần mở rộng là .htm hoặc .html
− Để tạo các trang HTML, bạn có thể sử dụng bất kỳ chương
trình soạn thảo văn bản nào, như Notepad, MS FrontPage
hoặc Dreamweaver, Visual Studio 2010 …
Bài 2: Ngôn ngữ HTML
Giới thiệu ngôn ngữ HTML

55
HocLapTrinhWeb.COM

66
HocLapTrinhWeb.COM
Các thành phần trong trang HTMLCác thành phần trong trang HTML
• Cấu trúc của trang HTML
• Cú pháp chung của tag
• Ví dụ




77
HocLapTrinhWeb.COM
Các thành phần trong trang HTML
<html>
<head>
<title> ... </title>
</head>
<body>
Nội dung của trang web
</body>
</html>
Đầu trangĐầu trang
Thân trangThân trang

88
HocLapTrinhWeb.COM
• Ví dụ




99
HocLapTrinhWeb.COM
− Tag không có nội dung gọi là tag rỗng (empty tag) và có
cú pháp như sau:
<Tên tag Thuộctính1=”giá trị” Thuộctính2=”giá trị” ... >
Nội dung
</Tên tag>
<Tên tag Thuộctính1=”giá trị” Thuộctính2=”giá trị” ... />

1010
HocLapTrinhWeb.COM
− Các đặc điểm:
• Tên tag không phân biệt chữ HOA/thường
• Trình duyệt chỉ nhận 1 khoảng trắng trong Nội dung và bỏ
qua dấu ngắt xuống dòng
Ví dụ:
<body>
<div align="center" style="font-style:italic; background-color:#FFFFCC; color:#0000FF“ >
Công cha như núi Thái sơn <br>
Nghĩa mẹ như nước trong nguồn chảy ra
</div>
</body>

1111
HocLapTrinhWeb.COM
• Ví dụ




1212
HocLapTrinhWeb.COM

1313
HocLapTrinhWeb.COM
Các tag cơ bảnCác tag cơ bản
• Định nghĩa cấu trúc trang HTML
• Các tag tiêu đề - Headings
• Phân đoạn - Paragraphs
• Ngắt dòng – Line Break
• Tag <div> - Division
• Tag <hr> - Horizontal rule
• Tag  - Comment








1414
HocLapTrinhWeb.COM
− <html></html>: xác định phần bắt đầu và kết thúc của
trang HTML (HTML Document)
− <head></head>: chứa các thông tin tổng quát về trang
web (meta-information) và không thể hiện trên cửa sổ
trình duyệt.
− <body></body>: nội dung chính của trang web, được
thể hiện trong màn hình của trình duyệt
Các tag cơ bản

1515
HocLapTrinhWeb.COM








1616
HocLapTrinhWeb.COM
− Dùng để định dạng khổ chữ có dạng tiêu đề (giống chức
năng Style của MS Word)
− Gồm các tag <h1>, <h2>, <h3>, <h4>, <h5>,<h6>
− HTML sẽ tự động thêm một dòng trống vào trước và sau
dòng định dạng là heading
Các tag cơ bản

1717
HocLapTrinhWeb.COM
Các tag cơ bản
Ví dụ:
<body>
<h1>Đây là dòng heading 1</h1>
</body>

1818
HocLapTrinhWeb.COM








1919
HocLapTrinhWeb.COM
− Sử dụng tag <p> để phân biệt các đoạn văn bản
− Tag <p> không cần tag đóng
− HTML sẽ tự động thêm một dòng trắng trước và sau
đoạn văn bản
Các tag cơ bản

2020
HocLapTrinhWeb.COM
Các tag cơ bản
Ví dụ:
<body>
<p>Một nhóm các nhà khoa học Australia tin rằng quá ít axit béo
omega-3, có trong cá và hải sản, và quá nhiều axit béo omega-6, có trong dầu
chế biến và quả hạch, sẽ gia tăng nguy cơ bị trầm cảm ở lứa tuổi dậy thì.
<p>Gần 1.000 dân Sydney tuổi từ 14 đến 17 sẽ được chiêu mộ để
tham gia cuộc nghiên cứu tìm hiểu tác động của thức ăn đối với tâm trạng.
Việc ăn ít hải sản cũng đã được xác định có liên quan tới sự gia tăng khả năng
trầm cảm ở người lớn. Nghiên cứu sẽ nhằm khẳng định nó tác động tới thiếu
niên theo cách tương tự hay không.
<p>... </body>

2121
HocLapTrinhWeb.COM








2222
HocLapTrinhWeb.COM
− Sử dụng tag <br> để chuyển sang một dòng mới nhưng
không kết thúc đoạn văn bản
− Tag <br> không cần tag đóng
Các tag cơ bản

2323
HocLapTrinhWeb.COM
Các tag cơ bản
Ví dụ:
<body>
<p align="center">Ai ơi bưng bát cơm đầy
<br>Dẻo thơm một hạt đắng cay muôn phần
<p align="center">Ăn quả nhớ kẻ trồng cây
<br> Ăn khoai nhớ kẻ cho dây mà trồng
</body>

2424
HocLapTrinhWeb.COM








2525
HocLapTrinhWeb.COM
− Dùng để định nghĩa một section riêng trong trang web
− Có thể chứa các tag khác như tag <h1> đến <h6>,
<p>, ...
Các tag cơ bản

2626
HocLapTrinhWeb.COM
Các tag cơ bản
Ví dụ:
<body>
<div align="center" style="color:red“ >
<h2> Học Lập Trình Web</h2>
<h3>Học lập trình web từ cơ bản đến nâng cao</h2>
</div>
</body>

2727
HocLapTrinhWeb.COM








2828
HocLapTrinhWeb.COM
− Dùng để tạo ra một đường kẻ ngang
− Thuộc tính size và width dùng để thay đổi độ rộng và
chiều dài đường kẻ
Các tag cơ bản

2929
HocLapTrinhWeb.COM
Các tag cơ bản
Ví dụ:
<body>
<div align="center" style="color:red">
<h2> HocLapTrinhWeb.com</h2>
<h3> Học lập trình web cơ bản đến nâng cao</h3>
<hr width="200px" size="5px" color="red">
</div>
</body>

3030
HocLapTrinhWeb.COM








3131
HocLapTrinhWeb.COM
− Dùng để ghi chú trong trang HTML, nội dung trong phần
ghi chú không được thể hiện trên trình duyệt
Các tag cơ bản
Ví dụ:
<body>
<div align="center" style="color:red">

<h3> HocLapTrinhWeb.com</h3>
<h2 style="font-size:6px">Học lập trình web cơ bản đến nâng
cao</h2>
<div>
</body>

3232
HocLapTrinhWeb.COM

3333
HocLapTrinhWeb.COM
Định dạng trang HTMLĐịnh dạng trang HTML
• Màu nền, màu chữ
• Hình ảnh nền



3434
HocLapTrinhWeb.COM
− Sử dụng các thuộc tính của tag <body> để định dạng
chung cho trang web. Phần định dạng gồm có:
• Hình ảnh làm nền cho trang web
Định dạng trang HTML

3535
HocLapTrinhWeb.COM
− Thuộc tính bgcolor : tô màu nền
− Thuộc tính text : tô màu chữ
Ví dụ:
<body bgcolor="#1CEE11" text="#F98504">
<H1 align="center">Sunday</H1>
</body>

3636
HocLapTrinhWeb.COM
Định dạng trang HTMLĐịnh dạng trang HTML



3737
HocLapTrinhWeb.COM
− Thuộc tính background
Ví dụ:
<body text="#FF3399" background="heart.jpg">
<H1 align="center">TUỔI THƠ CỦA BÉ ...</H1>
</body>

3838
HocLapTrinhWeb.COM
− Thuộc tính Style kết hợp với các thông tin chi tiết, gồm:
• background-image: khai báo tập tin hình ảnh
• background-repeat: dạng lặp lại hình ảnh nền (no-repeat /
repeat / repeat-x / repeat-y )
• background-attachment: hình ảnh cuộn theo nội dung trang
web hay ở vị trí cố định (scroll / fixed)
• background-position: xác định vị trí xuất hiện hình ảnh
(bottom / center / left / right / top)
Minh họaMinh họa

3939
HocLapTrinhWeb.COM

4040
HocLapTrinhWeb.COM
Định dạng văn bảnĐịnh dạng văn bản
• Các tag định dạng
• Thuộc tính style



4141
HocLapTrinhWeb.COM
− <b></b> - bold : in đậm
− <i></i> - italic : in nghiêng
− <u></u> - underline : gạch dưới
Định dạng văn bản
Ví dụ:
<body >
<b>Dòng in đậm </b> <br>
<i> Dòng in nghiêng </i> <br>
<u>Dòng gạch dưới </u>
</body>

4242
HocLapTrinhWeb.COM
− <sub></sub> - subscript : chữ dưới
− <sup></sup> - superscript : chữ trên
− <pre></pre> - preformatted: giữ nguyên định dạng trong
trang HTML
Ví dụ:
<body>
<pre>
ax<sup>2</sup> + bx + c
hoặc
H<sub>2</sub>O
</pre>
</body>

4343
HocLapTrinhWeb.COM
Định dạng văn bảnĐịnh dạng văn bản



4444
HocLapTrinhWeb.COM
− font-size : khổ chữ
− font-style : kiểu chữ
− font-family : tên font chữ
− font-weight : nét chữ ( đậm hoặc chọn kích thước)
− color : màu chữ
− text-decoration: gạch dưới, gạch trên, gạch bỏ hoặc bỏ
hết các định dạng
− background-color: màu nền
− border-color : màu đường viền
− border-style : kiểu đường viền
Minh họaMinh họa

4545
HocLapTrinhWeb.COM

4646
HocLapTrinhWeb.COM
Hiển thị các ký tự đặc biệtHiển thị các ký tự đặc biệt
− Các ký tự đặc biệt: <, >, &, ©, ®, ...
− HTML cung cấp các giá trị đặc biệt tương ứng với các
ký tự này
− Có 3 thành phần để tạo ra ký tự đặc biệt
Ví dụ: © hoặc ©  ©
Dấu &
Tên đại diện
Dấu ;

4747
HocLapTrinhWeb.COM

4848
HocLapTrinhWeb.COM
Hình ảnh - ImagesHình ảnh - Images
• Chèn hình ảnh vào trang web
• Định dạng hình ảnh



4949
HocLapTrinhWeb.COM
− Dùng tag <img> và thuộc tính src để khai báo URL
chứa tập tin hình ảnh
− Thuộc tính alt : xuất câu thông báo nếu tập tin hình
không tồn tại
Hình ảnh - Images
Ví dụ:
<body>
<p><img src="tomcang.jpg" alt="Hình con tôm càng">Tôm là món hải sản
có vị ngọt tự nhiên rất được ưa chuộng. Bạn chỉ cần mươi phút là có thể chế
biến xong món tôm rất ngon này.
</body>

5050
HocLapTrinhWeb.COM
Hình ảnh - ImagesHình ảnh - Images



5151
HocLapTrinhWeb.COM
− width, height: độ rộng và chiều cao hình, tính bằng pixel
(mặc định) hoặc %.
− align: định vị trí xuất hiện của hình so với đọan văn bản
một cách tương đối (left, right, … )
Hình ảnh - Images
Ví dụ:
<body>
<p><img src="tomcang.jpg" alt="Hình con tôm càng“align="right" width="100"
height="60" >Tôm là món hải sản có vị ngọt tự nhiên rất được ưa chuộng. Bạn chỉ cần
mươi phút là có thể chế biến xong món tôm rất ngon này.
</body>

5252
HocLapTrinhWeb.COM

5353
HocLapTrinhWeb.COM
Danh sách - ListsDanh sách - Lists
• Tạo danh sách có thứ tự - Ordered Lists
• Tạo danh sách không có thứ tự - Unordered List
• Thay đổi ký hiệu đầu dòng trong danh sách




5454
HocLapTrinhWeb.COM
− Dùng tag <li> kết hợp với tag <ol>, cú pháp như sau:
Danh sách - Lists
<ol>
<li> ..... </li>
<li> ..... </li>
...
</ol>
Ví dụ:
<body>
<h3 style="color:#663333">
Thực đơn giải khát </h3>
<ol>
<li> Cafe đá </li>
<li> Coca cola </li>
<li> Chanh muối </li>
</ol>
</body>

5555
HocLapTrinhWeb.COM




5656
HocLapTrinhWeb.COM
• Tạo d.sách không có thứ tự - UnOrdered Lists
− Dùng tag <li> kết hợp với tag <ul>, cú pháp như sau:
Danh sách - Lists
<ul>
<li> ..... </li>
<li> ..... </li>
...
</ul>
Ví dụ:
<body>
<h3 style="color:#663333">
Thực đơn giải khát </h3>
<ul>
<li> Cafe đá </li>
<li> Coca cola </li>
<li> Chanh muối </li>
</ul>
</body>

5757
HocLapTrinhWeb.COM




5858
HocLapTrinhWeb.COM
− Thuộc tính type của tag <ul> và <ol>, bảng giá trị như
sau:
Danh sách - Lists

5959
HocLapTrinhWeb.COM

6060
HocLapTrinhWeb.COM
Liên kết - LinksLiên kết - Links
• Liên kết đến một trang web
• Liên kết trong cùng một trang
• Liên kết đến địa chỉ email




6161
HocLapTrinhWeb.COM
• Liên kết đến một trang
− tag <a> kết hợp với thuộc tính href (Hyperlink Reference)
Liên kết - Links
<a href = "địa chỉ URL" > Nội dung tag </a>
Ví dụ:
<body>
Click vào đây để chuyển đến trang
<a href="http://www.hoclaptrinhweb.com">Tự học web</a>
</body>

6262
HocLapTrinhWeb.COM




6363
HocLapTrinhWeb.COM
− Đánh dấu vị trí cần chuyển đến: dùng thuộc tính name
− Dùng tag <a> và thuộc tính href để tạo liên kết đến
Liên kết - Links
<a name="#<tên bookmark> "> Nội dung tag </a>
Ví dụ:
<body>
<a name="#dautrang">Phần đầu trang</a>
<p>....
<p>Nội dung trang web
<p>....
<p><a href="#dautrang">Về đầu trang</a>
</body>

6464
HocLapTrinhWeb.COM




6565
HocLapTrinhWeb.COM
Liên kết - Links
<a href=“mailto:Địa chỉ email"> Nội dung tag </a>
Ví dụ:
<body>
<a href="mailto:webhoclaptrinh@gmail.com"> Liên hệ
</a>
</body>

6666
HocLapTrinhWeb.COM

6767
HocLapTrinhWeb.COM
Bảng biểu - TablesBảng biểu - Tables
• Tạo bảng biểu
• Trộn dòng, cột trong Table
• Định dạng Table




6868
HocLapTrinhWeb.COM
− Bộ tag <table>, <tr>(table row) và <td> (table data)
Bảng biểu - Tables
<table>
<tr> <td> nội dung </td> <td> nội dung </td> </tr>
<tr> <td> nội dung </td> <td> nội dung </td> </tr>
… … … …
</table>

6969
HocLapTrinhWeb.COM
Ví dụ:
<body>
<table border="1">
<tr>
<td>Dòng 1, cột 1</td>
</tr>
<tr>
</tr>
</table>
</body>

7070
HocLapTrinhWeb.COM
Ví dụ:
<body>
<table border="1" width="500">
<tr><td width="300">Dòng 1, cột 1</td>
<td width="200">Dòng 1, cột 2</td>
</tr>
<tr><td>Dòng 2, cột 1</td><td>Dòng 2, cột 2</td></tr>
</table>
</body>

7171
HocLapTrinhWeb.COM




7272
HocLapTrinhWeb.COM
− colspan: kết hợp nhiều cột thành một cột
− rowspan: kết hợp nhiều dòng thành một dòng
− width : độ rộng của dòng, cột
− height : chiều cao của dòng, cột
Ví dụ: trộn cột
<body>
<tr> <td width="20%" >Tên</td>
<td colspan="2" >Phạm Ngọc Thiên Thanh</td>
</tr>…
</table>
</body>

7373
HocLapTrinhWeb.COM
Ví dụ: trộn dòng
<body>
<tr> <td width="50%" >Tên </td> <td> Điện thoại </td> </tr>
<tr> <td rowspan="2"> Phạm Ngọc Thiên Thanh </td>
<td> 8351056 </td> </tr> <tr> <td> 0909039999 </td> </tr>
</table>
</body>

7474
HocLapTrinhWeb.COM




7575
HocLapTrinhWeb.COM
Sử dụng các thuộc tính của tag <table>
− Tạo khoảng cách giữa các cell
• cellpadding: khoảng cách từ biên của cell tới nội dung
trong cell
• cellspacing: khoảng cách giữa các cell

7676
HocLapTrinhWeb.COM
− Tạo khoảng cách giữa các cell
Dòng 1, cột 1 Dòng 1, cột 2 Dòng 1, cột 3
… … …
Cellsapcing
Cellpadding

7777
HocLapTrinhWeb.COM
− Tạo tiêu đề, canh lề và tô màu nền cho table
• Tag <caption>: tạo tiêu đề, phải đặt ngay sau tag <table>
• align : canh lề cho table
• bgcolor : tô màu nền
• background : hình làm nền

7878
HocLapTrinhWeb.COM
− Tạo đường viền
• border : độ rộng của đường viền
• bordercolor : màu đường viền
Ví dụ:
<body>
<table align="center" cellspacing="5" cellpadding="15" border="5"
width="500" bgcolor="#DFFDC4" bordercolor="#0E721F">
<caption style="font-weight:bold; font-size:18px"> Thông tin cá
nhân</caption>
<tr><td width="60%" align="center">Tên</td>
<td align="center">Điện thoại</td></tr>
<tr><td rowspan="2">Phạm Ngọc Thiên Thanh</td>
<td >8351056</td></tr>
<tr><td >0909039999</td></tr>
</table>
</body>

7979
HocLapTrinhWeb.COM

8080
HocLapTrinhWeb.COM
Form và các điều khiển trên formForm và các điều khiển trên form
• Tạo form
• Các điều khiển cơ bản – Tag <input>
• Một số điều khiển khác
• Các sự kiện cơ bản
• Xử lý hiển thị kết quả lên trang web






8181
HocLapTrinhWeb.COM
• Tạo form
− Dùng bộ tag sau:
Form và các điều khiển trên form
<form name="tên form" >
<input >
<select></select>
<textarea></textarea>
...
</form>
Các tag tạo
ra điều khiển
trên form

8282
HocLapTrinhWeb.COM
• Tạo form






8383
HocLapTrinhWeb.COM
• Các điều khiển cơ bản
− Tag <input> : tạo các điều khiển TextFields, Button, …
• type : xác định loại điều khiển
<input type=“loại điều khiển” name=“tên điều khiền” value=“giá
trị” id=”định danh”>

8484
HocLapTrinhWeb.COM
• Các điều khiển cơ bản
Ví dụ:
<body>
<form name="nhap" >
<table><tr><td>Mã đăng nhập</td>
<td><input type="text" name="ma" value=""></td></tr>
<tr><td>Mật khẩu</td>
<td><input type="text" name="matkhau" value=""></td></tr>
<tr><td colspan="2" align="center">
<input type="submit" name="dn" value="Đăng nhập"></td></tr>
</table>
</form>
</body>

8585
HocLapTrinhWeb.COM
• Tạo form






8686
HocLapTrinhWeb.COM
− Nhãn – tag <label>: có khả năng liên quan đến một điều
khiển khác (tag <input>)
• for : liên kết với điều khiển khác
Ví dụ:
<body>
<p>Nhấn chuột vào "Nam" hoặc "Nữ" để chọn giới tính<br>
<input type="radio" name="phai" id="nam“ checked=“checked” />
<label for="nam"> Nam</label><br />
<input type="radio" name="phai" id="nu" />
<label for="nu"> Nữ</label>
</body>

8787
HocLapTrinhWeb.COM
− Vùng nhập liệu – tag <textarea>: giống Text fields
nhưng cho phép nhập trên nhiều dòng
• Cols : xác định số ký tự trên 1 dòng
• Rows: xác định số dòng nhìn thấy trên điều khiển
Ví dụ:
<body>
<form name="nhap" >
Lý lịch:
<textarea cols="50" rows="5"> </textarea>
</form>
</body>

8888
HocLapTrinhWeb.COM
− Drop-down List – tag <select>: có dạng ComboBox hoặc
ListBox
<select id=" … " >
<option value=" … " selected="selected" >Mục chọn 1</option>
<option value=" … "> Mục chọn 2 </option>
<option value=" … "> Mục chọn 3 </option>
…
</select>

8989
HocLapTrinhWeb.COM
ListBox
Ví dụ: tạo điều khiển dạng ComboBox
<body>
<select id="momhoc">
<option value="1" selected="selected"> Lập trình web1 </option>
<option value="2"> Lập trình web2 </option>
<option value="3"> Đồ án thực tế </option>
</select>
</body>

9090
HocLapTrinhWeb.COM
ListBox
Ví dụ: tạo điều khiển dạng ListBox
<body>
<p>Hãy chọn phim mà bạn yêu thích, được phép chọn nhiều phim </p>
<select id="phim" size ="5" multiple="multiple" style="width:200">
<option value="1" selected="selected">Anh hùng xạ điêu</option>
<option value="2">Thập diện mai phục </option>
<option value="3">Báu vật hoàng cung</option>
<option value="4">Anh em nhà bác sĩ</option>
<option value="5">Ông bà Smith</option>
<option value="6">Mùa đu đủ xanh</option>
</select>
</body>

9191
HocLapTrinhWeb.COM
• Tạo form






9292
HocLapTrinhWeb.COM
− onload: xảy ra khi trang HTML được load, áp dụng cho
tag <body> và <frameset>
− onclick: xảy ra khi nhấn chuột lên điều khiển, thường áp
dụng cho các nút nhấn
− onchange: xảy ra khi thay đổi giá trị của điều khiển,
thường áp dụng cho điều khiển Drop-down List.

9393
HocLapTrinhWeb.COM
• Tạo form






9494
HocLapTrinhWeb.COM
− Thường dùng tag <div> hoặc <label>, có 2 thuộc tính cơ
bản dùng để hiển thị kết quả:
• innerText : không nhận dạng chuỗi tag HTML có trong nội
dung xuất ra
Lưu ý: FireFox không hiểu thuộc tính innerText
• innerHTML: nhận dạng chuỗi tag HTML
Ví dụ: dùng innerText
<body>
<form name="nhap" >
<label id="cauchao" style="color:#FF0000"> </label>
<p><input type="button" name="kt" value="Kết thúc"
onClick="cauchao.innerText='Chúc mừng các bạn đã kết thúc bài học về
<b><u>form</u></b>' ">
<form name="nhap" >
</body>
ClickClick

9595
HocLapTrinhWeb.COM
− Thường dùng tag <div> hoặc <label>, có 2 thuộc tính cơ
bản dùng để hiển thị kết quả:
Ví dụ: dùng innerHTML
<body>
<form name="nhap" >
<label id="cauchao" style="color:#FF0000"> </label>
<p><input type="button" name="kt" value="Kết thúc"
onClick="cauchao.innerHTML='Chúc mừng các bạn đã kết thúc bài học về
<b><u>form</u></b>' ">
<form name="nhap" >
</body>
ClickClick

9696
HocLapTrinhWeb.COM
HẾTHẾT

Bài 2 - Ngôn ngữ HTML - Học lập trình web cơ bản với Html, Css, Javascript

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von MasterCode.vn

Mehr von MasterCode.vn (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Bài 2 - Ngôn ngữ HTML - Học lập trình web cơ bản với Html, Css, Javascript

Hinweis der Redaktion