Bản thử theme: HTML

Các lệnh căn bản trong ngôn ngữ html :
1 trang web viết bằng ngôn ngữ HTML bắt đầu bằng và kết thúc bằng
Phần nội dung của trang Web nằm trong phần .... .

I)Tạo liên kết

-Tiêu đề(Title) cho trang web :

Title cho trang

-Liên kết thông qua text :
Text hiển thị liên kết

-Liên kết đến các section trong trang hiện thời :
Tạo ra section:

Text miêu tả section.

-Text liên kết đến section:
Text để liên kết tới setion

-Liên kết thông qua picture:

-Tạo liên kết gốc :
http://www.abc.com">

II)Các lệnh với chữ :
-Chữ đậm : Các chữ cần viết đậm
-Chữ nghiêng : Các chữ cần viết nghiêng
-Chữ gạch chân:Các chữ cần gạch chân
-Tạo đoạn :

Các chữ trong đoạn

-Viết theo lề:

Các chữ trong đoạn văn

-Xuống dòng :
Chữ cần viết trong dòng mới
-Chữ ngăn cách bởi gạch ngang :

Các chữ ngăn cách với dòng trên bởi gạch ngang
-Định kích cỡ và độ dài dòng gạch ngang :

Text
-Tạo heading: dòng tiêu đề trong đó # có giá trị nhỏ dần 1 đến 6
-Tạo chú thích:
-Tạo pre-formated:

Đoạn văn ở chế độ pre-formated



III)Tạo vùng hình ảnh

Tạo image-map (vùng hình ảnh) : 

Đặt tên cho vùng 

Xác định toạ độ cho vùng và hình dạng : 

với x,y,z,t là các số nguyên chỉ toạ độ ;

SHARP có thể có các dạng như "RECT","POLY","Circle"

HREF="URL" có nhiệm vụ tạo liên kết đến URL khi ta ấn vào vùng chọn



IV)Làm việc với trang:

-Tạo mầu nền:

với rr,gg,bb là các số tương ứng với tỉ lệ màu đỏ , xanh lá cây , xanh dương

-Lấy ảnh làm nền : khai báo trong phần body : background="tên hình ảnh nền"



V)Tạo table:

-Tạo table: Nội dung của bảng 

-Tạo cột :    Nội dung của cột

-Thêm nội dung cột :  Nội dung

-Tạo heading :  heading

-Kích thước lề:....

-Độ rộng cột: ....

-Tạo tiêu đề:  tiêu đề

-Căn giá trị :.... trong đó có 3 kiểu: LEFT,RIGHT,CENTER



VI)Tạo form:

(Form chứa thông tin để gửi tới server )



-Tạo form:

 

Trong đó ACTION="_URL_" chỉ ra server cần gửi thông tin đến

         METHOD="METHOD" chỉ ra phương thức gửi POST hoặc GET

            +POST là gửi từng phần

            +GET là gửi toàn bộ



-Chọn kiểu dữ liệu cho form:









-Kiểu dữ liệu là TEXT:



name:



Trong đó : SIZE là kích thước text , maxlength là độ dài tối đa của chuỗi kí tự

           name là tên của form



-Nhập form text dạng password:

password:



-Nhập form text dạng ẩn:

hidden:



-Tạo nút chọn kiểu YES-NO(tạo ra 2 ô để ta đánh dấu lựa chọn):

Tiêu đề chọn lựa





YES





NO





-Tạo check box(có thể chọn nhiều mục bằng cách đánh dấu) :

Ví dụ dưới đây sẽ tạo ra 1 form lựa chọn các kiểu computer mà bạn thích, có thể chọn hơn 1 kiểu:

Type of Computer





PENTIUMII





PENTIUMIII





PENTIUMIV



-Tạo reset form :

Form này có nhiệm vụ xoá các lựa chọn trong check box , đưa check box trở về trạng thái ban đầu:

Đặt form này ngay đằng sau của check box:









-Gửi thông tin trong form tới server:

Đặt form này ngay đằng sau của check box:









-Tạo pop-up menus:

pop-up menus là form có dạng hộp check , khi ta ấn vào hộp thì các mục trong hộp sẽ hiện ra

Dưới đây sẽ tạo ra pop-up cho 1 form lựa chọn kiểu thanh toán cho khách hàng

Kiểu thanh toán







-Tạo list box:

List box cũng giống như text box nhưng chỉ khác ở cách trình bày , nó hiện ra 1 danh sách lựa chọn

Dưới đây sẽ tạo ra 1 danh sách các hệ điều hành cho khách hàng lựa chọn  , khách hàng có thể lựa chọn

nhiều hơn 1 hệ điều hành :

Các hệ điều hành







VI)Tạo frames:

Người ta có thể chia trang web ra làm nhiều frame , mỗi frame gần giống như 1 trang web độc lập với nhau ,

tức 1 frame có thể load nội dung mới mà không ảnh hưởng tới các frame còn lại . Bạn có thể thấy ví dụ về

trang web có chia frame như ở website www.ktlehoan.com .



-Tạo frame:

Đặt các lệnh sau trong phần ....





-Tạo frame theo cột:



Chuỗi lệnh trên tạo ra 2 frame nằm dọc ngăn cách nhau bởi cột 200(tính theo pixe)

Cú pháp lệnh là COLS="number,*"



-Tạo frame theo hàng:



Chuỗi lệnh trên tạo ra 2 frame nằm ngang ngăn cách nhau bởi hàng 100

Cú pháp lệnh là ROWS="number,*"



-Làm frame mở ra trang web mới :



http://www.abc.com/page1.htm">

http://www.def.com/page2.htm">



Chuỗi lệnh này tạo ra 2 frame nằm ngang phân nhau tại hàng 100 , frame thứ nhất có nội dung là trang

http://www.abc.com/page1.htm , frame thứ 2 có nội dung là trang http://www.def.com/page2.htm .



-Đặt kích thước cho margin(viền) của frame:

Với viền trái hay phải(dùng cho các frame nằm dọc ) : MARGINWIDTH="number"

Với viền trên hay dưới(dùng cho các frame nằm ngang): MARGINHEIGHT="number"

number là độ dầy của viền tính theo pixe



-Đặt chức năng cuộn cho frame:

Muốn cho frame có thể cuộn đặt : SCROLLING="YES"

Muốn cho frame không thể cuộn đặt : SCROLLING="NO"



-ĐẶt liên kết giữa các frame:

Bạn có thể khiến cho 1 frame chứa các mục , khi ta ấn vào 1 mục thì nội dung của mục đó hiển thị ở frame

kia (giống như trang ktlehoan.com) như sau:

Link_text

Như vậy khi bạn ấn vào dòng chữ Link_text ở frame thứ nhất thì nội dung của trang page1.htm sẽ hiển thị tại

frame thứ 2 .

Bản thử theme

Welcome to our site

Our Work

No Parking!

PhotoLens

Portfolio Site

HTML

0 nhận xét:

Đăng nhận xét

Blog Archive

Followers

About Me