Tóm tắt nội dung

Nội dung

Mục tiêu: Kết thúc chương này, người học có thể

• Tạo các phần tử HTML cơ bản bằng cách code trực tiếp
• Dùng Notepad tạo một trang web chứa các phần tử HTML

Nội dung

Giới thiệu

Trong nhiều ứng dụng web không phải lúc nào chúng ta cũng có thể sử dụng trình soạn thảo tích hợp kiểu như Frontpage hay Dreamweaver để thiết kế giao diện, đặc biệt là khi giao diện này có liên quan đến yếu tố lập trình, khi đó người lập trình phải tạo các phần tử HTML hoàn toàn thủ công (Code chứ không dùng kéo thả). Do vậy, việc hiểu cú pháp để tạo các phần tử HTML là vô cùng quan trọng.

Cú pháp chung:

• = “Giá trị” = “Giá trị”… >
• “Thuộc_tính: giá_trị; thuộc_tính : giá trị ;….; >
• Kết hợp cả hai cách.

Trong đó :

Phần “giá trị” có thể đặt trong cặp ngoặc kép hoặc cặp ngoặc đơn hoặc không cần !!

Nếu đặt thuộc tính theo cách 2, thì có thể tham chiếu bảng sau (gọi là theo cú pháp CSS)

Tạo một số phần tử cơ bản

• Tạo nút nhấn

name="KiemTra" TYPE="button" VALUE="Kiểm tra dữ liệu">

TYPE="Submit" VALUE="Đăng nhập">

• Tạo ô nhập

name="HoVaTen" TYPE="text" VALUE="Nguyễn Văn A" size="20" MAXLENGTH="30">

name="Khoa" TYPE="text" VALUE="Khoa Công nghệ thông tin" size="40" MAXLENGTH="50" readonly="true">

name="Truong" TYPE="text" VALUE="Trường Đại học sư phạm kỹ thuật Hưng Yên" size="40" MAXLENGTH="50" Disabled="true">

• Tạo vùng nhập (Textarea)

Nội dung ghi chú:

• Tạo ô nhập Password

name="MatKhau" type="password" value="123456" size="10" maxlength="20">

• Tạo listbox

size="5" > Visual Basic Lập trình .NET Lập trình ASP

• Tạo ComboBox (chỉ cần bỏ thuộc tính size)

Visual Basic Lập trình .NET Lập trình ASP

• Tạo hộp kiểm

name="chkVB" type="checkbox" value="Visual Basic" checked> Visual Basic

name="chkASP" type="checkbox" value="ASP "> Active Server Pages

• Tạo nút Radio

name="GioiTinh" type="radio" value="Nam" checked>

name="GioiTinh" type="radio" value="Nữ" >

name="TinhTrang" type="radio" value="Đã lập gia đình" >

name="TinhTrang" type="radio" value="Độc thân" checked >

Tên giống nhau thì sẽ thuộc về cùng một nhóm (Groups)

• Phần tử chọn File

name="ChonFile" type="file" size="30">

• Tạo textbox ẩn (Hidden).

name="PhanTuAn" type="hidden" value="">

Tạo các phần tử và đặt thuộc tính:

+ Tạo một textbox và đặt thuộc tính font:

type = text value = “Font chữ Unicode đây !”>

+ Tạo một textbox và đặt thuộc tính thông qua phong cách CSS:

type = text value = “Font Unicode” Style = “Font-Family:Times new roman”>

+ Tạo một nhãn có font chữ xanh, có hiệu ứng:

Xin chào

+ Tạo một nút nhấn có màu nền đỏ:

type = button style=”font-family:arial; background-color:red” value = “Đỏ”>

Kết quả