Tiểu luận: Tạo các phần tử HTML, định dạng các phần tử HTML bằng CSS, tạo và xử lý các tầng (Layer) - Tailieu123.org

MỤC LỤC
Chương 0: Tạo các phần tử HTML cơ bản.....................................4
1. Cú pháp chung:..................................................................................................................4
2. Tạo một số phần tử cơ bản.................................................................................................4
Chương I: Bài tập cơ bản về JavaScript.......................................6
Chương II: Sử dụng các lớp xử lý Chuỗi, Ngày tháng, Toán học.....9
Chương III: Xử lý sự kiện trong trang HTML với JavaScript..........17
Chương IV: Định dạng các phần tử HTML bằng CSS....................26
Chương V: Tạo và xử lý các tầng (Layer)...................................36
Chương VI: Nội dung động và định vị động................................42
3

Chương 0: Tạo các phần tử HTML cơ bản.

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.

1. Cú pháp chung:

<Tên_Loại_Phần_Tử <Thuộc tính 1> = “Giá trị” <Thuộc Tính> = “Giá trị”… >

<Tên_Loại_Phần_Tử Style = “Thuộc_tính: giá_trị; thuộc_tính : giá trị ;….; >

Kết hợp cả hai cách.

Trong đó :

Tên loại phần tử HTML Thuộc tính

Button Name

Text VALUE

File MAXLENGTH

Hidden ReadOnly

Select Disable

TextArea Cols, Rows

CheckBox Multiple

TYPE

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)

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

Tạo nút nhấn

Tạo ô nhập

<Input name="HoVaTen" TYPE="text" VALUE="Nguyễn Văn A" size="20"

MAXLENGTH="30">

<Input name="Khoa" TYPE="text" VALUE="Khoa Công nghệ thông tin" size="40"

MAXLENGTH="50" readonly="true">

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

Tạo ô nhập Password

Tạo listbox

<option>Visual Basic</option>

<option>Lập trình .NET</option>

<option>Lập trình ASP</option>

</select>

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

<option value = "Visual Basic">Visual Basic</option>

<option value = "DOT_NET">Lập trình .NET</option>

<option value = "ASP">Lập trình ASP</option>

</select>

Tạo hộp kiểm

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

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

Tạo nút Radio

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

Phần tử chọn File

Tạo textbox ẩn (Hidden).

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:

</FONT>

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

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

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

Kết quả

Chương I: Bài tập cơ bản về JavaScript

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

Viết các câu lệnh JavaScript và nhúng vào trang web

Sử dụng được các đối tượng nhập xuất Promt, document.write.

Truy xuất thuộc tính của các phần tử HTML bằng câu lệnh JavaScript

Viết lệnh xử lý một số sự kiện đơn giản.

Nội dung:

có thể bạn quan tâm

Các phần tử trong HTML

Phần tử Head trong HTML

Thao tác với layer trong Photoshop bằng Layer Style

Các hiệu ứng HTML cho trang web

Những điều cần biết về HTML

Hướng dẫn chi tiết về ngôn ngữ HTML trong lập trình web

Công cụ soạn thảo HTML miễn phí tốt nhất cho Windows 2018

Luận văn: Xác định sự đa dạng di truyền của các giống đậu tương địa ph...

thông tin tài liệ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.

Mở rộng để xem thêm

tài liệu mới trong mục này

SƠ LƯỢC QUA VỀ TRUYỀN HÌNH ĐEN TRẮNG VÀ KHUẾCH ĐẠI HÌNH VÀ ĐÈN HÌNH (VIDEO AMP - CRT)

GIỚI THIỆU VÀ THIẾT KẾ VỀ ĐỘNG CƠ KHÔNG ĐỒNG BỘ ROTO DÂY QUẤN

Giới thiệu tổng quan về tổng đài SPC, tổng đài NEAX61-E và nghiên cứu Modul giao tiếp trung kế số DTIM

NGHIÊN CỨU THIẾT KẾ ĐỘNG CƠ KHÔNG ĐỒNG BỘ VẠN NĂNG

NGHIÊN CỨU BỘ CHẤN LƯU 3 CHỨC NĂNG CHO ĐÈN NEON

tài liệu hot trong mục này

Tiểu luận quản trị học: Khái niệm quản trị, chức năng quản trị, giới thiệu về MICROSOFT, TOYOTA VÀ VINAMILK và phân tích chức năng quản trị hệ thống

HỆ THỐNG ĐIỆN TRÊN TÀU THỦY, TRẠM PHÁT TÀU 700 TEU VÀ BẢNG ĐIỆN CHÍNH TÀU 700 TEU.

SƠ LƯỢC QUA VỀ TRUYỀN HÌNH ĐEN TRẮNG VÀ KHUẾCH ĐẠI HÌNH VÀ ĐÈN HÌNH (VIDEO AMP - CRT)

GIỚI THIỆU VÀ THIẾT KẾ VỀ ĐỘNG CƠ KHÔNG ĐỒNG BỘ ROTO DÂY QUẤN