1 trang web viết bằng ngôn ngữ HTML bắt đầu bằng <html> và kết thúc bằng </html> Phần nội dung của trang Web nằm trong phần <body> .... </body> . I)Tạo liên kết -Tiêu đề(Title) cho trang web : <HEAD> <TITLE>Title cho trang</TITLE> </HEAD> -Liên kết thông qua text : <A HREF="URL">Text hiển thị liên kết</A> -Liên kết đến các section trong trang hiện thời : Tạo ra section: <P> <A HREF="Section">Text miêu tả section.</A> </P> -Text liên kết đến section: <A NAME="Tên-section">Text để liên kết tới setion</A> -Liên kết thông qua picture: <A HREF="URL"> <IMG SRC="tên file hình ảnh"></A> -Tạo liên kết gốc : <BASE HREF="http://www.abc.com"> II)Các lệnh với chữ : -Chữ đậm : <B>Các chữ cần viết đậm</B> -Chữ nghiêng : <I>Các chữ cần viết nghiêng</I> -Chữ gạch chân:<U>Các chữ cần gạch chân</U> -Tạo đoạn : <P> Các chữ trong đoạn</P> -Viết theo lề:<P ALIGHN=Right>Các chữ trong đoạn văn</P> -Xuống dòng :<BR>Chữ cần viết trong dòng mới -Chữ ngăn cách bởi gạch ngang : <HR>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 : <HR size=5 with=50%>Text -Tạo heading: <H#> dòng tiêu đề </H#> trong đó # có giá trị nhỏ dần 1 đến 6 -Tạo chú thích: <!--Đoạn văn cần chú thích--> -Tạo pre-formated: <PRE>Đoạn văn ở chế độ pre-formated</PRE-FORMATED> III)Tạo vùng hình ảnh Tạo image-map (vùng hình ảnh) : <img src="image.gif" usermap='#map_name'> Đặt tên cho vùng <MAP NAME="tên vùng"> Xác định toạ độ cho vùng và hình dạng : <AREA COORDS="x,y,z,t" SHARP="RECT" HREF="URL"> 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: <body bgcolor="rrggbb"> 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: <TABLE>Nội dung của bảng </TABLE> -Tạo cột : <TR> Nội dung của cột </TR> -Thêm nội dung cột : <TD> Nội dung </TD> -Tạo heading : <TH> heading </TH> -Kích thước lề:<TABLE BORDER="Number">....</TABLE> -Độ rộng cột: <TABLE WIDTH="Number">....</TABLE> -Tạo tiêu đề: <CAPTION> tiêu đề </CAPTION> -Căn giá trị :<TABLE Alighn="Kiểu">....</TABLE> 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: <FORM ACTION="_URL_" METHOD="METHOD"> </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: <FORM ACTION="_URL_" METHOD="METHOD"> <INPUT NAME="name" TYPE="type"> </FORM> -Kiểu dữ liệu là TEXT: <FORM ACTION="_URL_" METHOD="METHOD"> name:<INPUT NAME="name" TYPE="TEXT" SIZE="size" MAXLENGTH="number"> </FORM> 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:<INPUT TYPE="PASSWORD" NAME="PASS" SIZE="size"> -Nhập form text dạng ẩn: hidden:<INPUT TYPE="HIDDEN" NAME="HIDDEN" SIZE="size"> -Tạo nút chọn kiểu YES-NO(tạo ra 2 ô để ta đánh dấu lựa chọn): <P>Tiêu đề chọn lựa</P> <P> <INPUT TYPE="RADIO" NAME="RADIOBUTTON" VALUE="RADIOBUTTON"> YES</P> <P> <INPUT TYPE="RADIO" NAME="RADIOBUTTON" VALUE="RADIOBUTTON"> NO</P> </P> -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: <P>Type of Computer</P> <P> <INPUT TYPE="CHECKBOX" NAME="CHECKBOX" VALUE="CHECKBOX"> PENTIUMII</P> <P> <INPUT TYPE="CHECKBOX" NAME="CHECKBOX2" VALUE="CHECKBOX"> PENTIUMIII</P> <P> <INPUT TYPE="CHECKBOX" NAME="CHECKBOX3" VALUE="CHECKBOX"> PENTIUMIV</P> -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: <P> <INPUT TYPE="RESET" NAME="RESET" VALUE="RESET"> </P> -Gửi thông tin trong form tới server: Đặt form này ngay đằng sau của check box: <P> <INPUT TYPE="SUBMIT" NAME="SUBMIT" VALUE="SUBMIT"> </P> -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 <P ALIGHN="CENTER">Kiểu thanh toán <SELECT NAME="Seclect"> <OPTION VALUE="C1">Cash</OPTION> <OPTION VALUE="C2">Cheque</OPTION> <OPTION VALUE="C3">Creditcard</OPTION> </SELECT> </P> -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 : <P ALIGHN="CENTER">Các hệ điều hành <SELECT NAME="Seclect2" SIZE="5"> <OPTION <WIN 98</OPTION> <OPTION <WINNT</OPTION> <OPTION <WINXP</OPTION> <OPTION <LINUX REDHAT</OPTION> </SELECT> </P> 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 <body>....</body> <FRAMESET> </FRAMSET> -Tạo frame theo cột: <FRAMESET COLS="200,*"> </FRAMSET> 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: <FRAMESET ROWS="100,*"> </FRAMSET> 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 : <FRAMESET ROWS="100,*"> <frame src="http://www.abc.com/page1.htm"> <frame src="http://www.def.com/page2.htm"> </FRAMSET> 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: <A HREF="page1.htm" TARGET="windows_name">Link_text</A> 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 .
