, … – Thẻ đóng tương ứng: Ví dụ: ,
Chú ý: ln có thẻ mở khơng có thẻ đóng tương ứng Ví dụ: khơng có thẻ đóng Thuộc tính (property) thẻ Một thẻ có thuộc tính nhằm bổ sung tác dụng cho thẻ Mỗi thuộc tính có tên thuộc tính (tên_TT) Viết thẻ có thuộc tính: Chú ý: – Có thể thay đổi thứ tự, số lượng thuộc tính mà khơng gây lỗi cú pháp – Sự hỗ trợ thẻ, thuộc tính trình duyệt khác Chỉ giống thẻ, thuộc tính – Thẻ đóng thẻ có thuộc tính viết bình thường () Trang web Trang HTML có phần mở rộng (đi) HTM HTML Có thể tạo trang HTML trình soạn thảo “văn thuần” (Notepad, EditPlus, Turbo Pascal,…) Có nhiều trình soạn thảo HTML cho phép NSD soạn thảo trực quan, kết sinh HTML tương ứng như: – Microsoft FrontPage – Macromedia Dreamweaver – … Trang web (tt) Soạn thảo: – Mở trình soạn thảo văn (VD Notepad) gõ ND – Ghi lại với tên “CHAO.HTM” Chao hoi Chao hoi Chao mung ban den voi HTML! Chao mung ban den voi HTML! Trang web (tt) Thử nghiệm: – Mở trình duyệt web (IE) – Vào File/Open, chọn file CHAO.HTM vừa ghi – Nhấn OK → Có kết hình bên Thay đổi: – Quay lại Notepad, sửa lại nội dung trang web ghi lại – Chuyển sang IE, nhấn nút Refresh (F5) → thấy kết Ghi chú: Các thẻ nêu mặc định đặt phần … Thẻ định dạng ký tự Đậm, nghiêng, gạch chân: …, … , … Chỉ số trên:… Chỉ số dưới: … Font chữ (ít dùng): … – Thuộc tính: • face=“tên font chữ” • size=“kích thước” • color=“màu” – Viết tên tiếng Anh (red, blue,…) – Viết dạng #RRGGBB, RR, GG, BB dạng hexa Ví dụ: #FFFFFF: Trắng, #FF0000: đỏ,… Tiêu đề, đoạn văn, ngắt dòng Tiêu đề: với kích thước nhỏ dần – … – … – … Sau tiêu đề, văn tự động xuống dịng – Thuộc tính: • align=“cách chỉnh lề”: left, right, center, justify Đoạn văn:…
– Thuộc tính: • align tương tự Ngắt dịng: Siêu liên kết (tt) Thẻ tạo liên kết: Đối tượng liên kết – Thuộc tính: • href=“đích liên kết”: Nếu web nên sử dụng đường dẫn tương đối • target=“tên cửa sổ đích” Có số tên đặc biệt: – _self: cửa sổ – _blank: cửa sổ – Chú ý: • Liên kết với địa e-mail đặt href=“mailto:địa_chỉ_e-mail” • Thực lệnh JavaScript kích chuột vào đặt href=“javascript:lệnh” Bảng biểu HTML coi bảng gồm nhiều dòng, dòng gồm nhiều ơ, có chứa liệu bảng Các thẻ: – Tạo bảng: …: Mỗi bảng có cặp thẻ – Tạo dịng: …: Bảng có dịng có nhiêu cặp thẻ – Tạo ơ: • Ơ tiêu đề bảng: … • Ơ liệu: … Tổng số thẻ số ô bảng Dịng có có nhiêu thẻ và/hoặc nằm cặp thẻ … tương ứng • Chú ý: Để có trống bảng (ơ khơng có liệu) cần đặt nội dung là: Bảng biểu -Thuộc tính thẻ – border=“số”: kích thước đường viền Đặt (mặc định): khơng có đường viền – width=“rộng”, height=“cao”: độ rộng độ cao bảng Có thể đặt theo cách: • n: (n số) Quy định độ rộng, cao n pixels • n%: Quy định độ rộng, cao n% độ rộng, cao đối tượng chứa bảng – cellspacing=“số”: Khoảng cách ô liên tiếp – cellpadding=“số”: Khoảng cách từ góc ô đến nội dung ô – bgcolor=“màu”: màu bảng – background=“địa_chỉ_ảnh”: Địa file ảnh làm cho bảng Nên sử dụng đường dẫn tương đối Bảng biểu -Thuộc tính thẻ (tt) , – bgcolor=“màu”: màu ô – background=“địa_chỉ_ảnh”: Địa file ảnh làm cho ô Nên sử dụng đường dẫn tương đối – width=“rộng”, height=“cao”: độ rộng độ cao Có thể đặt theo cách: • n: (n số) Quy định độ rộng, cao n pixels • n%: Quy định độ rộng, cao n% độ rộng, cao bảng – align=“căn_lề”: cách chỉnh liệu ô theo chiều ngang: left, right, center, justify – valign=“căn lề đứng”: cách chỉnh liệu ô theo chiều đứng: top, middle, bottom – colspan=“số”: số cột mà ô chiếm (mặc định 1) – rowspan=“số”: số dịng mà chiếm (mặc định 1) – nowrap: có làm cho liệu khơng tự xuống dịng Form trang web Các đối tượng nhập liệu Cho phép người sử dụng nhập liệu trang web Dữ liệu gửi server để xử lý Người sử dụng nhập liệu thông qua điều khiển (controls) Có nhiều loại control: Form Oneline Textbox Checkbox Radio Button Button Combo box (drop-down menu) Listbox Hộp nhập văn nhiều dòng (TextArea) … Các đối tượng nhập liệu (tt) Tất điều khiển có tên quy định qua thuộc tính name Tuy nhiên có số điều khiển name khơng quan trọng (các điều khiển mà sau không cần lấy liệu) Các điều khiển từ số đến số định nghĩa nhờ thẻ thuộc tính type xác định điều khiển tạo Form Sử dụng để chứa đối tượng khác Khơng nhìn thấy trang web hiển thị Quy định số thuộc tính quan trọng method, action Thẻ tạo form: … Các thuộc tính: – name=“tên_form”: Khơng quan trọng – action=“địa nhận liệu”: Nên sử dụng đường dẫn tương đối nằm web – method=“phương thức gửi liệu” Chỉ có giá trị: • GET (mặc định) • POST Hộp nhập văn dòng (Oneline Textbox) Sử dụng để nhập văn ngắn (trên dòng) mật Thẻ: Thuộc tính: – name=“tên_đt”: quan trọng – type=“text”:Ơ nhập văn thường – type=“password”: ô nhập mật – value=“giá trị mặc định” Checkbox Cho phép chọn nhiều lựa chọn nhóm lựa chọn đưa cách đánh dấu (“tích”) Thẻ: : ô nhập cần thẻ Thuộc tính: – name=“tên_đt”: quan trọng – type=“checkbox” – value=“giá trị”: giá trị chương trình nhận NSD chọn – checked: có nút mặc định chọn Option Button (Radio Button) Cho phép chọn lựa chọn nhóm lựa chọn đưa Trên form có nhiều nhóm lựa chọn kiểu Thẻ: : Mỗi ô cần thẻ Thuộc tính: – name=“tên_đt”: quan trọng Các đối tượng tên thuộc nhóm – type=“radio” – value=“giá trị”: giá trị chương trình nhận NSD chọn ô – checked: có nút mặc định chọn Nút lệnh (Button) Sử dụng để NSD lệnh thực cơng việc Trên web có loại nút: – submit: Tự động lệnh gửi liệu – reset: đưa liệu trạng thái mặc định – normal: người lập trình tự xử lý Thẻ: Thuộc tính: – name=“tên_ĐT”: thường khơng quan trọng – type=“submit”: nút submit – type=“reset”: nút reset – type=“button”: nút thông thường (normal) – value=“tiêu đề nút” Combo Box (Drop-down menu) Bao gồm danh sách có nhiều phần tử Tại thời điểm có phần tử chọn NSD chọn phần tử danh sách xổ xuống cách kích vào mũi tên bên phải hộp danh sách Thẻ tạo hộp danh sách: Danh sách phần tử Thuộc tính: – name=“tên_ĐT”: quan trọng Thẻ tạo phần tử danh sách: Tiêu đề phần tử Thuộc tính: – value=“giá trị”: giá trị chương trình nhận phần tử chọn – selected: có phần tử mặc định chọn Listbox Tương tự Combo box, nhiên nhìn thấy nhiều phần tử lúc, lựa chọn nhiều phần tử Thẻ: … Thuộc tính: tương tự combo nhiên có thuộc tính khác: – size=“số dịng” – multiple: cho phép lựa chọn nhiều phần tử lúc Thẻ … tương tự combo box Hộp nhập văn nhiều dòng (TextArea) Cho phép nhập văn dài nhiều dòng Thẻ: Nội dung mặc định Thuộc tính: – name=“tên_ĐT”: quan trọng – rows=“số dòng” – cols=“số cột” ...Giới thiệu HTML=HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn – Ngôn ngữ để viết trang web Do Tim Berner Lee phát minh W3C (World Wide Web Consortium)... thuộc tính trình duyệt khác Chỉ giống thẻ, thuộc tính – Thẻ đóng thẻ có thuộc tính viết bình thường () Trang web Trang HTML có phần mở rộng (đi) HTM HTML Có thể tạo trang HTML trình. .. Có nhiều trình soạn thảo HTML cho phép NSD soạn thảo trực quan, kết sinh HTML tương ứng như: – Microsoft FrontPage – Macromedia Dreamweaver – … Trang web (tt) Soạn thảo: – Mở trình soạn thảo
